TeknoAnaliz | Teknoloji & Kişisel blog

Kişisel tema

TeknoAnaliz - Kişisel tema
Css bölümüne gelicek
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 {
background: #fff;
color: #333;
padding: 5px;
height: 30px;
text-decoration: none;
width: 900px;
line-height: 30px;
margin-left: 350px;
font-size: 11px;
border: 1px solid #3B3B3B;
}
#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(https://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 {
width: 950px;
height: 40px;
line-height: 40px;
text-align:center;
margin: auto;
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;
}

Tasarımın üstüne gelicek
<!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ına gelicek
</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>
</div>
</body>
</html>

Tasarımı ön izlemek için tıklasana? 


Tasarım hakkında bilgi

Tasarım tamamen Dentasarım, TeknoAnaliz ve Sergrafik tarafından kodlanmıştır. Tasarımın altındaki kodların arasındaki Alt kısmını değiştirmek yasaktır. Değiştirmediğiniz takdirde kullanabilirsiniz. Değiştirdiğiniz takdirde ise Bedava-sitem yöneticilerine sitemiz tarafından şikayet edileceksiniz. Sonunda siteniz kapatılabilir. İyi günlerle kullanın. 


Tasarım özellikleri

- 2 Sütunludur.
-Yazı stilleri ve paragrafların yazı stili özenle seçilmiştir. 
- Ücretsizdir. "Tasarım ve kodlama" kısmını değiştirmediğiniz taktirde istediğiniz şekilde kullanabilirsiniz. Kısacası alt kısmı değiştirmek yasaktır.
- Kolay düzenlenebilir logo alanı
- İsteğe göre renk değiştirelebilir.


Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol