Zitat:
/* Beginn des CSS Codes */
img {
border:none;
}
body {
margin:0;
padding:0;
height:100%;
background:#696969;
font-family:Verdana;
font-size:12px;
}
#post_header {
position:absolute;
left:50%;
margin-left:-400px;
top:200px;
width:900px;
height:100px;
background:url(http://img.webme.com/pic/t/testmehp/post-content-werbung.png);
}
#smallbg {
position:absolute;
top:0;
left:0;
width:100%;
height:400px;
background:#696969 repeat-x;
z-index:-5;
}
#container {
position:absolute;
left:50%;
margin-left:-450px;
top:0;
width:800px;
z-index:-1;
}
#header_container {
width:900px;
height:200px;
background:url(http://img.webme.com/pic/t/testmehp/headergbpics.png) no-repeat;
}
#header {
display:none;
}
#nav_container {
display:none;
}
#nav_heading {
display:none;
}
.nav_element {
display:none;
}
#content_container {
width:700px;
background-color:#FFFFFF;
padding-left:10px;
min-height:350px;
padding-right:5px;
border: 0px solid #000000;
}
#content {
width:700px;
background-color:#FFFFFF;
text-decoration:none;
font-weight:bold;
min-height:350px;
font-family:Helvetica;
}
#title {
display:none;
}
#counter {
display:none;
}
a {
color:#FFFFFF ;
text-decoration:underline;
}
a:hover {
color:#FFFFFF;
}
.note {
border:1px solid #696969;
background:#696969;
width:740px;
margin-left:20px;
color:#696969;
}
.noteSec {
padding:10px;
}
#GoogleADCSS {
background-image:transparent;
position: absolute;
left:45%;
margin-left:-330px;
top: 200px;
}
margin:0;
}
#below_content {
width:700px;
height:50px;
border-top:dashed 1px #000000;
background-color:#XXXXXX;
line-height:40px;
vertical-align:middle;
text-align:right
}
#sidebar_container {
position:absolute;
left:50%;
top:350px;
margin-left:316px;
width:156px;
height:300px;
border-left: 1px solid #000000;
padding-right:20px;
padding-left:7px;
padding-bottom:5px;
background-color:#FFFFFF;
background-image:url(); repeat;
text-align:left;
}
#sidebar_heading { display: none;}
/* Ende des CSS Codes */
/* Beginn des Coolmenü Codes */
<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 10px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
li a
{
padding-right: 20px;padding-top: 5px;
}
div.menu
{
position:absolute;
top:320px;
left:48%;
margin-left:-420px;
z-index:99;
width:750px;
height:30px;
background:url(URL) repeat-x;
padding-top:3px;
}
.menu li
{
width: 100px;
float: left;
}
.menu a
{
border: 0px solid #000000;
background-color:;
background-image: url(http://img.webme.com/pic/t/testmehp/button1.png);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 24px;
color: #000000;
}
.menu a:hover
{
background-color:;
background-image: url(http://img.webme.com/pic/t/testmehp/buttontr.png);
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 14px;
display: none;
width: 100px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
background-image: url(http://img.webme.com/pic/t/testmehp/buttontr.png);
}
</style>
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
</script>
<div class="menu">
<li><a href="http://gbpics4all.de.tl/St.ae.dte.htm">Home</a></li>
</ul>
</li>
</li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);"> Wochentage</a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a href="http://gbpics4all.de.tl/Montag.htm">Montag</a></li>
<li><a href="http://gbpics4all.de.tl/Dienstag.htm">Dienstag</a></li>
<li><a href="http://gbpics4all.de.tl/Mittwoch.htm">Mittwoch</a></li>
<li><a href="http://gbpics4all.de.tl/Donnerstag.htm"> Donnerstag</a></li>
<li><a href="http://gbpics4all.de.tl/Freitag.htm">Freitag</a></li>
<li><a href="http://gbpics4all.de.tl/Samstag.htm">Samstag</a></li>
<li><a href="http://gbpics4all.de.tl/Sonntag.htm">Sonntag</a></li>
<li><a href="http://gbpics4all.de.tl/Wochenende.htm">Wochenende</a></li>
</ul>
</li>
<li><a href="http://gbpics4all.de.tl/St.ae.dte.htm">Städte</a></li>
<li> </li>
</ul>
</li>
<li><a href="http://gbpics4all.de.tl/Landschaften.htm">Landschaften</a></li>
<li> </li>
</ul>
</li>
<li><a href="http://gbpics4all.de.tl/Animierte-Pics.htm"> Animiert</a></li>
<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="javascript:void(0);">Sonstiges</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
<li><a href="http://gbpics4all.de.tl/Sonstige.htm">Sonstige</a></li>
<li><a href="http://gbpics4all.de.tl/FUNNY.htm">Fun</a></li>
<li><a href="http://gbpics4all.de.tl/Sexy.htm">Sexy</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu6');" onmouseover="montre('smenu6');" href="javascript:void(0);"> Nettigkeiten</a>
<ul onmouseout="cache('smenu6');" onmouseover="montre('smenu6');" id="smenu6">
<li><a href="http://gbpics4all.de.tl/Gr.ue..ss.e_Nettigkeiten.htm">Nettigkeiten</a></li>
<li><a href="http://gbpics4all.de.tl/Gr.ue..ss.e_Nettigkeiten.htm">Grüße</a></li>
<li><a href="http://gbpics4all.de.tl/Liebe.htm">Liebe</a></li>
</ul>
</li>
</div>
/* Ende des Coolmenü Codes */
Legende :
Rot : Top Wert des Coolmenüs, Abstand von oben.
Blau : Macht die Elemente unsichtbar.
Und noch ein Tipp,
crypte deinen CSS Code,
der ist sehr leicht zu klauen.
Besonders der Text über dem Design ist sehr einfach selber zu schreiben,
und der CSS Code ist auch leicht zu bekommen.
Hier kannst du denien Code crypten :
www.css.xe.cx