- EN GÜZEL CSS TASARIMLARI-CSS DESİNGLER

EN GÜZEL CSS TASARIMLARI-CSS DESİNGLER

TASARIMIN ÜSTÜNE CSS BÖLÜMÜNE

#extraDiv2 {display: none;} #extraDiv3 {display: none;}  #extraDiv4 {display: none;}  #extraDiv5 {display: none;}  #extraDiv6 {display: none;}    #pre_header {display: none;}  #post_header {display: none;}  #pre_content {display: none;}  #nav_heading{display: none;}  div.header{display: none;}  h1#title{display: none;}    h2#title span {display: none;}  #counter {display:none;}     body { background-color:#ffffff;} body {background-image:  none;}   *{ padding: 0; margin: 0; }    #news { position: relative; left: 50%; top: 175px; margin-left:-295px; width: 520px; height:60px; padding:0px; color: #FFFFFF; font-size:14px; background-color:transparent; background-image: none; border: 0px solid white; overflow:auto;}   #header_container { position: relative; left: 50%; top: -15px; margin-left:-125px; width: 520px; height:37px; background-color:transparent; background-image: none; color:#FFFFFF; font-size:23px; border: 0px solid #FFFFFF;}   #content { position: absolute; left: 50%; top: 320px; margin-left:-295px; width: 570px; height: 320px; padding:0px; color: #FFFFFF; font-size:14px; background-color:transparent; background-image: none; border: 0px solid white; overflow:auto;}   #red_on_grey { position: absolute; left: 50%; top: 35px; margin-left:-510px; width: 970px; height: 720px; padding:0px; color: #FFFFFF; font-size:14px; background-color:transparent; background-image:url(http://pixelea.com/s/e0dbeff645.png); border: 0px solid #FFFFFF; overflow:none;}   #sidebar_container{ position: absolute; left: 50%; top: 205px; margin-left: 310px; width: 130px; height: 425px; background-color:transparent; background-image: none; border:0px solid #FFFFFF; color:#FFFFFF; overflow:auto;}   #nav_container{ position: absolute; left: 50%; top:220px; margin-left: -490px; width: 170px; height: 421px;  background-color:transparent; background-image: none; border:0px solid #FFFFFF; color:#FFFFFF; overflow:auto;}  ul#nav{ width: 110px; padding: 0px; margin: 0px;}  li.nav_element{ list-style-type: none; position: relative; padding:-10px; width: 167px;}  li.nav_element a{ display: block; width: 167px; height: 24px; padding:0px; font-weight: bold; text-decoration: none; text-align: left; color:#FFFFFF; background-color:000000; background-image:url(http://www.carstensinner.de/castellano/material-tesis/fotos/celes.jpg ); border: 0px solid #000000;}  li.nav_element a:hover{ color: #FFFFFF; background-color:000000; background-image:url(http://www.carstensinner.de/castellano/material-tesis/fotos/celes.jpg);}

TASARIMIN ÜSTÜNE

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: 210px;
left: 52%;
margin-left:-300px;
width: 647px;
}

.menu li
{
width: 70px;
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: #cccccc;}
#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: #FFFFFF;
}
//-->  </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">LINK</a> </li>    <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li>    <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li>  </div>    <div id="Designmystic">  <div id="text"><h1>ghgh</h1> </div>   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>

CSS BÖLÜMÜNE

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-color:#000000;}    *{ padding: 0; margin: 0; }  #Designmystic { margin: 0 auto; width: 800px; height:900px; background-image:url(http://img41.xooimage.com/files/8/e/4/a807015922-copia-copia-a7112e.png);}  #content { position: absolute; left: 50%; top: 250px; margin-left:-356px; width: 717px; height: 618px; padding:10px; color: #a7a4a4; font-size:12px; 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:#a7a4a4; text-decoration: none; font-size:13px;}  a:hover { color: #a7a4a4; font-size: 13px; text-decoration: none;}  a:link { color: #a7a4a4; font-size: 13px; text-decoration: none;}  a:active { color: #a7a4a4; font-size: 13px; text-decoration: none;}  a:visited { color: #a7a4a4; font-size: 13px; text-decoration: none;}