Den-Clr Blog 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:

Sağ ve Üst Menü

Tasarımın üzerindeki yazı:

<body> <table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th width="247" align="center" valign="middle" scope="col"><div id="logo"></div></th>
<th width="653" align="right" valign="middle" scope="col"><div id="duyuru">Sitemizde şuan 6 kategori, 59 başlık bulunmaktadır!</div></th>
</tr>
</table>
<div id="ust">
<div id="ustmenu">
<ul>
<li><a href="#" class="home">Anasayfa</a></li>
<li><a href="#" class="hakkimda">Hakkımda</a></li>
<li><a href="#" class="iletisim">İletişim</a></li>
<li><a href="#" class="yorumla">Yorumlar</a></li>
<li><a href="#" class="projeler">Forum</a></li>
<li><a href="#" class="galeri">Galeri</a></li>
</ul>
</div>

</div>
<div id="icerik">
<table width="900" border="0" cellspacing="0" cellpadding="0">
<tr>
<th width="645" height="486" align="center" valign="top" scope="col"><div id="sagmenubaslik"><a href="#"> Denblog - [Subpage]</a></div>
<div id="icerikv1">
<div id="content">

Tasarımın altındaki yazı:

</div>
</div></th>
<th width="250" align="center" valign="top" scope="col"><div id="solmenubaslik"><a href="#">Başlangıç</a></div>
<div id="solmenu">
<ul>
<li><a href="#" class="anasayfa">ANASAYFA | <em>Başlangıça dön</em></a></li>
<li><a href="#" class="hakkimdav1">HAKKIMDA | <em>Benim hakkımda bilgiler!</em></a></li>
<li><a href="#" class="iletisimv1">İLETİŞİM | <em>Bize ulaşmak isterseniz!</em></a></li>
<li><a href="#" class="biziyorumla">BİZİ YORUMLA | <em>Kafana göre yaz!</em></a></li>
<li><a href="#" class="projelerv1">PROJELER |<em> Çalışmalarımı gör!</em></a></li>
</ul>
</div>
<div id="solmenubaslik" class="kategoriler"><a href="#">Kategoriler</a></div>
<div id="kategorimenusu">
<table width="250" border="0" cellspacing="0" cellpadding="0">
<tr>
<th height="100" align="left" valign="top" scope="col"><ul>
<li><a href="#" class="webdersleri">Web dersleri</a></li>
<li><a href="#" class="programlar">Programlar</a></li>
<li><a href="#" class="kisisel">Kişisel</a></li>
<li><a href="#" class="teknoloji">Teknoloji</a></li>
<li><a href="#" class="oyunlar">Oyunlar</a></li>
</ul></th>
<th align="left" valign="top" scope="col"><ul>
<li><a href="#" class="yemektarifi">Yemek tarifleri</a></li>
<li><a href="#" class="defter">Defter</a></li>
<li><a href="#" class="roprtj">Ropörtajlar</a></li>
<li><a href="#" class="tasarimlar">Tasarımlar</a></li>
<li><a href="#" class="ekstralar">Ekstralar</a></li>
</ul></th>
</tr>
</table>
</div>
<div id="solmenubaslik" class="dostsite"><a href="#">Dost siteler</a></div>
<div id="solmenu">
<ul>
<li><a href="#" class="anasayfa">DENTASARIM | <em>Tasarımın bizden!</em></a></li>
<li><a href="#" class="hakkimdav1">DENMÜZİK | <em>Müziğiniz bizden!</em></a></li>
<li><a href="#" class="iletisimv1">DENFORUM |<em> Sizin forumunuz!</em></a></li>
<li><a href="#" class="biziyorumla">NEXTBEAR | <em>Hayatı next'le!</em></a></li>
<li><a href="#" class="projelerv1">SİTENİ EKLE|<em> Siteni neden eklemiyorsun!</em></a></li>
</ul>
</div></th>
</tr>
</table>
<div id="copright">TÜM HAKLARI SAKLIDIR! TASARIM VE KODLAMA: <a href="http://www.dentasarim.tr.gg">DENTASARIM</a></div>
</div>
</body>

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-image: url(http://img.webme.com/pic/d/dentasarim/patternbg.png);
background-color: #FFF;
margin: 0px;
padding: 0px;
text-align: center;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
}
#solmenubaslik a {
font-size: 12px;
text-decoration: none;
color: #333;
display: block;
line-height: 30px;
height: 30px;
font-weight: bold;
/* [disabled]background-image: url(images/icons/globe.png); */
background-repeat: no-repeat;
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: #999;
border-right-color: #999;
border-bottom-color: #999;
border-left-color: #999;
background-color: #F5F5F5;
margin-top: 2px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
margin-left: 2px;
}
#sagmenubaslik a {
font-size: 12px;
text-decoration: none;
color: #333;
display: block;
line-height: 30px;
height: 30px;
font-weight: bold;
/* [disabled]background-image: url(images/icons/baloon.png); */
background-repeat: no-repeat;
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: #999;
border-right-color: #999;
border-bottom-color: #999;
border-left-color: #999;
background-color: #F5F5F5;
margin-top: 2px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
background-position: 5px;
}
#solmenu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#solmenu ul li {
background-repeat: no-repeat;
}
#solmenu ul li a {
font-size: 12px;
text-decoration: none;
color: #333;
text-align: left;
line-height: 25px;
height: 25px;
display: block;
background-image: url(http://img.webme.com/pic/d/dentasarim/dropdown_arrow_right.png);
background-repeat: no-repeat;
background-position: 5px;
padding-left: 15px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#solmenu ul li a em {
font-size: 11px;
font-weight: normal;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#kategorimenusu ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#kategorimenusu ul li a {
font-size: 11px;
text-decoration: none;
color: #333;
display: block;
height: 25px;
line-height: 25px;
background-image: url(http://img.webme.com/pic/d/dentasarim/dropdown_arrow_right.png);
background-repeat: no-repeat;
background-position: 5px;
padding-left: 25px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#solmenu {
font-size: 10px;
background-color: #FFFFFF;
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: #999;
border-bottom-color: #999;
border-left-color: #999;
color: #666;
/* [disabled]background-image: url(images/diverso-homepage_sections-gradient.gif); */
margin-bottom: 5px;
margin-left: 2px;
}
#ust {
width: 900px;
margin-top: 10px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
border: 1px solid #999;
background-image: url(backgroundbeyaz.png);
background-color: #FFF;
}
#logo {
float: left;
background-image: url(http://img.webme.com/pic/d/dentasarim/dentasarimv2.png);
background-repeat: no-repeat;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 1s;
width: 270px;
height: 50px;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: 7px;
}
#duyuru {
font-size: 12px;
font-weight: normal;
}
#ustmenu {
height: 35px;
width: 900px;
background-color: #F5F5F5;
}
#icerik {
width: 900px;
margin-top: 10px;
margin-bottom: 10px;
/* [disabled]border: 1px solid #000; */
/* [disabled]background-color: #FFF; */
margin-right: auto;
margin-left: auto;
}
#ustmenu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#ustmenu ul li a {
text-align: center;
display: block;
float: left;
height: 35px;
width: 150px;
text-decoration: none;
color: #333333;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
line-height: 35px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
background-repeat: no-repeat;
}
#ust #ustmenu ul li .home {
color: #333;
/* [disabled]border-top-width: 2px; */
/* [disabled]border-top-style: solid; */
/* [disabled]border-top-color: ba2f60; */
/* [disabled]border-bottom-color: ba2f60; */
line-height: 35px;
height: 35px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#ust #ustmenu ul li .home:hover {
color: #FFFFFF;
/* [disabled]border-top-width: 2px; */
/* [disabled]border-top-style: solid; */
/* [disabled]border-top-color: ba2f60; */
background-color: #069;
height: 35px;
line-height: 35px;
}
#ustmenu ul li .projeler:hover {
color: #FFF;
/* [disabled]border-top-width: 2px; */
/* [disabled]border-top-style: solid; */
/* [disabled]border-top-color: #093; */
background-color: #096;
line-height: 35px;
height: 35px;
}
#ustmenu ul li .hakkimda:hover {
color: #FFF;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
/* [disabled]border-top-width: 2px; */
/* [disabled]border-top-style: solid; */
/* [disabled]border-top-color: #F90; */
background-color: #F90;
line-height: 35px;
height: 35px;
}
#ustmenu ul li .iletisim:hover {
color: #FFF;
/* [disabled]border-top-width: 2px; */
/* [disabled]border-top-style: solid; */
/* [disabled]border-top-color: #09F; */
background-color: #0CF;
line-height: 35px;
height: 35px;
}
#ustmenu ul li .yorumla:hover {
color: #FFF;
/* [disabled]border-top-width: 2px; */
/* [disabled]border-top-color: #333; */
/* [disabled]border-top-style: solid; */
background-color: #333;
line-height: 35px;
height: 35px;
}
#solmenu ul li .anasayfa:hover {
background-color: #BA2F60;
color: #FFF;
}
#solmenu ul li .hakkimdav1:hover {
background-color: #F90;
color: #FFF;
}
#solmenu ul li .iletisimv1:hover {
background-color: #09F;
color: #FFF;
}
#solmenu ul li .biziyorumla:hover {
background-color: #333;
color: #FFF;
}
#solmenu ul li .projelerv1:hover {
color: #FFF;
background-color: #093;
}
#kategorimenusu {
background-color: #FFFFFF;
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: #999;
border-bottom-color: #999;
border-left-color: #999;
/* [disabled]background-image: url(images/diverso-homepage_sections-gradient.gif); */
margin-bottom: 5px;
margin-left: 2px;
}
#icerikv1 {
background-color: #FFFFFF;
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: #999;
border-bottom-color: #999;
border-left-color: #999;
padding: 5px;
font-size: 12px;
color: #666;
}
#kategorimenusu ul li .webdersleri:hover {
background-color: #3FF;
}
#kategorimenusu ul li .programlar:hover {
background-color: #F9C;
}
#kategorimenusu ul li .kisisel:hover {
background-color: #CF0;
}
#kategorimenusu ul li .teknoloji:hover {
background-color: #F00;
}
#kategorimenusu ul li .oyunlar:hover {
background-color: #FF0;
}
#kategorimenusu ul li .yemektarifi:hover {
background-color: #FFF;
}
#kategorimenusu ul li .defter:hover {
background-color: #F90;
}
#icerik table tr th #kategorimenusu table tr th ul li .roprtj:hover {
background-color: #0C9;
}
#icerik table tr th #kategorimenusu table tr th ul li .tasarimlar:hover {
background-color: #666;
}
#icerik table tr th #kategorimenusu table tr th ul li .ekstralar:hover {
background-color: #69F;
}
#solmenubaslik a.kategoriler {
color: #3C3;
}
#solmenubaslik.kategoriler a {
/* [disabled]background-image: url(http://img.webme.com/pic/d/dentasarim/dropdown_arrow_right.png); */
background-position: 5px;
background-color: #F5F5F5;
color: #333333;
}
#logo:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
#solmenubaslik.dostsite a {
/* [disabled]background-image: url(http://img.webme.com/pic/d/dentasarim/dropdown_arrow_right.png); */
background-position: 5px;
}
#ustmenu ul li .galeri:hover {
color: #FFF;
/* [disabled]border-top-width: 2px; */
/* [disabled]border-top-style: solid; */
/* [disabled]border-top-color: #903; */
background-color: #F66;
line-height: 35px;
height: 35px;
}
#copright {
width: 898px;
background-color: #F5F5F5;
border: 1px solid #999;
height: 50px;
line-height: 50px;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 12px;
}
#copright a {
text-decoration: none;
color: #FFF;
background-color: #999999;
padding: 5px;
font-size: 11px;
}

Ana sayfaya eklenecek kod:

Den-Clr Blog V1

Benzer Tasarımlar:

Yorum Gönder

Kategoriler

En Popüler Tasarımlar

Son Yorumlar