Dentasarım
Popüler tasarımlar

DENTASARIM | Tasarımın bizden!

Rengarenk tema v1

Rengarenk tema



NOT: ALT KISMINI DEĞİŞTİRMEDİĞİNİZ SÜRECE TASARIMI KULLANABİLİRSİNİZ... 
<
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;
}
#webme_sky_ad {
top: 200px;
}

<style type="text/css">
@charset "utf-8";
body {
background-image: url(//img.webme.com/pic/d/dentasarim/1v1.png);
background-attachment: fixed;
background-repeat: repeat;
}
#genel {
width: 950px;
height: auto;
/* [disabled]background-color: #000000; */
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #232323;
margin: auto;
}
#logov1 {
background-image: url(//img.webme.com/pic/d/dentasarim/dentasarimv2.png);
height: 50px;
width: 240px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 1s;
}
#alt a {
text-decoration: none;
color: #FFF;
}

#logov1:hover {
height: 54px;
margin-left: 10px;
}

#butonv1 a {
width: 120px;
height: 40px;
text-decoration: none;
font-size: 12px;
font-weight: bold;
font-family: Arial, Calibri, "Microsoft YaHei";
color: #F7F7F7;
display: block;
background-color: #232323;
line-height: 40px;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 1s;
}
#butonv2 a {
width: 120px;
height: 40px;
text-decoration: none;
font-size: 12px;
font-weight: bold;
font-family: Arial, Calibri, "Microsoft YaHei";
color: #F6F6F6;
display: block;
background-color: #333333;
line-height: 40px;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 1s;
}
#butonv2 a:hover {
width: 120px;
height: 40px;
text-decoration: none;
font-size: 12px;
font-weight: bold;
font-family: Arial, Calibri, "Microsoft YaHei";
color: #F7F7F7;
display: block;
background-color: #892C2C;
line-height: 40px;
}
#altv1 {
width: 800px;
margin-right: auto;
margin-left: 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: #232323;
border-bottom-color: #232323;
border-left-color: #232323;
background-color: #333333;
line-height: 25px;
height: 25px;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 12px;
color: #F1F1F1;
text-align: center;
background-image: url(file:///C|/Users/grund%C4%B1g/Desktop/6-Seamless-Fabric-Textures-Thumb06.jpg);
font-weight: bold;
}

#alt {
width: 900px;
height: 30px;
margin-right: auto;
margin-left: auto;
line-height: 30px;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 13px;
font-weight: normal;
text-align: center;
color: #F1F1F1;
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: #232323;
border-bottom-color: #232323;
border-left-color: #232323;
background-color: #892C2C;
}

#menu {
height: 40px;
width: 950px;
margin-right: auto;
margin-left: auto;
}
#menu ul {
list-style-type: none;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
padding-right: 0px;
padding-left: 0px;
}
#menu ul li a {
text-align: center;
display: block;
height: 40px;
line-height: 40px;
text-decoration: none;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
font-family: Arial, Calibri, "Microsoft YaHei";
float: left;
width: 150px;
transition: 0.5s;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
background-color: #892C2C;
}
#menu ul li a:hover {
text-align: center;
display: block;
height: 40px;
line-height: 40px;
text-decoration: none;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
font-family: Arial, Calibri, "Microsoft YaHei";
float: left;
background-color: #333333;
}

#menuv1 {
height: 40px;
float: left;
width: 800px;
}
#menu ul li #menuv1 ul li a {
background-color: #FEFEFC;
color: #333;
width: 160px;
float: left;

}
#menu ul li #menuv1 ul li a:hover {
color: #FAFAFA;
background-color: #892C2C;
height: 40px;
line-height: 40px;
}

 

 

 

#butonv1 a:hover {
width: 120px;
height: 40px;
text-decoration: none;
font-size: 12px;
font-weight: bold;
font-family: Arial, Calibri, "Microsoft YaHei";
color: #F4F4F4;
display: block;
background-color: #428511;
line-height: 40px;
}

#butonv1 {
width: 120px;
text-align: center;
height: 40px;
line-height: 40px;
padding-right: 7px;
}

 

#content {
width: 950px;
}
#icerikv1 {
width: 948px;
margin-right: auto;
margin-left: auto;
color: #000000;
height: auto;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 13px;
border: 1px solid #232323;
background-image: url(//img.webme.com/pic/d/dentasarim/beyazsydm.png);
}
#icerikv1 #content {
padding: 10px;
height: auto;
width: auto;
}
</style>

 

 

Tasarım üstü:
<body>
<div id="genel">
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="290"><div id="logov1"></div>
</td>
<td height="54" align="right" valign="top"><table width="250" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td width="137" align="center" valign="middle"><div id="butonv1"><a href="#">KAYIT OL</a></div></td>
<td width="133" height="54" align="center" valign="middle"><div id="butonv2"><a href="#">GİRİŞ YAP</a></div></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id="menu">
<ul>
<li><a href="#">ANASAYFA</a>
<div id="menuv1">
<ul>
<li><a href="#">İLETİŞİM</a></li>
<li><a href="#">YORUMLAR</a></li>
<li><a href="#">SORU-CEVAP</a></li>
<li><a href="#">BLOG</a></li>
<li><a href="#">ÇALIŞMALAR</a></li>
</ul>
</div>
</li>
</ul>

</div>
<div id="icerikv1">
<div id="content">

 

Tasarım altı:
</div>
</div>
<script language=JavaScript>m='%3Cdiv%20id%3D%22alt%22%3ET%FCm%20haklar%u0131%20sakl%u0131d%u0131r%21%20Kaynak%20g%F6stermeden%20payla%u015Fmak%20yasakt%u0131r%21%20Tasar%u0131m%20ve%20kodlama%3A%20%3Cstrong%3E%3Ca%20href%3D%22http%3A//www.dentasarim.tr.gg%22%3EDENTASARIM%3C/a%3E%3C/strong%3E%3C/div%3E';d=unescape(m);document.write(d);</script>
<div id="altv1"> TEKNOANALİZ / MUNGESS / SERGENSEKER / BEDAVA-SİTEM</div>
</body>
</html>
Kaynak göstermeden kullanmak yasaktır...
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol