Dentasarım
Popüler tasarımlar

DENTASARIM | Tasarımın bizden!

Siyah tema v1

Siyah tema
CSS KODU:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DenTasarım</title>
<style type="text/css">
body {
background-image: url(//img.webme.com/pic/d/dentasarim/71.jpg);
color: #999;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 12px;
background-color: #FFF;
background-attachment: fixed;
}

#menuv1 {
width: 880px;
margin-right: auto;
margin-left: auto;
height: auto;
}
#menuv1 ul {
margin: 0px;
padding: 0px;
}
#menuv1 ul li {
float: left;
list-style-type: none;
}
#menuv1 ul li a {
color: #666666;
text-decoration: none;
display: block;
width: 110px;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 11px;
font-weight: bold;
line-height: 40px;
height: 40px;
text-align: center;
box-shadow: 10px 0px;
background-color: #1B1B1B;
box-shadow: 1px 1px 1px #666;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 1s;
}
#menuv1 ul li ul li {
clear: left;
}
#menuv1 ul li ul {
display: none;
}
#menuv1 ul li:hover ul {
display: block;
position: absolute;
}
#menuv1 ul li ul li a {
width: 140px;
text-align: left;
background-color: #FFFFFF;
border-left-width: 2px;
border-left-style: solid;
border-left-color: #999;
border-bottom-style: none;
color: #999;
box-shadow: 1px 1px 1px #666;
padding-right: 5px;
padding-left: 5px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 1s;
}
#menuv1 ul li ul li a:hover {
text-align: left;
border-left-width: 2px;
border-left-style: solid;
border-left-color: #000;
border-bottom-style: none;
color: #000;
}
#menuv1 ul li a:hover {
color: #999999;
}
#deneme {
clear: both;
}
#logo {
width: 880px;
margin-right: auto;
margin-left: auto;
margin-bottom: 5px;
}
#copright {
background-color: #1B1B1B;
width: 880px;
margin: auto;
height: 25px;
line-height: 25px;
color: #999;
font-size: 12px;
font-weight: bold;
}
#copright a {
text-decoration: none;
color: #CCC;
}
#blogbaslik {
margin-right: auto;
margin-left: auto;
width: auto;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #CCC;
font-size: 15px;
font-family: Arial, Calibri, "Microsoft YaHei";
font-weight: bold;
text-align: left;
}
#blogbaslik a {
width: auto;
color: #000000;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #1B1B1B;
overflow: hidden;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 13px;
text-decoration: none;
}
#alt {
width: 880px;
margin-top: 10px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
color: #999;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 12px;
font-weight: bold;
background-color: #FFFFFF;
box-shadow: 1px 1px 1px #666;
height: auto;
}
#menu1 ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menu1 ul li a {
text-decoration: none;
color: #999;
height: auto;
width: 212px;
/* [disabled]background-color: #FC0; */
display: block;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 1px;
}
#menu1 ul li a:hover {
text-decoration: none;
color: #000;
height: auto;
width: 212px;
/* [disabled]background-color: #FC0; */
display: block;
padding: 4px;
}
#icerik {

margin-top: 10px;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF;
height: auto;
color: #666;
box-shadow: 1px 1px 1px #666;
}
#contsrm {
background-color: #FFF;
}
#icerik table tr th #contsrm {

}
#content {
padding: 5px;
}
#menu1 {
width: 220px;
margin-bottom: 5px;

}

 

Tasarım üstü:
<body>
<div id="logo"><img src="//img.webme.com/pic/d/dentasarim/dentasarimv2.png" /></div>
<div id="menuv1">
<ul>
<li><a href="#">ANASAYFA</a></li>
<li><a href="#">OYUNLAR </a>
<ul>
<li><a href="#">BROWSER OYUNLAR</a></li>
<li><a href="#">ONLİNE OYUNLAR</a></li>
</ul>
</li>
<li><a href="#">PROGRAMLAR </a>
<ul>
<li><a href="#">PHOTOSHOP</a></li>
<li><a href="#">DREAMWEAVER</a></li>
<li><a href="#">NOTEPAD ++</a></li>
</ul>
</li>
<li><a href="#">WEB DERSLERİ </a>
<ul>
<li><a href="#">CSS DERSLERİ</a></li>
<li><a href="#">HTML DERSLERİ</a></li>
<li><a href="#">PHOTOSHOP DERSLERİ</a></li>
<li><a href="#">DREAMWEAER DERSLERİ</a></li>
</ul>
</li>
<li><a href="#">TASARIMLAR </a>
<ul>
<li><a href="#">CSS TASARIMLAR</a></li>
<li><a href="#">WORDPRESS TASARIMLAR</a></li>
<li><a href="#">GRAFİKLER</a></li>
<li><a href="#">LOGOLAR </a></li>
</ul>
</li>
<li><a href="#">DEFTER </a>
<ul>
<li><a href="#">DEFTER NEDİR?</a></li>
<li><a href="#">DEFTERDEKİ YAZILAR</a></li>
<li><a href="#">DEFTERDEKİ RESİMLER </a></li>
</ul>
</li>
<li><a href="#">DENBLOG </a>
<ul>
<li><a href="#">İLETİŞİM</a></li>
<li><a href="#">HAKKIMDA</a></li>
<li><a href="#">GALERİ</a></li>
<li><a href="#">REKLAM VER</a></li>
</ul>
</li>
<li><a href="#">YORUMLA</a></li>
</ul>
</div>
<div id="deneme"></div>
<div id="icerik">
<table width="880" border="0" cellspacing="5" cellpadding="0">
<tr>
<th width="648" height="257" align="left" valign="top" scope="col"><div id="contsrm">
<div id="content">

 

Tasarım altı:
</div>
</div></th>
<th width="220" align="left" valign="top" scope="col"><div id="blogbaslik"><a href="#">GENEL</a></div>
<div id="menu1">
<ul>
<li><a href="#">Anasayfa</a></li>
<li><a href="#">İletişim</a></li>
<li><a href="#">Ziyaretçi defteri</a></li>
<li><a href="#">Galeri</a></li>
<li><a href="#">Reklam ver</a></li>
<li><a href="#">Hakkımda</a></li>
</ul>
</div>
<div id="blogbaslik"><a href="#">Defter</a></div>
<div id="menu1">
<ul>
<li><a href="#">Defter nedir?</a></li>
<li><a href="#">Defterdeki yazılar</a></li>
<li><a href="#">Defterdeki resimler</a></li>
</ul>
</div>
<div id="blogbaslik"><a href="#">Oyunlar</a></div>
<div id="menu1">
<ul>
<li><a href="#">Browser oyunlar</a></li>
<li><a href="#">Online oyunlar</a></li>
<li><a href="#">Denblog oyunlar</a></li>
</ul>
</div>
<div id="blogbaslik"><a href="#">Web dersleri &amp; Tasarımlar</a></div>
<div id="menu1">
<ul>
<li><a href="#">Css dersleri</a></li>
<li><a href="#">Html dersleri</a></li>
<li><a href="#">Photoshop dersleri</a></li>
<li><a href="#">Dreamweaver dersleri</a></li>
<li><a href="#">Tasarımlar</a></li>
</ul>
</div>
<div id="blogbaslik"><a href="#">Programlar</a></div>
<div id="menu1">
<ul>
<li><a href="#">Photoshop</a></li>
<li><a href="#">Dreamweaver</a></li>
<li><a href="#">Notepad ++</a></li>
</ul>
</div></th>
</tr>
</table>
</div>
<div id="alt">
<table width="880" border="0" cellspacing="0" cellpadding="0">
<tr>
<th width="220" height="94" align="left" valign="top" scope="col"><div id="blogbaslik"><a href="#">Dost siteler</a></div>
<div id="menu1">
<ul>
<li><a href="#">TeknoAnaliz</a></li>
<li><a href="#">Mungess</a></li>
<li><a href="#">Sergen Şeker</a></li>
<li><a href="#">Dizaynmarket</a></li>
</ul>
</div></th>
<th width="220" align="left" valign="top" scope="col"><div id="blogbaslik"><a href="#">Reklam alanı</a></div>
<div id="menu1">
<ul>
<li><a href="#">Siteni ekle</a></li>
<li><a href="#">Siteni ekle</a></li>
<li><a href="#">Siteni ekle</a></li>
<li><a href="#">Siteni ekle</a></li>
</ul>
</div></th>
<th width="220" align="left" valign="top" scope="col"><div id="blogbaslik"><a href="#">Hakkımda</a></div>
<div id="menu1">
<ul>
<li>18 yaşındayım, İstanbul' da yaşıyorum, henüz lise son sınıftayım, bölümüm bilgisayar değil ama hobi olarak tasarım ve css kodlamayı öğreniyorum. Adım; Sergen.</li>
</ul>
</div></th>
<th width="220" align="left" valign="top" scope="col"><div id="blogbaslik"><a href="#">Sosyal ağlarda biz!</a></div>
<div id="menu1">
<ul>
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Google</a></li>
<li><a href="#">Youtube</a></li>
<script language=JavaScript>m='%20%20%20%20%20%20%3C/ul%3E%0A%20%20%20%20%20%20%3C/div%3E%3C/th%3E%0A%20%20%20%20%3C/tr%3E%0A%20%20%3C/table%3E%0A%3C/div%3E%0A%3Cdiv%20id%3D%22copright%22%3E%20Tasar%u0131m%20ve%20kodlama%3A%20%3Ca%20href%3D%22http%3A//www.dentasarim.tr.gg%22%3EDENTASARIM.TR.GG%3C/a%3E%3C/div%3E%0A%3C/body%3E%0A%3C/html%3E%0A';d=unescape(m);document.write(d);</script>


Kaynak göstermeden kullanmak yasaktır...




Bu sayfa hakkındaki yorumlar:
Yorumu gönderen: Ali, 03.03.2015, 11:00 (UTC):
Menüyü nasıl yaptın?

Yorumu gönderen: Mehmet, 03.03.2015, 10:50 (UTC):
Çok güzel bir tasarım kardeş, ellerine sağlıkk.



Bu sayfa hakkında yorum ekle:
İsmin:
Mesajınız:

=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=