pApple TUT - Blue Nova

Blue Nova

BLUE NOVA

Anleitung

Meldt euch mit eurem Account in Homepage-Baukasten an.
Geht auf Design einstellen
Wählt das Design CSS-Design
Kopiert die Codes in die beschriebene Boxen.

Design Bewertung:

Um Bilder oben in die Previewe einzufügen müsst ihr dien Bilder link bei Text unter dem Design "BILD..." enfügen Für Bild Link eifach den Link in "URL
DES BILDES" einfügen.

Text über dem Design:

Text unter dem Design:

<div id="Picture1"><script language="JavaScript">
aus1 = new Image();
aus1.src = "BILD 1";
an1 = new Image();
an1.src = "BILD 2";
</script> <a href="URL DES BILDES" _fcksavedurl="URL DES BILDES" onmouseover_fckprotectedatt="%20onmouseover%3D%22a1.src%3D'BILD%202'%3B%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22a1.src%3D'BILD%201'%3B%22" name="a1"><img src="BILD 1" _fcksavedurl="BILD 1" border="0" alt="" name="a1"></a> </div>   <div id="Picture2"><script language="JavaScript">
aus2 = new Image();
aus2.src = "BILD 1";
an2 = new Image();
an2.src = "BILD 2";
</script> <a href="URL DES BILDES" _fcksavedurl="URL DES BILDES" onmouseover_fckprotectedatt="%20onmouseover%3D%22a2.src%3D'BILD%202'%3B%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22a2.src%3D'BILD%201'%3B%22" name="a2"><img src="BILD 1" _fcksavedurl="BILD 1" border="0" alt="" name="a2"></a> </div>   <div id="Picture3"><script language="JavaScript">
aus3 = new Image();
aus3.src = "http://s5b.directupload.net/images/100312/34r7czjk.jpg";
an3 = new Image();
an3.src = "BILD 2";
</script> <a href="URL DES BILDES" _fcksavedurl="URL DES BILDES" onmouseover_fckprotectedatt="%20onmouseover%3D%22a3.src%3D'BILD%202'%3B%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22a3.src%3D'BILD%201'%3B%22" name="a3"><img src="BILD 1" _fcksavedurl="BILD 1" border="0" alt="" name="a3"></a> </div>   <div id="Picture4"><script language="JavaScript">
aus4 = new Image();
aus4.src = "BILD 1";
an4 = new Image();
an4.src = "BILD 2";
</script> <a href="URL DES BILDES" _fcksavedurl="URL DES BILDES" onmouseover_fckprotectedatt="%20onmouseover%3D%22a4.src%3D'BILD%202'%3B%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22a4.src%3D'BILD%201'%3B%22" name="a4"><img src="BILD 1" _fcksavedurl="BILD 1" border="0" alt="" name="a4"></a> </div>   <div id="Footer"><div style="float: left">  Design by <a href="http://papple-tut.de.tl/home.htm" _fcksavedurl="http://papple-tut.de.tl/home.htm" _fcksavedurl="http://papple-tut.de.tl/home.htm">pApple</a> </div></div>

CSS-Code ohne Style-Tags:

#header_container{display:none;} ##sidebar_container {display: none;}  ##nav_container {display: none;}  #extraDiv6 {display: none;}   #pre_header {display: none;}  #post_header {display: none;}  #pre_content {display: none;}  #nav_heading{display: none;}  div.header{display: none;}  h1#title{display: none;}   h2#title span {display: none;}    #a{ color:#0d120e; text-decoration: none; font-size:14px;}  a:hover { color: #ffffff; font-size: 13px; text-decoration: none;}  a:link { color: #ffffff; font-size: 13px; text-decoration: none;}  a:active { color: #ffffff; font-size: 13px; text-decoration: none;}  a:visited { color: #ffffff; font-size: 13px; text-decoration: none;}   body { background-color:#527c92;}  *{ padding: 0; margin: 0; }   #Mein_Bild {  margin: 0 auto;  width: 844px; height: 840px; background-image:url(http://s6b.directupload.net/images/100313/29uvqwve.jpg);}    #header_container { position: absolute; left: 50%; top: 130px; margin-left:-420px; width: 838px; height:191px; background-color:#; background-image:url(http://s1.directupload.net/images/100202/9l7v3yvg.png); color:#FFFFFF; font-size:14px; border: 0px solid #b0b0b0;}   #content { position: absolute; left: 50%; top: 402px; margin-left:-398px; width: 587px; height: 345px; padding:10px; color: #95adb9; font-size:13px; background-color:#; background-image: none; border: 0px solid #ffffff; overflow:auto;}   #sidebar_container{ position: absolute; left: 50%; top:265px; margin-left: -405px; width: 115px; height: auto; padding:15px;  background-color:#; background-image: none; border: 0px solid #b0b0b0; color:#4a4a4a; overflow:auto;}   #nav_container{ position: absolute; left: 50%; top:440px; margin-left: 238px; width: 147px; height:325px; border:0px solid #ffffff; overflow:auto;} repeat-y; ul#nav{ width: 130px; padding: 0px; margin: 0px;}  li.nav_element{ list-style-type: none; position: relative; padding:5px; width: 115px;}  li.nav_element a{ display: block; width: 127px; padding:4px; font-weight: bold; text-decoration: none; text-align: center; color:#bec3c6; background-color:#3b5158; background-image:url(HIER BUTTON-URL_1); border: 0px solid #e6e6e6;}  li.nav_element a:hover{ color: #ffffff; background-color:#384d51; background-image:url(HIER BUTTON-URL_2);}    #counter { position: absolute; left: 50%; top:783px; margin-left: 275px; width: 190px; height:14px; padding:5px;background-color:#; color:#a14e41; font-size:13px; border: 0px solid #FFFFFF;}   #Picture1 { position: absolute; left: 50%; top:34px; margin-left: -369px; width: 151px; height:111px; padding:5px;background-color:#; color:#4a4a3b; font-size:13px; border: 0px solid #ffffff;}   #Picture2 { position: absolute; left: 50%; top:34px; margin-left: -173px; width: 151px; height:111px; padding:5px;background-color:#; color:#4a4a3b; font-size:13px; border: 0px solid #ffffff;}   #Picture3 { position: absolute; left: 50%; top:34px; margin-left: 29px; width: 151px; height:111px; padding:5px;background-color:#; color:#4a4a3b; font-size:13px; border: 0px solid #ffffff;}    #Picture4 { position: absolute; left: 50%; top:34px; margin-left: 214px; width: 151px; height:111px; padding:5px;background-color:#; color:#4a4a3b; font-size:13px; border: 0px solid #ffffff;}   #Footer { position: absolute; left: 50%; top:780px; margin-left: -395px; width: 150px; height:14px; padding:5px;background-color:#; color:#4a4a3b; font-size:13px; border: 0px solid #ffffff;}   /*WERBUNG ZENTRIEREN*/      -->  </style>  <table style="margin: -382px auto; margin-top:276px;" cellpadding="0" cellspacing="0" > <tr><td>   <style type="text/css">  <!--