Den-Sl Renkli V1

İçerik Hakkında Hazırlanıyor...

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:

Sol Menü

Tasarımın üzerindeki yazı:

<body>
<p> </p>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="5">
<tr>
<th width="250" rowspan="2" align="center" valign="top" scope="col"><div id="logo"><a href="#"><img src="http://img.webme.com/pic/d/dentasarim/denlogov6.png" width="200" height="40"></a></div>
<div id="solmenubaslikv1">GENEL</div>
<div id="solmenu">
<ul>
<li><a href="#" class="home">ANASAYFA</a></li>
<li><a href="#" class="ietisim">İLETİŞİM</a></li>
<li><a href="#" class="yorumlar">ZİYARETÇİ DEFTERİ</a></li>
<li><a href="#" class="hakkimda">HAKKIMDA</a></li></ul></div> <div id="solmenubaslikalti"></div>

<div id="solmenubaslikv1">KATEGORİLER</div>
<div id="solmenu">
<ul>
<li><a href="#" class="ekstralar">EKSTRALAR</a></li>
<li><a href="#" class="dersler">DERSLER</a></li>
<li><a href="#" class="tasarimlar">TASARIMLAR</a></li> 
</ul>
</div>
<div id="solmenubaslikalti"></div> </th>
<th height="56" align="left" valign="top" scope="col"> </th>
</tr>
<tr>
<th width="700" align="left" valign="top" scope="col"><div id="sagbaslik">DT - TASARIMIN BİZDEN!</div>
<div id="icerik">
<div id="content">

Tasarımın altındaki yazı:

</div>
</div></th>
</tr>
</table>
<div id="alt">TÜM HAKLARI SAKLIDIR! TASARIM VE KODLAMA: <a href="#">DENTASARIM</a></div>

</body>
</html>

CSS kodu:

h1#title { display: none; } h2#title span { display: none; } div.header { display: none; } li.nav_element { list-style-type: none; } li.nav_element { display: none; } #ad-a87f,#ad-c81e,#ad-a87f,#ad-cfcd,#ad-c9f0,#ad-c4ca,#ad-8f14,#ad-e4da,#ad-d3d9,#ad-1679,#ad-45c4,#ad-eccb { margin:auto; } #webme_footer_textlink_dont_hide { margin-left: 350px; }

 

body {
background-color: #F4F4F4;
font-family: "Comic Sans MS", cursive;
font-weight: normal;
font-size: 11px;
/* [disabled]background-image: url(../Web%20site%20galeri/jGIGWOAv1.png); */
margin: 0px;
padding: 0px;
}
#logo {
height: 40px;
background-color: #FFF;
width: 200px;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #CCC;
border-right-color: #CCC;
border-left-color: #CCC;
border-radius: 10px 10px 0px 0px;
padding-top: 10px;
padding-right: 7px;
padding-bottom: 10px;
padding-left: 7px;
}

 

#solmenu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#solmenu ul li a {
height: 40px;
line-height: 40px;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #999999;
font-family: Arial, Calibri, "Microsoft YaHei";
text-align: left;
display: block;
padding-left: 5px;
transition: 0.3s;
-webkit-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
}
#solmenu {
height: auto;
width: auto;
background-color: #FFF;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCC;
}
#solmenu ul li .home {
border-left-width: 4px;
border-left-style: solid;
border-left-color: #3399FF;
}
#solmenu ul li .home:hover {
border-left-width: 4px;
border-left-style: solid;
border-left-color: #3399FF;
background-color: #84C1FF;
color: #FFF;
}
#solmenu ul li .ietisim {
border-left-width: 4px;
border-left-style: solid;
border-left-color: #F90;
}
#solmenu ul li .ietisim:hover {
border-left-width: 4px;
border-left-style: solid;
border-left-color: #F90;
background-color: #FFAF37;
color: #FFF;
}
#solmenu ul li .yorumlar {
border-left-width: 4px;
border-left-style: solid;
border-left-color: #936;
}
#solmenu ul li .yorumlar:hover {
border-left-width: 4px;
border-left-style: solid;
border-left-color: #936;
color: #FFF;
background-color: #D075A3;
}
#solmenu ul li .tasarimlar {
border-left-width: 4px;
border-left-style: solid;
border-left-color: #69F;
}
#solmenu ul li .tasarimlar:hover {
background-color: #95B8FF;
color: #FFF;
}
#solmenu ul li .ekstralar {
border-left-width: 4px;
border-left-style: solid;
border-left-color: #363;
}
#solmenu ul li .ekstralar:hover {
border-left-width: 4px;
border-left-style: solid;
border-left-color: #363;
color: #FFF;
background-color: #54A954;
}
#solmenu ul li .dersler {
border-left-width: 4px;
border-left-style: solid;
border-left-color: #C33;
}
#solmenu ul li .dersler:hover {
border-left-width: 4px;
border-left-style: solid;
border-left-color: #C33;
color: #FFF;
background-color: #DF7D7D;
}
#solmenu ul li .hakkimda {
border-left-width: 4px;
border-left-style: solid;
border-left-color: #99C;
}
#solmenu ul li .hakkimda:hover {
border-left-width: 4px;
border-left-style: solid;
border-left-color: #99C;
background-color: #C4C4E1;
color: #FFF;
}
#solmenubaslikv1 {
height: 30px;
background-color: #333333;
line-height: 30px;
font-size: 11px;
color: #FFF;
font-family: Arial, Calibri, "Microsoft YaHei";
font-weight: bold;
border-radius: 10px 10px 0px 0px;
}
#solmenubaslikalti {
height: 5px;
background-color: #333333;
line-height: 5px;
font-size: 12px;
color: #FFF;
font-family: Arial, Calibri, "Microsoft YaHei";
font-weight: bold;
border-radius: 0px 0px 10px 10px;
margin-bottom: 10px;
}
#sagbaslik {
width: 700px;
height: 30px;
font-size: 11px;
font-weight: bold;
font-family: Arial, Calibri, "Microsoft YaHei";
background-color: #333;
border-radius: 10px 10px 0px 0px;
line-height: 30px;
color: #FFF;
text-align: center;
}
#icerik {
width: 678px;
background-color: #FFF;
font-size: 11px;
font-family: Arial, Calibri, "Microsoft YaHei";
color: #333;
padding: 10px;
height: auto;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #CCC;
border-bottom-color: #CCC;
border-left-color: #CCC;
}
#alt {
width: 100%;
height: 30px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
background-color: #333;
color: #FFF;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 11px;
line-height: 30px;
padding: 5px;
/* [disabled]border-radius: 0px 0px 10px 10px; */
text-align: center;
}
#alt a {
border: 1px solid #CCC;
color: #FFF;
text-decoration: none;
padding: 2px;
}
#alt a:hover {
border: 1px solid #CCC;
color: #FFF;
text-decoration: none;
padding: 2px;
background-color: #34566F;
}
body table {
}

Ana sayfaya eklenecek kod:

Den-Sl Renkli V1

Benzer Tasarımlar:

Yorum Gönder

Kategoriler

En Popüler Tasarımlar

Son Yorumlar