DENTASARIM | Tasarımın bizden!
Basit tasarım v1
NOT: ALT KISMINI DEĞİŞTİRMEDİĞİNİZ SÜRECE TASARIMI KULLANABİLİRSİNİZ...
body {
background-image: url(http
://4vector.com/i/free-vector-ring-pattern-background-vector_016166_abs%2036%20(1).jpg)
background-color: #C03;
background-color: #39F;
}
#ustt {
width: 900px;
margin: auto;
height: 50px;
background-color: #333;
border-radius: 10px 10px 0px 0px;
}
#solmenuv1 {
width: 250px;
background-color: #FFF;
}
#solmenuv1 ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#solmenuv1 ul li a {
text-decoration: none;
color: #666;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 12px;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #666;
display: block;
line-height: 25px;
height: 25px;
width: auto;
padding-left: 5px;
}
#ustt #ustmenu ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#ustt #ustmenu ul li a {
text-align: center;
display: block;
float: left;
width: 125px;
height: 50px;
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
font-weight: bold;
font-family: Arial, Calibri, "Microsoft YaHei";
margin-left: 3px;
-webkit-transition: 0.1s;
-moz-transition: 0.1s;
-o-transition: 0.1;
}
#ustt #ustmenu ul li a:hover {
text-align: center;
display: block;
float: left;
width: 85px;
height: 30px;
color: #EFEFEF;
text-decoration: none;
font-size: 12px;
font-weight: bold;
font-family: Arial, Calibri, "Microsoft YaHei";
background-color: #232323;
margin-top: 10px;
margin-bottom: 10px;
line-height: 30px;
border-radius: 5px;
padding-right: 20px;
padding-left: 20px;
}
#icerik {
width: 889px;
padding: 5px;
background-color: #FFF;
margin: auto;
height: 500px;
}
#altv11 {
width: 900px;
margin: auto;
height: 40px;
background-color: #333;
line-height: 40px;
text-align: center;
color: #FFF;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 12px;
font-weight: bold;
border-radius: 0px 0px 10px 10px;
}
#altv11 a {
color: #CCC;
font-size: 12px;
font-weight: bold;
font-family: Arial, Calibri, "Microsoft YaHei";
}
#logo {
margin: auto;
height: 50px;
width: 900px;
}
#ustt #ustmenu {
float: left;
width: 900px;
height: 50px;
line-height: 50px;
margin-right: auto;
}
<body>
<div id="logo"><center><img src="https://img.webme.com/pic/d/dentasarim/dentasarimv2.png" width="244" height="50" /></center></div>
<div id="ustt">
<div id="ustmenuv1">
<ul>
<li><a href="#"> ANASAYFA</a></li>
<li><a href="#">İLETİŞİM</a></li>
<li><a href="#">HAKKIMIZDA</a></li>
<li><a href="#">YORUM YAP</a></li>
<li><a href="#">FORUM</a></li>
<li><a href="#">DENTASARIM</a></li>
<li><a href="#">EKSTRALAR</a></li>
</ul>
</div>
</div>
<div id="icerikv1">
<div id="content">
</div>
<div id="altv11"> TÜM HAKLARI SAKLIDIR! TASARIM VE KODLAMA: <a href="http://www.dentasarim.tr.gg">DENTASARIM</a></div>
</body>
</html>