Css-Thema Bilgi Paylaşım Platformu..

50 Cent Tasarım

Tasarımın Üzerindeki Yazı

ul, li 
{ 
list-style-type: none; 
padding: 0px; 
margin: 0px; 
}

li a 
{ 
padding-right: 20px;padding-top: 5px; 
}

div.menu 
{ 
position: absolute; 
z-index: 3; 
top: 262px; 
left: 45%; 
margin-left:-185px; 
width: 647px; 
}

.menu li 
{ 
width: 55px; 
float: left; 
}

.menu a 
{ 
border: 0px solid #xxxxxx; 
background-color: #xxxxxx; 
background-image:  none; 
text-decoration: none; 
text-align: center; 
font-weight: bold; 
cursor: pointer; 
margin: 0px; 
display: block; 
height:21px; 
color: #FFFFFF; 
}

.menu a:hover 
{ 
background-color: #transparent; 
background-image:  none; 
color: #CEB9FC;} 
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 
{ 
font-size: 15px; 
display: none; 
width: 70px; 
float: left; 
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a 
{ 
font-weight: bold; 
padding-top: 5px; 
border-top: 0px; 
cursor: pointer; 
color: EC4A09; 
} 
//--> </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="LINK" _fcksavedurl="LINK">URL</a> </li> <li><a href="LINK" _fcksavedurl="LINK">URL</a> </li> <li><a href="LINK" _fcksavedurl="LINK">URL</a> </li> <li><a href="LINK" _fcksavedurl="LINK">URL</a> </li> <li><a href="LINK" _fcksavedurl="LINK">URL</a> </li> <li><a href="LINK" _fcksavedurl="LINK">URL</a> </li> <li><a href="LINK" _fcksavedurl="LINK">URL</a> </li> <li><a href="LINK" _fcksavedurl="LINK">URL</a> </li> </div> <div id="Designmystic"> <div id="text"><h1></h1> </div> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>

Tasarımın Altındaki Yazı

Css Kodu'na

lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #text{ color: ffffff; position: absolute; top: 100px; margin-left:-300px; left: 50%; } body { background-image:url(fondo );background-color:#000000;} *{ padding: 0; margin: 0; } #Designmystic { margin: 0 auto; width: 765px; height:623px; background-image:url(http://pixelea.com/s/55012f9bac.png);} #content { position: absolute; left: 50%; top: 287px; margin-left:-322px; width: 625px; height: 280px; padding:10px; color: #transparent; font-size:13px; background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;} #Uebersicht{ position: absolute; left: 50%; top: 204px; margin-left:-440px; font-color:#cccccc;} a{ color:#ffffff; text-decoration: none; font-size:13px;} a:hover { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:link { color: #000000; font-size: 13px; text-decoration: none;} a:active { color: #000000; font-size: 13px; text-decoration: none;} a:visited { color: #000000; font-size: 13px; text-decoration: none;} div.lux { position: absolute; z-index: 3; top: 172px; left: 52%; margin-left:-185px; width: 647px; } .lux a { border: 0px solid #xxxxxx; background-color: #xxxxxx; background-image:  none; text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin: 0px; display: block; height:21px; color: #ffffff; font-size: 24px; }

Bugün 4 ziyaretçikişi burdaydı!