Dentasarım
Popüler tasarımlar

DENTASARIM | Tasarımın bizden!

Modern tema v1



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;
}

body {
background-image: url(file
:///C|/Users/grund%C4%B1g/Desktop/cartoons-addicts-twitter-background%20(1).jpg);
background-image: url(file
:///C|/Users/grund%C4%B1g/Desktop/free-vector-ring-pattern-background-vector_016166_abs%2036%20(1).jpg);
background-attachment: fixed;
color: #F7F7F7;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 13px;
background-image: url(https://img.webme.com/pic/d/dentasarim/pattern_step05.gif);
}
#genel {
width: 900px;
margin: auto;
height: auto;
padding: 10px;
background-color: #FFF;
}
#genel #menu ul li a {
text-align: center;
display: block;
float: left;
width: 150px;
color: #FFFFFF;
text-decoration: none;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 12px;
font-weight: bold;
height: 40px;
line-height: 40px;
-webkit-transition: 0.1s;
-moz-transition: 0.1s;
-o-transition: 0.4s;
}
#baslikv1 {
width: auto;
height: 30px;
margin-top: 7px;
margin-bottom: 7px;
border-left-width: 5px;
border-bottom-style: solid;
border-left-style: solid;
border-left-color: #7E834B;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-top-color: #7E834B;
border-right-color: #7E834B;
border-bottom-color: #7E834B;
line-height: 30px;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 12px;
font-weight: bold;
color: #7E834B;
padding-left: 5px;
background-color: #FFF;
}
#kutuv1 {
width: 289px;
height: auto;
color: #333;
font-weight: normal;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 12px;
padding: 2px;
}
#kutuv1 a {
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #4B7183;
}
#devamigr a {
display: block;
text-align: center;
width: 100px;
background-color: #333;
height: 25px;
line-height: 25px;
color: #FFF;
float: right;
}
#kutubaslik a {
font-size: 13px;
color: #333333;
text-decoration: none;
font-family: Arial, Calibri, "Microsoft YaHei";
font-weight: bold;
}
#kutuv1yazi {
font-size: 12px;
height: auto;
width: auto;
padding-top: 2px;
padding-bottom: 2px;
}
#kutubaslik {
font-size: 11px;
color: #4B7183;
text-decoration: none;
font-family: Arial, Calibri, "Microsoft YaHei";
}
#genel #logo {
height: 50px;
width: 900px;
background-image: url(https://img.webme.com/pic/d/dentasarim/dentasarimv1.png);
background-repeat: repeat-y;
}
#genel #menu ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#genel #menu {
width: 900px;
height: 40px;
background-color: #7E834B;
}
#genel #menu ul li a:hover {
text-align: center;
display: block;
float: left;
width: 120px;
color: #FFF;
text-decoration: none;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 12px;
font-weight: bold;
height: 30px;
line-height: 30px;
margin-top: 5px;
margin-right: 15px;
margin-bottom: 5px;
margin-left: 15px;
border-radius: 7px;
background-color: #333333;
}
#baslikv1 a {
line-height: 32px;
height: 30px;
width: auto;
text-decoration: none;
color: #4A4A4A;
padding-bottom: 7px;
}
#genel a img {
border: 1px dotted #333333;
}
#genel #alt {
line-height: 25px;
background-color: #333;
height: 25px;
width: auto;
color: #E6F0F4;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 12px;
font-weight: bold;
text-align: center;
}
#genel #alt a {
height: 25px;
font-size: 12px;
color: #7E834B;
text-decoration: none;
font-family: Arial, Calibri, "Microsoft YaHei";
font-weight: bold;
}
#devamigr a {
text-decoration: none;
font-weight: bold;
font-size: 11px;
margin-right: 3px;
}
#genel a img:hover {
border: 1px dashed #333333;
}
#devamigr a:hover {
display: block;
text-align: center;
width: 100px;
background-color: #7E834B;
height: 25px;
line-height: 25px;
color: #FFF;
float: right;
}

 

 

Tasarım üstü:

 

<body>

<div id="genel">

  <div id="logo"></div>

  <div id="menu">

    <ul>

      <li><a href="#">ANASAYFA</a></li>

      <li><a href="#">İLETİŞİM</a></li>

      <li><a href="#">YORUM YAP</a></li>

      <li><a href="#">FORUM</a></li>

      <li><a href="#">HAKKIMDA</a></li>

      <li><a href="#">EKSTRA</a></li>

    </ul>

  </div>

  <strong></strong>

  <div id="content">

    <div id="baslikv1"> <a href="#">GALERİ</a></div>

 

  <table width="899" border="0" cellspacing="5" cellpadding="0">

    <tr>

      <th width="293" height="150" align="left" valign="top" scope="col"><a href="#"><img src="https://img.webme.com/pic/d/dentasarim/logopsd.png" width="293" height="150" /></a></th>

      <th width="293" height="150" align="left" valign="top" scope="col"><a href="#"><img src="https://img.webme.com/pic/d/dentasarim/backgroundv2.png" width="293" height="150" /></a></th>

      <th width="293" height="150" align="left" valign="top" scope="col"><a href="#"><img src="https://img.webme.com/pic/d/dentasarim/bg.png" width="293" height="150" /></a></th>

    </tr>

  </table>

 

Tasarım altı:
</div></th>
</tr>
</table>
</div>
<div id="alt">TÜM HAKLARI SAKLIDIR! İZİNSİZ ALINTI YAPILAMAZ VEYA KOPYALANAMAZ! TASARIM VE KODLAMA: <a href="#">DENTASARIM</a></div>
</div>
</body>
</html>
NOT: ALT KISMINI DEĞİŞTİRMEDİĞİNİZ SÜRECE TASARIMI KULLANABİLİRSİNİZ, AKSİ TAKTİRDE SİTENİZ KAPATILIR! 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol