|
|
| Endless Layout coden - Kann jemand erklären? |
     |
Hallo. 
Aosziale Dreckssocken meine Name. Ich habe hier (von http://lenaa.bplaced.net/) einen ganz wunderbaren Mustercode für ein Endlesslay für / bei Myblog.de. (Ich häng den unten an, zur Info.)
Gibts hier vielleicht jemand, der bereit wäre, mit mir das Ding an 'nem Beispiel-Layout durchzugehen? Vieles weiß / verstehe ich eben noch nicht und da wäre Hilfe großartig. Sozusagen ein Echtzeittutorial. Ich kenne auch die Tutorials hier, ja, aber einiges bleibt trotzdem unbeantwortet bzw. - ich kriegs einfach nicht hin.
Falls jemand Zeit & Lust & Muse hat, wär ich dankbar.
Beste Grüße,
Aosziale Dreckssocken.
<html>
<head>
<title>Hier kommt dein Layouttitel hin!</title>
<style type="text/css">
<!--
BODY {
font-family: Schriftart;
font-size: Schriftgrößepx;
color: #Schriftfarbe (Helixcode);
overflow: auto;
scrollbar-arrow-color: #Farbcode;
scrollbar-face-color: #Farbcode;
scrollbar-highlight-color: #Farbcode;
scrollbar-shadow-color: #Farbcode;
scrollbar-3dlight-color: #Farbcode;
scrollbar-track-color: #Farbcode;
scrollbar-darkshadow-color: #Farbcode;
background-color: #Hintergrundfarbe;
}
font {
color: #Hier die Schriftfarbe hin;
font-family: Und hier die Schriftart;
font-size: Schriftgrößepx;
}
b{FONT-FAMILY: Schriftart für’s Dicke; FONT-SIZE:Schriftgrößept; COLOR: #Schriftfarbe;}
i{ FONT-FAMILY: Schriftart für’s Kursive; FONT-SIZE:Schriftgrößept; COLOR: #Schriftfarbe;}
u{ FONT-FAMILY: Schriftart für’s Unterstrichene; FONT-SIZE:Schriftgrößept; COLOR: #Schriftfarbe;}
s{ FONT-FAMILY: Schriftart für’s Durchgestrichene; FONT-SIZE:Schriftgrößept; COLOR: #Schriftfarbe;}
INPUT {
Color: #Farbcode für die Schriftfarbe eines (beispielsweise) „Einverstanden-Button“;
width: Breite des Buttonspx;
height: Höhe des Buttonspx;
Background-color: #Hintergrundfarbe des Buttons;
Font-Family: Schrifart;
Font-Size: Schriftgrößepx;
Border: 1px solid #Rahmenfarbe;
}
TEXTAREA {
Color: #Farbcode für Schriftfarbe z.B. den Content für ’nen Gästebucheintrag;
width: Breite des Contentpx;
height: Höhe des Contentpx;
Background-color: #Hintergrundfarbe des Content;
Font-Family: Schriftart;
Font-Size: Schriftgrößepx;
Border: 1px solid #Rahmenfarbe;
}
A.navi:link, A.navi:active, A.navi:visited {
FONT-FAMILY: Schriftart für die Navilinks;
FONT-SIZE: Schriftgrößepx;
COLOR: #Schriftfarbe der Links;
TEXT-DECORATION: none;
display: block;
line-height: 12pt;
BACKGROUND-COLOR: #Hintergrundfarbe der Links;
letter-spacing: 1px;
width: 99%;
margin-bottom: 1px;
margin-top: 1px;
text-align: center;
border: Breite des Rahmenspx solid #Rahmenfarbe;}
A.navi:hover
{
FONT-FAMILY: Schriftart für die Navilinks;
font-size: Schriftgrößepx;
letter-spacing: 1px;
COLOR: #Schriftfarbe;
TEXT-DECORATION: none;
text-transform: none;
display: block;
text-align: left;
BACKGROUND: #Hintergrundfarbe der Links;
background: url(‘falls ihr ein Bild als Hintergrund haben wollt, die Adresse hier eingeben!’);
line-height: 12pt;
width: 99%;
margin-bottom: 1px;
margin-top: 1px;
border: Breite des Rahmenspx solid #Rahmenfarbe;}
<!—Die normalen Links-->
A:link
{color: #Farbcode;font-size: Schriftgrößepx; font-family: Schriftart; text-decoration: none; }
A:visited
{color: #Farbcode;font-size: Schriftgrößepx; font-family: Schriftart; text-decoration: none; }
A:active
{color: #Farbcode;font-size: Schriftgrößepx; font-family: Schriftart; text-decoration: none; }
A:hover
{color: #Farbcode;font-size: Schriftgrößepx; font-family: Schriftart; text-decoration: none; }
-->
</style>
</head>
<div style="visibility:hidden">{PLACE_POWEREDBY}</div>
<body bgcolor=#Hintergrundfarbe der Page background="Hier URL der Endlesslinie hin">
<img border="0" src="URL vom Layout " scroll="no" bgproperties= "fixed"
ALIGN="left" STYLE="position:absolute; top:0; left:0;" >
<div align="center"style="solid; background:transparent; border-collapse: collapse;
border: 0px #000000 solid;width:Breite der Linkspx; position:absolute; left:Abstand vom linken Randpx; top:Abstand vom oberen Randpx">
<a href=” Linkurl” class=”navi”>Liiink</a>
<a href=” Linkurl” class=”navi”>Liiink</a>
<a href=” Linkurl” class=”navi”>Liiink</a>
<a href=” Linkurl” class=”navi”>Liiink</a>
<a href=” Linkurl” class=”navi”>Liiink</a>
<a href=” Linkurl” class=”navi”>Liiink</a>
</div>
<div class="inhaltetable" style="overflow:auto; width: Breite des Contents; position:absolute;
height:absolute;left: Abstand vom linken Rand; top: Abstand vom oberen Rand">
<style>
<!--
.inhaltetable {
width: nochmal die Breite des Contents einfügen;
}
//-->
</style>
{PLACE_CONTENT}
</div></body></html>
__________________
"Einsamkeit ist der Weg, auf dem das Schicksal den Menschen zu sich selber führen will."
|
|
20.01.2009 21:35 |
|
|
Impressum
|
|
