Kimyazar - Ben yazarım!
Sigri tema v1
Sigri tema v1
Css kodu
body{background: #f1f1f1; url(#); background-size: cover; font-family: Arial; font-size: 12px;}
body a {text-decoration: none; color: #333; font-size: 12px; }
#genel {width: 950px; height: auto; border: 1px solid #ccc; background: #f9f9f9; margin: auto;}
#header {width: 950px; height: auto; background: url(https://img.webme.com/pic/k/kimyazar/152H.jpg); background-size: cover;}
#logo {width: 925px; height: 50px; text-align: right; padding-right: 25px; padding-top: 125px; padding-bottom: 125px;}
#logo img {transform: rotate(-5deg); transition: 0.4s;}
#logo img:hover {transform: rotate(0deg);}
#menu {width: 950px; height: 40px; margin-top: 10px; background: #fff;}
#menu ul {margin: 0px; padding: 0px; list-style-type: none;}
#menu ul li a {display: block; text-align: center; height: 40px; font-size: 12px; text-decoration: none; color: #333; float: left; padding-left: 20px; padding-right: 20px; line-height: 40px; transition: 0.4s;}
#menu ul li a:hover {background: #c5c5c5; color: #333;}
#footer {text-align: center; padding: 10px; background: #c5c5c5;}
#content {padding: 20px;}
body a {text-decoration: none; color: #333; font-size: 12px; }
#genel {width: 950px; height: auto; border: 1px solid #ccc; background: #f9f9f9; margin: auto;}
#header {width: 950px; height: auto; background: url(https://img.webme.com/pic/k/kimyazar/152H.jpg); background-size: cover;}
#logo {width: 925px; height: 50px; text-align: right; padding-right: 25px; padding-top: 125px; padding-bottom: 125px;}
#logo img {transform: rotate(-5deg); transition: 0.4s;}
#logo img:hover {transform: rotate(0deg);}
#menu {width: 950px; height: 40px; margin-top: 10px; background: #fff;}
#menu ul {margin: 0px; padding: 0px; list-style-type: none;}
#menu ul li a {display: block; text-align: center; height: 40px; font-size: 12px; text-decoration: none; color: #333; float: left; padding-left: 20px; padding-right: 20px; line-height: 40px; transition: 0.4s;}
#menu ul li a:hover {background: #c5c5c5; color: #333;}
#footer {text-align: center; padding: 10px; background: #c5c5c5;}
#content {padding: 20px;}
Tasarımın üstü
<body>
<div id="genel">
<div id="header">
<div id="logo"><img src="https://img.webme.com/pic/k/kimyazar/kimyazarlogov5.png"/></div>
<div id="menu"><ul>
<li><a href="#">ANASAYFA</a></li>
<li><a href="#">İLETİŞİM</a></li>
<li><a href="#">FORUM</a></li>
<li><a href="#">HAKKIMIZDA</a></li>
<li><a href="#">ZİYARETÇİ DEFTERİ</a></li>
</ul></div>
</div>
<div id="content">
<div id="genel">
<div id="header">
<div id="logo"><img src="https://img.webme.com/pic/k/kimyazar/kimyazarlogov5.png"/></div>
<div id="menu"><ul>
<li><a href="#">ANASAYFA</a></li>
<li><a href="#">İLETİŞİM</a></li>
<li><a href="#">FORUM</a></li>
<li><a href="#">HAKKIMIZDA</a></li>
<li><a href="#">ZİYARETÇİ DEFTERİ</a></li>
</ul></div>
</div>
<div id="content">
Tasarımın altı
</div>
<div id="footer">Tüm hakları saklıdır. Tasarım ve kodlama: <a href="http://www.kimyazar.tr.gg">KİMYAZAR</a></div>
</div>
</body>
<div id="footer">Tüm hakları saklıdır. Tasarım ve kodlama: <a href="http://www.kimyazar.tr.gg">KİMYAZAR</a></div>
</div>
</body>
Tasarım hakkında uyarı
Tasarım tamamen Dentasarım ve Kimyazar'a aittir. Footer kısmını değiştirmediğiniz sürece kullanabilirsiniz...
Ziyaretçi günlüğü
- İp adresin: 18.191.198.245
- Bugün ki ziyaretçi: 10
- Bugün ki tıklanma:15
- Toplam ziyaretçi: 4001
- Toplam tıklanma:7288