Antworten auf deine Fragen:
Neues Thema erstellen

Nivo Slider

Verzweifelt_im_Net

Noch nicht viel geschrieben

Hallo alle zusammen :) Ich bin gerade dabei eine sträflich vernachlässigte Homepage wieder in Form zu bringen, und möchte dazu gern einen beweglichen Header mit Nivo Slider einfügen.

Ich benütze den Dreamweaver CS6; ich habe zwar Grundkenntnisse in HTML und Java, aber das ist noch ein bisschen zu hoch für mich. Könnte mir das bitte jemand *****ensicher erklären? Danke :)
 

simonpicos

Mod | Forum

AW: Nivo Slider

ist doch eigentlich alles ganz gut erklärt :)

Und ich glaube eher, dass du Kenntnisse in HTML und JavaScript hast. Java und Javascript sind zwei völlig unterschiedliche Dinge ;)
 

Verzweifelt_im_Net

Noch nicht viel geschrieben

AW: Nivo Slider

Danke euch für die rasche Antwort. Ich habe es eigentlich jetzt so gemacht, wie im Tutorial angegeben, aber alles was mir erscheint, ist eine weiße Seite.

Habe ich vielleicht einen Fehler beim Einbauen in die Seite gemacht? Ich verzweifel heute wirklich noch....
 

Verzweifelt_im_Net

Noch nicht viel geschrieben

AW: Nivo Slider

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Stiftung Bozner Schlösser - Schloss Runkelstein</title>
<script src="AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:203px;
top:133px;
width:751px;
height:12px;
z-index:1;
}
.Stil2 {
font-size: 13px; font-family: Arial, Helvetica, sans-serif}
#apDiv2 {
position:absolute;
left:53px;
top:257px;
width:117px;
height:11px;
z-index:1;
}
#apDiv3 {
position:absolute;
left:69px;
top:292px;
width:89px;
height:9px;
z-index:2;
}
#apDiv4 {
position:absolute;
left:70px;
top:327px;
width:88px;
height:13px;
z-index:3;
}
#apDiv5 {
position:absolute;
left:69px;
top:361px;
width:86px;
height:11px;
z-index:4;
}
#apDiv6 {
position:absolute;
left:68px;
top:395px;
width:92px;
height:10px;
z-index:5;
}
#apDiv7 {
position:absolute;
left:69px;
top:430px;
width:93px;
height:15px;
z-index:6;
}
#apDiv8 {
position:absolute;
left:69px;
top:465px;
width:90px;
height:10px;
z-index:7;
}
#apDiv9 {
position:absolute;
left:66px;
top:499px;
width:91px;
height:10px;
z-index:8;
}
#apDiv10 {
position:absolute;
left:68px;
top:535px;
width:89px;
height:9px;
z-index:9;
}
#apDiv11 {
position:absolute;
left:13px;
top:213px;
width:939px;
height:13px;
z-index:10;
}
#apDiv12 {
position:absolute;
left:13px;
top:186px;
width:1018px;
height:12px;
z-index:11;
}
#apDiv13 {
position:absolute;
left:209px;
top:231px;
width:13px;
height:546px;
z-index:12;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
; font-weight: bold}
a:active {
text-decoration: none;
}
#apDiv14 {
position:absolute;
left:15px;
top:553px;
width:195px;
height:10px;
z-index:13;
}
#apDiv15 {
position:absolute;
left:13px;
top:63px;
width:624px;
height:5px;
z-index:14;
}
.Stil4 {font-size: 13px; font-weight: bold; ; font-family: Arial, Helvetica, sans-serif}
#apDiv16 {
position:absolute;
left:990px;
top:237px;
width:15px;
height:188px;
z-index:15;
}
#apDiv17 {
position:absolute;
left:911px;
top:102px;
width:190px;
height:743px;
z-index:15;
}
#apDiv {
position:absolute;
left:15px;
top:795px;
width:1018px;
height:6px;
z-index:11;
}
.Stil6 {font-style: italic; font-size: 14px;}
#apDiv18 {position:absolute;
left:13px;
top:182px;
width:1018px;
height:12px;
z-index:11;
}
-->
</style>
<SCRIPT language="Javascript" type="text/javascript">
<!--
//Überprüfung der Muss-Felder für das Kontakt-Formular
//feldname,feldart(text/checkbox-radio) (0 ist Text, 1 ist checkbox/radio),Feldlänge,Liste gültiger Ziffern -oder- Bereich (von|bis), String für Feedback
function validate() {
if (stringRoh=='') //Übergabeparameter ...?string
document.Formular.receiver.value = "peter@3d-pixel.com";
else
document.Formular.receiver.value = stringRoh;
var letter = document.Formular.sender.value;
var isFull = feldleer(document.Formular.sender,"0", "6", "", "Bitte geben Sie Ihre E-Mail-Adresse an.",
document.Formular.anrede,"1", "", "", "Bitte geben Sie die gewünschte Anrede an.",
document.Formular.vorname,"0", "", "", "Bitte geben Sie Ihren Vornamen an.",
document.Formular.name,"0","", "", "Bitte geben Sie Ihren Namen an.");
if (!isFull) {
}
else {
if ((letter.indexOf('@') < 0) || (letter.indexOf('ä') > -1) ||(letter.indexOf('ö') > -1) ||(letter.indexOf('ü') > -1) ||(letter.indexOf('ß') > -1) || (letter.indexOf('Ä') > -1) ||(letter.indexOf('Ö') > -1) ||(letter.indexOf('Ü') > -1)) {
alert("Bitte prüfen Sie Ihre E-Mail Adresse.")
}
else {
document.Formular.submit();
}
}

}

//-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
function OpenfensterWindow()
{
window.open("","fenster","scrollbars=yes,toolbar=no,menubar=no,location=no,width=700,height=540");
}
</SCRIPT>
<link rel="stylesheet" href="../scripts/runkelstein.css" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
//-->
</script>
<% dim ZufallFileName
dim ZufallsZahl
' 0..obergrenze -> anzahl bilder
const Obergrenze = 6

' erstelle zufallszahl (obergrenze + 1, damit die obergrenze auch manchmal drankommt)
Randomize
Zufallszahl = Fix(Rnd * (Obergrenze + 1))
if Zufallszahl > Obergrenze then Zufallszahl = Obergrenze

' dateiname erstellen
ZufallFileName = "titelbild/bild" + CStr(Zufallszahl) + ".jpg"
%>
<style type="text/css">
<!--
.Stil7 {font-size: 13px}
.Stil8 {font-size: 10px}
.Stil2 span strong {
color: #F00;
}
.Stil2 span strong a {
color: #000;
}
.Stil2 span strong a {
color: #000;
}
.Stil2 span strong a {
color: #F00;
}
.Stil2 strong a .Stil4 {
color: #000040;
}
.Stil2 strong .Stil4 br {
color: #000040;
}
.Stil2 strong .Stil4 a {
color: #000040;
}
.Stil2 strong a br {
color: #0053A6;
}
.Stil2 strong a .Stil4 {
color: #008BCE;
}
.Stil2 strong .Stil4 a {
color: #008BCE;
}
.Stil2 table tbody tr .Stil2 div .Stil2 .Stil4 {
color: #400040;
}
.Stil2 table tbody tr .Stil2 div .Stil2 .Stil4 {
color: #000;
}
.Stil21 {font-size: 13px; font-family: Arial, Helvetica, sans-serif}
.Stil2 table tbody tr .Stil2 div .Stil2 .Stil2 {
color: #400040;
}
.Stil2 table tbody tr .Stil2 div .Stil2 .Stil2 {
color: #000;
}

<link rel="stylesheet" href="css\nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>

<div id="htmlcaption" class="nivo-html-caption">
<strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
</div>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
-->
</style>
<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-27041761-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>
</head>

<body>
<font class="Stil2"></font>
<p class="Stil6">
<script type="text/javascript" src="../scripts/wz_tooltip.js"></script>
</p>
<table width="180" height="209" border="1" bordercolor="#FFFFFF">
<tr>
<td height="40">***<a href="http://www.runkelstein.info"><img src="logo_site.gif" width="339" height="40" align="top" border="0" alt="Zur Startseite" /></a></td>
</tr>
<tr>
<td height="123">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="linie_horiz_rot.gif" width="1000" height="3" /></td>
</tr>
<tr>
<td><img src="<%=ZufallFileName%>" width="1000" height="122" hspace="0" vspace="0" border="0"></td>
</tr>
<tr>
<td><img src="linie_horiz_rot.gif" width="1000" height="3" /></td>
</tr>
</table> </td>
</tr>
<tr align="left" bordercolor="#ffffff">
<td height="36"><div class="Stil2" align="left">
<table width="100%" border="0">
<tbody>
<tr valign="center">

<td width="73" height="12" align="middle" nowrap="nowrap" class="Stil2"><div align="center"><span class="Stil2"><a
href="http://www.runkelstein.info/runkelstein_de/geschichte.asp" class="Stil2">Besucherinfo</a></span></div></td>
<td width="5" height="12" align="middle" nowrap="nowrap" class="Stil2">|</td>
<td width="89" height="12" align="middle" nowrap="nowrap" class="Stil2"><div align="center"><span class="Stil2"><a
href="http://www.runkelstein.info/runkelstein_de/ausstellungen.asp"><font
color="#000000">Führungen und Wissenswertes</font></a></span></div></td>
<td class="Stil2" nowrap="nowrap" align="middle" width="5" height="12">|</td>
<td class="Stil2" nowrap="nowrap" align="middle" width="111"><div class="Stil2" align="center"><a
href="http://www.runkelstein.info/runkelstein_de/fuehrungen.asp"><font
color="#000000">Ausstellungen und Veranstaltungen</font></a></div></td>
<td class="Stil2" nowrap="nowrap" align="middle" width="5">|</td>

<td width="83" height="12" align="middle" nowrap="nowrap" class="Stil2"><div align="center"><span class="Stil2"><a
href="http://www.runkelstein.info/runkelstein_de/burgschenke.asp"><font
color="#000000">Wissenswertes</font></a></span></div></td>
<td class="Stil2" nowrap="nowrap" align="middle" width="5" height="12"><span
class="Stil2">|</span></td>
<td class="Stil2" nowrap="nowrap" align="middle" width="89" height="12"><div align="center"><span class="Stil2"><a
href="http://www.runkelstein.info/runkelstein_de/publikationen.asp"><font
color="#000000">Service</font></a></span></div></td>
<td class="Stil2" nowrap="nowrap" align="middle" width="5" height="12"><span
class="Stil2">|</span></td>
<td class="Stil2" nowrap="nowrap" align="middle" width="54" height="12"><div align="center"><span class="Stil2"><a
href="http://www.runkelstein.info/runkelstein_de/kontakt.asp"><font
color="#000000">Kontakt</font></a></span></div></td>
<td nowrap="nowrap" align="middle" width="5" height="12">&nbsp;</td>
<td align="middle" width="57" height="12"><div class="Stil2" align="right"><a class="Stil2"
onmouseover="Tip('Pagina in Italiano')"
href="http://www.roncolo.info/roncolo_it/storia.asp"><font
color="#000000"><span class="Stil2">IT </span></font></a><span
class="Stil2">| <a class="Stil2" onMouseOver="Tip('Page in English')"
href="http://www.runkelstein.info/runkelstein_en/history.asp"><font
color="#000000">EN</font></a></span></div></td>
</tr>

<div class="slider-wrapper">
<div id="slider" class="nivoSlider">
<img src="runkelstein.info\runkelstein_de\titelbild\bild3.jpg" alt="" />
<a href="http://dev7studios.com"><img src="runkelstein.info\runkelstein_de\titelbild\bild0.jpg" alt="" title="#htmlcaption" /></a>
<img src="runkelstein.info\runkelstein_de\titelbild\bild1.jpg" alt="" title="This is an example of a caption" />
<img src="runkelstein.info\runkelstein_de\titelbild\bild2.jpg" alt="" />
</div>
</div>


</tbody>
</table>
<img height="3"
src="linie_horiz_rot2.gif"
width="1000" vspace="2" /> </div></td>
</tr>
</table> </td>
<td width="623" align="left" valign="top" height="704">
<p>
<p><strong><br />
</strong>
</td>

</tr>
</table>

<p align="center" class="Stil4">&nbsp;</p>
<p align="center">*</p>
<p align="center">******</p>
<p align="center">***</p>
<p align="center">***</p>
<p align="center">***</p>
<p align="center">***</p>
<p align="center">***</p>
</tr>
<tr>
<td height="3" colspan="9"><img src="linie_horiz_rot.gif" alt="h" width="1000" height="3" /></td>
</tr>
<tr>
<td colspan="9" align="center" valign="top" class="Stil2" height="2">
<table width="100%" border="0">
<tr>
<td width="40%" class="Stil2">
<div align="right">Schloss Runkelstein, Kaiser-Franz-Josef Weg, 39100
Bozen;</div> </td>
<td width="16%" class="Stil2">
<div align="center"> TEL. (+39) 0471 329808</div> </td>
<td width="16%" class="Stil2">
<div align="center"> FAX (+39) 0471 324026</div> </td>
<td width="28%" class="Stil2">
<div align="left"> E-Mail: <a href="mailto:runkelstein@runkelstein.info"><font color="#000000">runkelstein@runkelstein.info</font></a> </div> </td>
</tr>
</table> </td>
</tr>
</table>
</body>
</html>
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.614
Beiträge
1.538.351
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben