CSS- Design Code83
Das orangene darf nicht gelöscht werden!Das blaue ist durch die URL der Seiten, auf die man verlinken möchte zu ersetzen.
Das gelbe ist der Seitenname der auf den Button zu sehen ist.
Das grüne durch die Bilder-URL ersetzen.
- Einloggen
- Alle Bilder aus dem Template im Baukasten hochladen
- Auf Design einstellen
- Basis Design " CSS-Design" auswählen
- Bei Design Einstellungen auf Erweiterte Einstellungen klicken und wie folgt einfügen.
Einfügen bei: Text über dem Design
<!-- Der Copyright-Hinweis ist nicht zu löschen. Ein Entfernen des Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen -->
<!-- (c)Copyright by S.I.S.Papenburg / www.on-mouseover.de/templates/ -->
<!-- Hinweis:
Das Anbieten dieser Vorlage auf einer Webseite, CD, DVD oder anderen Bild/Tonträgern ist untersagt.
Nutzen dürfen Sie diese Vorlage aber auf einer Webseite wie folgt:
Die Vorlage kann privat (kostenlos) und kommerziell/gewerblich (gegen Bezahlung) für Sie selbst oder eine dritte Person (andere Person oder Firma) genutzt werden.
Je nach dem Inhalt, welcher eingefügt wird, kann auch für Privatpersonen eine kommerzielle Nutzung vorliegen.
Lesen Sie auf der Webseite www.on-mouseover.de/templates/
bitte die Nutzungsbedingungen nach.
-->
<div id="abstand" >
<table width="1053" align="center" cellspacing="0" cellpadding="0" border="0" >
<tr>
<td class="li" > </td>
<td >
<table id="header" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td><table align="right" style="border-left:solid 1px #343434;" id="menu2" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td ><a href="#" onfocus="this.blur()">Impressum</a></td>
<td ><a href="#" onfocus="this.blur()">Fotos</a></td>
<td ><a href="#" onfocus="this.blur()">Preise</a></td>
<td ><a href="http://HomepageName.de.tl/G.ae.stebuch.htm" onfocus="this.blur()">Gästebuch</a></td>
<td ><a href="#" onfocus="this.blur()">Shop</a></td>
</tr>
</table>
<!-- ende menü oben-->
</td>
</tr>
<tr>
<td id="top" ></td>
</tr>
<tr>
<td width="100%" id="leiste1" ><a href="http://midn8.de.tl/" target="_blank">MIDN8.de.tl</a>
<!-- ende menü oben--></td>
</tr>
</table>
<!--ende oben-->
<table align="center" cellpadding="0" cellspacing="0" >
<tr>
<td id="sp1" valign="top">
<!-- deine navigation-->
<table align="center" id="menu1" border="0" cellpadding="0" cellspacing="0">
<tr>
<td >
<a href="http://HomepageName.de.tl" onfocus="this.blur()"> Home</a></td>
</tr>
<tr>
<td >
<a href="http://HomepageName.de.tl/Kontakt.htm" onfocus="this.blur()"> Kontakt</a></td>
</tr>
<tr>
<td >
<a href="#" onfocus="this.blur()"> Impressum</a></td>
</tr>
<tr>
<td >
<a href="http://HomepageName.de.tl/G.ae.stebuch.htm" onfocus="this.blur()"> Gästebuch</a></td>
</tr>
<tr>
<td >
<a href="#" onfocus="this.blur()"> Members-Bereich</a></td>
</tr><tr>
<td >
<a href="#" onfocus="this.blur()"> Foto-Gallerie</a></td>
</tr>
<tr>
<td >
<a href="http://HomepageName.de.tl/CSS_-Design-Code.htm" onfocus="this.blur()"> CSS- Design Code</a></td>
</tr>
<tr>
<td >
<a href="#" onfocus="this.blur()"> Andere Templates</a></td>
</tr>
<tr>
<td >
<a href="#" onfocus="this.blur()"> Weitere Links</a></td>
</tr >
<!-- ende navigation-->
</table>
<div style="margin-top:1px;background-image:url(https://img.webme.com/pic/m/midn8/ob.jpg);background-repeat:repeat-x;"> </div>
</td>
</table>
Einfügen bei: Text unter dem Design
<table width="1053" align="center" cellspacing="0" cellpadding="0" border="0">
<tr>
<td colspan="2" id="fussb">
<span style="background-color:#2F2F2F;padding:4px;border:solid 1px #343434;color:#fff">Hier kann deine HomepageName / Adresse stehen</span></td>
<td class="re"></td>
</tr>
</table>
</div>
Einfügen bei: CSS- Code ohne Style Tags
#abstand {margin-left: 100px;}
div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}
#counter{display:none;}
h2 {
color:#000000;
margin-bottom:28px;
letter-spacing:2px;
font-family: tahoma;
font-size:25px;
font-weight:normal;
}
* { padding: 0; margin: 0; }
/* menue oben */
#menu2 a, #menu2 a:visited , #menu2 a:active {display: block;
color:#7f7f7f;
background-color:#c5c5c5;
text-decoration:none ;font-family:georgia, "times new roman",verdana; font-size: 10pt;
padding-left: 0px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right:1px;
border-left:solid 1px #0C0C0C;
border-right:solid 1px #0C0C0C;
border-bottom:solid 1px #0C0C0C;
font-style:normal;
padding-left:14px;
padding-right:14px;
margin:0px;
FONT-SIZE:11pt%;
line-height:30px;
text-align:center;
background-image:url(https://img.webme.com/pic/m/midn8/ob.jpg);}
#menu2 a:hover {background-color:#000;color:#7F7F7F; text-decoration:none ;
border-left:solid 1px #0C0C0C;
border-right:solid 1px #0C0C0C;
border-bottom:solid 1px #0C0C0C;
background-image:url(https://img.webme.com/pic/m/midn8/mover.jpg);}
body
{margin-top: 20px; margin-left: 0px; margin-right: 0px;margin-bottom: 20px; background-color: #000;padding:0px;
background-image:url(https://img.webme.com/pic/m/midn8/rand1.jpg);
}
td,div {font-size: 11pt;
font-family: georgia, "times new roman", serif;color:#7F7F7F;line-height: 1.5em;
text-align:justify}
h2{ color:#6f6f6f;
margin-bottom:20px;letter-spacing:4px;
font-family: "georgia", "times new roman", serif;font-size: 13pt;
font-style:normal;
}
/* hauptgerüst */
.li {
background-image:url(https://img.webme.com/pic/m/midn8/xrand1.jpg);
background-repeat:repeat-y;
background-color:#x0F0F0F;
}
.re {
background-image:url(https://img.webme.com/pic/m/midn8/xrand1.jpg);
background-repeat:repeat-y;
background-color:#x0F0F0F;
border-left:solid 1px #343434;border-right:solid 0px #808080;}
#top {background-image:url(https://img.webme.com/pic/m/midn8/top.gif);
background-repeat:repeat-x;
vertical-align:bottom;
padding-right:40px;
height:92px;
background-color:#353535;
border-bottom:solid 1px #202020;
border-top:solid 1px #343434;
border-bottom:solid 1px #1F1F1F;
border-left:solid 1px #343434;
}
#leistetop {height:0px;
background-color:#000;
height:40px;
letter-spacing:10px;
color:#000;
font-variant:small-caps;
padding-left:10px;
padding-bottom:1px;
width:100%
vertical-align:bottom;border-bottom:solid 1px #202020;
border-top:solid 1px #000;
font-family: georgia,arial, helvetica, tahoma ,verdana, sans-serif;
background-image:url(https://img.webme.com/pic/m/midn8/leiste.jpg);
border-left:solid 1px #343434;
}
#leiste1 {height:0px;
background-image:url(https://img.webme.com/pic/m/midn8/ob.jpg);
background-repeat:repeat-x;
background-color:#000;
height:34px;
letter-spacing:3px;
color:#5f5f5f;
font-variant:small-caps;
padding-left:220px;
padding-bottom:0px;
font-style:normal;
vertical-align:middle;border-bottom:solid 1px #535353;
font-family: georgia,arial, helvetica, tahoma ,verdana, sans-serif;
text-align:center,
border-top:solid 1px #000;
border-left:solid 1px #343434;
border-right:solid 1px #0C0C0C;
border-bottom:solid 1px #1F1F1F;
}
#header { border-right:solid 1px #343434;}
#sp1 {
height:900px;
width:210px;
color:#fff;font: normal 11px/15px verdana, sans-serif; padding-left: 0px;padding-right:0px;padding-top: 0px;
background-color:#000;
border-right:solid 1px #343434;
border-left:solid 1px #343434;
border-bottom:solid 1px #343434;
}
#content {
float: right;
position:absolute;
top:284px;
left:322px;
height:818px;
padding-top: 40px; padding-bottom: 40px;
padding-left: 40px;padding-right:40px;
letter-spacing:0px;
width:750px;
background-image:url(https://img.webme.com/pic/m/midn8/main.jpg);
background-repeat:repeat-x;
background-color:#0a0a0a;
border-right:solid 1px #343434;
border-bottom:solid 1px #343434;
display: inline;
overflow:auto;
}
#sp3 {padding-top: 0px;
background-color:#050505;
background-image:url(https://img.webme.com/pic/m/midn8/rightback.jpg);
background-repeat:repeat-y;
border-left:solid 0px #343434;
}
#fussb {font: normal 14px verdana, sans-serif; color: #fff; padding:2px;
height:40px;
text-align:center;
background-color:#121212;width:100%;
border-top:solid 1px #343434;
background-image:url(https://img.webme.com/pic/m/midn8/top.gif);
background-repeat:repeat-x;
background-position:0px -8px;
border-left:solid 1px #343434;
height:88px;
background-color:#353535;
border-bottom:solid 1px #343434;
}
/* scrolleiste internet explorer ab vers.5.5 */
body {scrollbar-arrow-color: #AFAFAF ; scrollbar-base-color: #000;
scrollbar-highlight-color : #343434; scrollbar-shadow-color :# 343434;
SCROLLBAR-TRACK-COLOR: #1F1F1F;}
/* menue */
#menu1 a , #menu1 a:visited , #menu1 a:active {display:block;
background-color:#000;
color:#7f7f7f;
text-decoration:none ;
text-align:left;
width:200px;
padding-left:20px;
font-size: 85%;line-height: 28px;
font-family: "georgia", "times new roman", sans-serif;
margin:0px;
background-repeat:repeat-x;
background-position: 0% 0%;
border-top:solid 1px #000;
border-bottom:solid 1px #0F0F0F;
font-style:normal;
}
#menu1 a:hover{
background-color:#000;
color:#7F7F7F;background-repeat:repeat-x;
text-decoration:none ;
background-image:url(https://img.webme.com/pic/m/midn8/ob.jpg);
border-top:solid 1px #5F5F5F;
border-bottom:solid 1px #343434;}
/* allgemeine links im text */
a:link, a:visited, a:active{ font-size: 11pt;
font-family: georgia, "times new roman", serif;line-height: 1.5em;
text-decoration:underline;color:#9F9F9F;}
a:hover{ text-decoration:underline;background-color:#000;
color:#fff;}
