Den-Kişisel V1

İçerik Hakkında Hazırlanıyor...

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:

Sağ ve Üst Menü

Tasarımın üzerindeki yazı:

<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
</head>

<body>
<div id="logo">
<b><h1>SERGENSEKER</h1></b><h3>Genel ve kisisel blog!</h3>
</div>
<div id="cizgiler">
<div id="menu">
<ul>
<li><a href="#">ANASAYFA</a></li>
<li><a href="#">BLOG</a></li>
<li><a href="#">HAKKIMDA</a></li>
<li><a href="#">GALERİ</a></li>
<li><a href="#">PROJELER</a></li>
<li><a href="#">BİZE ULAS</a></li>
<li><a href="#">BİZİ YORUMLA</a></li>
</ul>
</div>
</div>
<div id="icerik">
<div id="resimust">
<h1>Benim blogum!</h1>
</div>
<div id="sol">
<div id="baslik">KiÅŸisel tema</div>
<div id="y"><div id="content">

Tasarımın altındaki yazı:

</div></div>
</div>
<div id="sag">
<div id="baslik">GENEL BASLIKLAR</div>
<div id="sagmenu">
<ul>
<table width="295" border="0" align="left" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="100px">
<li><a href="#">Anasayfa</a></li>
<li><a href="#">Iletisim</a></li>
<li><a href="#">Galeri</a></li>
</td>
<td width="100px">
<li><a href="#">Ziyaretçi D.</a></li>
<li><a href="#">Hakkımda</a></li>
<li><a href="#">Blog</a></li>
</td>
</tr>
</tbody>
</table>
</ul>
</div>

<div id="clear"></div><br>
<div id="baslik">DOST SİTELER</div>
<div id="sagmenu">
<ul>
<table width="295" border="0" align="left" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<li><a href="#" target="_blank">Siteni ekle</a></li>
<li><a href="#" target="_blank">Siteni ekle</a></li>
<li><a href="#" target="_blank">Siteni ekle</a></li>
<li><a href="#" target="_blank">Siteni ekle</a></li>

</td>
<td>
<li><a href="#" target="_blank">Siteni ekle</a></li>
<li><a href="#" target="_blank">Siteni ekle</a></li>
<li><a href="#" target="_blank">Siteni ekle</a></li>
<li><a href="#" target="_blank">Siteni ekle</a></li>
</td>
</tr>
</tbody>
</table>
</ul>
</div><br>
</div>
</div>

<div id="clear"></div>
<div id="copright">
2015 / Tüm hakları saklıdır. Tasarım ve kodlama: <a href="http://www.teknoanaliz.tr.gg" target="_blank">TEKNOANALİZ</a> & <a href="http://www.dentasarim.tr.gg" target="_blank">DENTASARIM</a>
</div>
</body>
</html>

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 {
border: 1px solid #3B3B3B;
background: #3B3B3B;
margin:auto;

}
#webme_footer_textlink_dont_hide {
margin-left: 375px;
margin-top: 5px;
float: left;
}
#webme_sky_ad {

border: 1px solid #3B3B3B;
background: #3B3B3B;
}

/* Chicken scrollbar ayarlamalari */ 
/* Chicken scrollbar - 3 çizginin olduğu yer */ 
::-webkit-scrollbar-thumb {background:#3B3B3B; url(http://img.webme.com/pic/c/chickenblog/scrollbar.gif) no-repeat center center; border:1px solid #3B3B3B;} 

/* Chicken scrollbar - Scrollbar'ı boyutlandırabilirsiniz. */ 
::-webkit-scrollbar {width: 13px; height: 10px; } 

/* Genel ayarlar sakin dokunma ! */ 
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display:none;} ::-webkit-scrollbar-track-piece { background-color: #5b5b5b;}





body {
background-color: #f1f1f1;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
font-family: 'Raleway', sans-serif;
}
#logo {
width: 950px;
height: 80px;
margin: auto;
text-align: center;
font-family: 'Raleway', sans-serif;
}
#logo b h1 {
font-size: 50px;
line-height: 10px;
color: #ff3c07;
}
#logo h3 {
font-size: 15px;
font-weight: normal;
color: #a1a1a1;
}
#menu {
width: 945px;
margin: auto;
text-align: center;
}
#menu ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#menu ul li a {
display: block;
text-decoration: none;
color: #333; 
float: left;
width: 135px;
height: 50px;
line-height: 50px;
font-size: 13px;
transition: 0.3s;
font-weight: bold;
}
#cizgiler {
width: 950px;
height: 50px;
line-height: 50px;
margin-left: auto;
margin-right: auto;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
text-align: center;
margin-bottom: 20px;
}
#menu ul li a:hover {
background: #ff3c07;
height: 40px;
line-height: 40px;
margin-top: 5px;
margin-bottom: 5px;
color: #fff;
}
#baslik {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
width: auto;
padding: 10px;
font-size: 14px;
font-weight: bold;
}
#icerik {
width: 950px;
height: auto;
margin-left: auto;
margin-right: auto;
}
#sol {
width: 640px;
margin-right: 15px;
float: left;
height: auto;
}
#sag {
width: 295px;
float: right;
height: auto;
}
#resimust {
width: 950px;
padding-top: 400px;
background-image: url(http://static.hdw.eweb4.com/media/wallpapers_1920x1080/music/1/4/daft-punk-music-hd-wallpaper-1920x1080-35595.jpg);
background-position: center;
background-size: cover;
margin-bottom: 20px;
}
#resimust h1{
color: #fff;
text-align: right;
margin-bottom: 0px;
padding: 25px;
background: black;
opacity: 0.7;
}
#sagmenu {
width: 295px;
height: auto;
}
#sagmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#sagmenu ul li a {
color: #333;
text-decoration: none;
display: block;
height: 30px;
line-height: 30px;
font-size: 14px;
padding-left: 20px;
background-image: url(http://www.geekinterview.com/talk/images/metro/bw/pagination/next-right.png);
background-position-y: center;
background-repeat: no-repeat;
transition: 0.3s;
}
#sagmenu ul li a:hover {
color: #ff3c07;
}
#clear {
clear: left;
}
#y {
font-size: 13px;
padding-left: 10px;
padding-right: 10px;
}
#copright {
margin-left: 190px;
margin-top: 5px;
float: left;
width: 950px;
height: 40px;
line-height: 40px;
text-align:center;

background: #333;
color: #fff;
font-size: 13px;
}
#copright a {
text-decoration: none;
color: #fff;
font-size: 13px;
font-weight: bold;
padding: 5px;
transition: 1s;
color: #ff3c07;
}
#copright a:hover {
height 30px;
line-height: 30px;
background: #ff3c07;
color: #fff;
margin-top: 5px;
margin-bottom: 5px;
text-decoration: none;
padding: 5px;
}

Ana sayfaya eklenecek kod:

Den-Kişisel V1

Benzer Tasarımlar:

Yorum Gönder

Kategoriler

En Popüler Tasarımlar

Son Yorumlar