CSS-Code ohne Style Tags wo ist das?

wo ist denn CSS-Code ohne Style Tags ich finde das net hab designs aber weiß net wo das CSS-Code ohne Style Tags
______________
www.kingpablo21.de.tl
OFFIZIELLE HOMEPAGE

Du gehst auf "Design einstellen", dann auf "erweiterte Einstellungen" und da ist es ganz unten.
______________

dort is doch aber copyright soll ich es da einfügen?
______________
www.kingpablo21.de.tl
OFFIZIELLE HOMEPAGE

Du wählst erst das CSS-Design aus.
Dann gehst du auf "Erweiterte Einstellungen --> CSS-Code ohne Style Tags"
______________

ja ganz unten steht aber nur copyright :S
______________
www.kingpablo21.de.tl
OFFIZIELLE HOMEPAGE

Beim Design "CSS - Nur für Profis" nicht
______________

ok und wie ist der code dann dafür?

und wie füge ich diese design ein



body
{margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px; background-color: #383838; padding:0px;
background-image:url(images/bgmain.jpg);
background-repeat:repeat-y;
background-position:50% 0%;width:100%;}

#aussen
{padding:0px;margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px;
background-image:url(images/lay.jpg);background-repeat:no-repeat;
background-position:center top;
}


h2{ font-family: arial, helvetica, tahoma ,verdana, sans-serif;color:#677883;
margin-bottom:18px;letter-spacing:2px;font-size: 16px;
border-bottom:solid 0px #746b64;
padding-bottom:4px
}

.logostyle {border:solid 1px #fff;}

.imgstyle {float:left;border:solid 1px #b6b6b6;margin-left:0px;margin-top:20px;margin-bottom:20px;margin-right:20px}


#bannertop
{height:80px;text-align:center;
background-image:url(images/hinter.jpg);
background-repeat:repeat;
background-position:center top;
border-bottom:solid 1px #fff;}

#top1 {
height:40px;
vertical-align:middle;
text-align:center;
padding-right:10px;
color:#DEEDE4;
font-size:30px;
}

#top2 {
height:46px;
vertical-align:middle;
text-align:right;
padding-right:20px;
padding-top:20px;
color:#b6b6b6;
font-size:14px;
}

#leiste {vertical-align:middle;
text-align:left;
padding-left:21px;
height:260px;
border-top:solid 0px #CFCFCF;
background-color:#;
padding-top:0px;
}


#hpname {letter-spacing:2px;font-size:20px;
font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif; font-style:italic; color:#b6b6b6;
font-style:italic;width:700px;padding-left:10px;padding-right:20px;
border-top:solid 0px #666666;padding:0px;}


.buleiste {vertical-align:middle;
text-align:center;
height:43px;
border-bottom:solid 0px #1b1b1b;
background-color:#;
margin:0px;padding:0px;

}


.menutrenn {
border-bottom:solid 0px #fff;
color:#b6b6b6;
margin:0px;padding:0px;
font-size:20px
}


#menu2 a, #menu2 a:visited , #menu2 a:active {display: block;
color:#677883;
text-decoration:none ;
font-size: 15px;
font-family:arial, helvetica, tahoma ,verdana, sans-serif;
padding-left: 8px; padding-right: 8px;padding-bottom: 0px; padding-top:0px;
line-height:35px;
height:35px;
text-align:center;
vertical-align:middle;
background-color:#;
font-variant:small-caps;
}

#menu2 a:hover {
color:#fff;
background-color:#000;

}



#main{ height:800px;
background-image:url(images/bgin.jpg);background-repeat:no-repeat;
background-position:center top; background-color:#;
}

#main2{background-image:url(images/xbginbtm.jpg);background-repeat:no-repeat;
background-position:center bottom;
}

#inbox { text-align:justify;padding-top:40px;padding-bottom:30px;
font-size: 15px;line-height: 19px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
color:#b6b6b6;
background-color:#;}


#navbox {color:#fff;font: normal 11px/15px verdana, sans-serif; padding-left: 0px;padding-right:0px;padding-top: 0px;
background-color:#;
border-right:solid 1px #fff;
border-left:solid 0px #fff;
width:120px;
vertical-align:top;
text-align:center;}





#fussb {
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
font-size:12px;
color: #677883;
height:100px;
text-align:center;
vertical-align:middle;
padding-top:20px;
background-color:#;
background-image:url(images/fuss.jpg);
background-repeat:repeat-x;
background-position:top center;
padding-bottom:10px;
letter-spacing:3px;
}

#fussb2 {font-family: verdana, sans-serif;
font-size:12px;
color: #008040;
height:0px;
text-align:center;
vertical-align:middle;
font-style:italic;
background-color:#e4e4e4;
letter-spacing:3px;
}

/* menue vertikal */

.menu1 a , .menu1 a:visited , .menu1 a:active {display:block;
background:transparent;
color:#000;
text-decoration:none ;
text-align:center;
width:57px;
padding-left:0px;
line-height: 257px;
height: 257px;
font-size: 0px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
margin:0px;
font-style:normal;

}

.menu1 a:hover{background-image:url(images/black30.png)!important;
background-image:url(images/black.gif);background-repeat:repeat;
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
border-TOP:solid 0px #9F9F9F;
border-BOTTOM:solid 0px #9F9F9F;
background-repeat:repeat;
color:#;
}




/* allgemeine links im text */

a:link, a:visited, a:active{ font-size: 15px;line-height: 19px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;color:#677883;text-decoration:underline;background-color:#}

a:hover{ background-color:#fff;
color:#333333;text-decoration:none}

/* scrolleiste internet explorer ab vers.5.5 */

body
{scrollbar-arrow-color: #000; scrollbar-base-color: #F5F8F3;
scrollbar-highlight-color : #fff; scrollbar-shadow-color : #ffffff;
SCROLLBAR-TRACK-COLOR: #CFCFCF;}




danke schonmal für die hilfe
______________
www.kingpablo21.de.tl
OFFIZIELLE HOMEPAGE

Da fehlt noch der dazugehörige HTML-Code.
______________

wie meinste das?

meinste den?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="page-type" content=" homepage">
<title>www.on-mouseover.de/templates/</title>



<link rel="stylesheet" href="format.css" type="text/css">

</head>
<body >



<table align="center" width="100%" cellspacing="0" cellpadding="0" border="0" id="aussen" >
<tr>
<td align="center" width="100%" >

<table width="766" cellspacing="0" cellpadding="0" border="0" >
<tr>
<td valign="middle" id="top1"><span id="hpname" >Name der Homepage </span></td>
</tr>
<tr>
<td valign="middle" id="top2">&nbsp;</td>

</tr>
<tr>
<td id="leiste" >
<table align="center" class="menu1" border="0" cellpadding="0" cellspacing="0">
<tr>
<td ><a href="index.html" >&nbsp;</a></td>
<td><a href="index.html" >&nbsp;</a></td>
<td><a href="index.html" >&nbsp;</a></td>
<td><a href="index.html" >&nbsp;</a></td>
<td><a href="index.html" >&nbsp;</a></td>
<td><a href="index.html" >&nbsp;</a></td>
<td><a href="index.html" >&nbsp;</a></td>
<td width="100%" >&nbsp;</td>
</tr>
</table>


</td>
</tr>

<tr>
<td class="buleiste " ><!--menü-->
<table align="center" id="menu2" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td ><a href="index.html" >Wir</a></td><td class="menutrenn">&nbsp;•&nbsp;</td>
<td ><a href="index.html" >G&auml;stebuch</a></td><td class="menutrenn">&nbsp;•&nbsp;</td>
<td ><a href="index.html" >Shop</a></td><td class="menutrenn">&nbsp;•&nbsp;</td>
<td ><a href="index.html" >Impressum</a></td><td class="menutrenn">&nbsp;•&nbsp;</td>
<td ><a href="index.html" >Impressum</a></td><td class="menutrenn">&nbsp;•&nbsp;</td>

<td ><a href="index.html" >Mail</a></td>
</tr>
</table>
</td>
</tr>
</table>




<!--ende oben-->

<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td valign="top" id="main" height="600" width="100%" align="center" >
<table align="center" width="766" id="main2" border="0" cellpadding="0" cellspacing="0">

<tr>
<td style="border-right:solid 0px #fff"><img src="images/pixelspace.gif" width="30" height="1" border="0" alt=""></td>


<td style="border-left:solid 0px #fff"><img src="images/pixelspace.gif" width="20" height="1" border="0" alt=""></td>
<td id="inbox" width="100%" ><h2>Layout.</h2>

Dieses Design heisst " Revolver ". <br><br>

Highlight ist hier das transparente Grafiklink-Men&uuml; - hinter welchem die Revolver-Grafik liegt - mit bereits f&uuml;r Sie angelegtem Mouseover-Effekt.
<br>
<br>

<br>


<h2>Technik.</h2>
Seite ohne Frames.

Die Fusszeile unten sowie oben der Homepagename sind als einfacher Text einzutragen.
<i>Anlegen von Links bzw. HTML-Seiten</i> wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.
<br>
<br>
<br>
<h2>Navigation.</h2>
Men&uuml; 1:Grafik-Links.<br>

Oben sehen Sie ein horizontales (waagerechtes) Men&uuml;, welches aber senkrecht angeordnet ist - hier m&uuml;ssen Sie die Buttons im Grafikprogramm beschriften.<div class="imgstyle" ><img src="images/button_bsp.jpg" width="203" height="291" border="0" alt="logo"></div> Wie das aussehen k&ouml;nnte, sehen Sie anhand der Beispielgrafik. Die Mouseover f&uuml;r dieses Men&uuml; sind bereits fertig angelegt. Fahren Sie mit der Maus &uuml;ber die 7 Links. F&uuml;r die Ausgangs-Buttons haben wir uns folgende Technik ausgedacht: Es gibt hier keine 7 Buttons, sondern die Buttons sind Bestandteil einer einzigen grossen Hintergrund-Grafik. Sie m&uuml;ssen also nur noch die Hintergrund-Grafik namens "lay.jpg" beschriften.

<br>
<br>
Men&uuml; 2: Textlinks.<br>

Das zweite Men&uuml; ist ebenfalls ein horizontales Men&uuml; und um einige Links erweiterbar. Die Buttons dort passen sich automatisch Ihrer Linkl&auml;nge an.


<br><br> Die allgemeinen Links (Links im Text) sehen zur Zeit aus wie nachstehend: Um den Mouseover-Effekt anzuschauen, fahren Sie mit der Maus &uuml;ber den Link:
<a href="#" >Beispiel-Link</a>
<br>
<br>
<br>

<h2>Dead Text.</h2>

Etwas Dummy-Text. Also Beispiel F&uuml;lltext. In ornare felis eget magna. Donec hendrerit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur sit amet est. Pellentesque tincidunt imperdiet risus. Nulla varius tincidunt felis. Cras in metus non odio elementum consequat. Ut quis tortor eget erat consequat porta. In mauris. Vestibulum eget ante. Curabitur hendrerit sagittis ante. In sem massa, iaculis quis, mollis vel, fermentum vel, nulla. Nam turpis orci, congue ultrices, vehicula sit amet, pretium sit amet, mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus tincidunt tellus at nisi.
<br>
<br>

Vestibulum vestibulum ipsum vitae orci. Ut massa elit, interdum vel, aliquet non, iaculis eget, neque. Maecenas scelerisque leo non pede. Nulla ligula libero, egestas nec, scelerisque et, scelerisque vel, risus. Duis ut turpis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum sodales, erat vitae laoreet hendrerit, arcu purus pretium pede, a semper nunc nunc vitae lectus. Donec dignissim felis dapibus ante.









<!-- ende inhalt--></td>
<td><img src="images/pixelspace.gif" width="30" height="1" border="0" alt=""></td>
</tr>
</table>
</td>


</tr>

</table>
<!-- fuss-->

<table width="100%" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td id="fussb">
Mike Muster GmbH & Co. KG<br>
Spezialstrasse 55 <br>
55234 Sampletown<br><br>

</td>
</tr>

</table>
<!-- ende fuss-->

</td>
</tr>
</table>



</body>
</html>
______________
www.kingpablo21.de.tl
OFFIZIELLE HOMEPAGE

jetzt hört auf, hier ellenlange codes reinzupacken!


alle CSS-codes kommen in das Feld:

bei Iceblue: "Text über dem Design" (dazu "<style type="text/css"> Dein Code </style>")

beim CSS-Profi-Design: "CSS-Code ohne Style Tags" (dazu NUR den CSS-Code ohne HTML-codes oder CSS-Tags (<== <style type="text/css"> ... </style>)

ja damit dein Design aber überhaupt funktioniert musst du nicht definierte Container erst einmal definieren:

Hier hab ich mal ein Bild... am besten schaust du mal in der kategorie Designtechnische Fagen noch mal nach...^^