DENTASARIM | Tasarımın bizden! - Lightblue teması v1

Lightblue teması v1

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;
}

body {
background: lightblue;
}
#header {
width: 1000px; height: 40px; margin: auto; background: white;
}
#ustmenu {
width: auto; background: #fff;height: 40px;
}
#ustmenu ul {
list-style: none; margin: 0px; padding: 0px;
}
#ustmenu ul li a {
display: block; float: left; text-decoration: none;transition: 0.3s; color: #333;height: 40px; line-height: 40px; padding-left: 10px;padding-right: 10px;font-family: Arial; font-size: 12px;
}
#ustmenu ul li a:hover {
margin-top: 5px; margin-bottom: 5px; height: 30px; line-height: 30px; background: lightblue; margin-left: 5px;
}
#slidersekli {
background-image: url(http://alkolsuzmekanlar.com/wp-content/uploads/2013/09/980x3001.jpg); background-repeat: no-repeat; background-attachment: fixed; height: 200px; width: 1000px; margin: auto; background-size: 100%;
}
#slidermenusu {
width: 190px; height: 190px; background: white; opacity: 0.7; margin-left: 450px;padding: 5px;
}
#slidermenusu ul {
list-style: none;margin: 0px;padding: 0px;
}
#slidermenusu ul li a {
display: block; height: 38px; line-height: 38px; color: #333; text-decoration: none; font-family: Arial; padding-left: 10px; transition: 0.3s;
}
#slidermenusu ul li a:hover {
background: lightblue;
}
#icerik{
width: 980px; height: auto; margin: auto; background: white; padding: 10px; font-family: Arial; font-size: 12px;line-height: 25px;
}
#kaynak {
width: 990px; height: 40px; line-height: 40px; margin: auto; background: #333; font-family: Arial; font-size: 12px; color: #fff; padding-left: 10px;
}
#kaynak a {
text-decoration: none; color: #fff; font-weight: bold;font-size: 11px;padding: 5px; transition: 0.3s;
}
#kaynak a:hover {
background: lightblue; padding: 5px; color: #333;
}
#baslik {
font-size: 17px; border-left: 5px solid lightblue; padding: 10px; background: #f2f2f2; border-radius: 10px; margin-bottom: 10px;margin-top: 10px;
}
#logo {
width: 970px; height: auto; font-size: 40px; font-family: 'Righteous', cursive;margin: auto; padding: 15px; color: #333;
}
#logo span {
font-size: 13px; color: #555; border-right: 5px solid #fff; padding-right: 5px; border-radius: 10px;
}

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=Righteous' rel='stylesheet' type='text/css'>
<title></title>
</head>
<body>
<div id="logo">Lightblue<span>v1</span></div>
<div id="header">
<div id="ustmenu">
<ul>
<li><a href="#">Anasayfa</a></li>
<li><a href="#">İletişim</a></li>
<li><a href="#">Ziyaretçi defteri</a></li>
<li><a href="#">Hakkımızda</a></li>
<li><a href="#">Forum</a></li>
</ul>
</div>
</div>
<div id="slidersekli">
<div id="slidermenusu">
<ul>
<li><a href="#">Ürünler</a></li>
<li><a href="#">Referanslar</a></li>
<li><a href="#">Teknoloji</a></li>
<li><a href="#">Blogger</a></li>
<li><a href="#">Haberler</a></li>
</ul>
</div>
</div>
<div id="icerik">
<div id="content">

Tasarımın altına gelicek

</ </div>
</div>
<div id="kaynak">
Tüm hakları saklıdır. Tasarım ve kodlama: <a href="http://www.teknoanaliz.tr.gg">TeknoAnaliz</a> & <a href="http://www.dentasarim.tr.gg">Dentasarım</a>
</div>
</body>
</html>

Anasayfa kodu

<div id="baslik">Buraya başlık getir</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum sem ipsum. Vestibulum euismod ipsum mollis purus porttitor consequat. Donec vitae vehicula sem. Nullam pulvinar consectetur rhoncus. Praesent venenatis, nibh non consequat viverra, erat purus gravida turpis, et pellentesque erat libero id leo. Donec eu faucibus ipsum, nec porta nunc. Fusce ac dolor ut libero cursus mattis ut et dui. Donec pulvinar lacinia metus, at fermentum neque.</p>

<p>Fusce sit amet urna sit amet massa pharetra varius vel sed lacus. Nam ultrices venenatis elementum. Duis orci massa, molestie et nisi vitae, faucibus eleifend erat. Maecenas faucibus, eros sit amet egestas volutpat, urna ante tempus metus, eu varius leo quam sed quam. Integer viverra urna vel dui gravida tempor. Donec ac elementum diam, auctor euismod nulla. Sed pulvinar quam non sapien laoreet, vel laoreet turpis condimentum. Quisque id pulvinar arcu, in pharetra ipsum. Duis in commodo mi. Integer eu tristique est. Suspendisse maximus ac lectus eu sollicitudin. Cras dapibus cursus tincidunt. Integer sed nisi eu risus ornare euismod at eu quam. Donec ornare ligula et turpis venenatis, faucibus sodales arcu efficitur.</p>
<img src="http://www.kulturportali.gov.tr/photo/content/60eec879-a932-4785-a85e-bc878bdf657f/980x300" alt="" />
<div id="baslik">Buraya başlık getir</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum sem ipsum. Vestibulum euismod ipsum mollis purus porttitor consequat. Donec vitae vehicula sem. Nullam pulvinar consectetur rhoncus. Praesent venenatis, nibh non consequat viverra, erat purus gravida turpis, et pellentesque erat libero id leo. Donec eu faucibus ipsum, nec porta nunc. Fusce ac dolor ut libero cursus mattis ut et dui. Donec pulvinar lacinia metus, at fermentum neque.</p>

<p>Fusce sit amet urna sit amet massa pharetra varius vel sed lacus. Nam ultrices venenatis elementum. Duis orci massa, molestie et nisi vitae, faucibus eleifend erat. Maecenas faucibus, eros sit amet egestas volutpat, urna ante tempus metus, eu varius leo quam sed quam. Integer viverra urna vel dui gravida tempor. Donec ac elementum diam, auctor euismod nulla. Sed pulvinar quam non sapien laoreet, vel laoreet turpis condimentum. Quisque id pulvinar arcu, in pharetra ipsum. Duis in commodo mi. Integer eu tristique est. Suspendisse maximus ac lectus eu sollicitudin. Cras dapibus cursus tincidunt. Integer sed nisi eu risus ornare euismod at eu quam. Donec ornare ligula et turpis venenatis, faucibus sodales arcu efficitur.</p>
<img src="https://ppcv.files.wordpress.com/2013/06/home-hd-mountainbikers.jpg" alt="" />
<div id="baslik">Buraya başlık getir</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum sem ipsum. Vestibulum euismod ipsum mollis purus porttitor consequat. Donec vitae vehicula sem. Nullam pulvinar consectetur rhoncus. Praesent venenatis, nibh non consequat viverra, erat purus gravida turpis, et pellentesque erat libero id leo. Donec eu faucibus ipsum, nec porta nunc. Fusce ac dolor ut libero cursus mattis ut et dui. Donec pulvinar lacinia metus, at fermentum neque.</p>

<p>Fusce sit amet urna sit amet massa pharetra varius vel sed lacus. Nam ultrices venenatis elementum. Duis orci massa, molestie et nisi vitae, faucibus eleifend erat. Maecenas faucibus, eros sit amet egestas volutpat, urna ante tempus metus, eu varius leo quam sed quam. Integer viverra urna vel dui gravida tempor. Donec ac elementum diam, auctor euismod nulla. Sed pulvinar quam non sapien laoreet, vel laoreet turpis condimentum. Quisque id pulvinar arcu, in pharetra ipsum. Duis in commodo mi. Integer eu tristique est. Suspendisse maximus ac lectus eu sollicitudin. Cras dapibus cursus tincidunt. Integer sed nisi eu risus ornare euismod at eu quam. Donec ornare ligula et turpis venenatis, faucibus sodales arcu efficitur.</p>
<img src="http://www.kulturportali.gov.tr/photo/content/1cc15d59-d3d1-4406-86b1-fbfc8bb2e819/980x300" alt="" />
<div id="baslik">Buraya başlık getir</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum sem ipsum. Vestibulum euismod ipsum mollis purus porttitor consequat. Donec vitae vehicula sem. Nullam pulvinar consectetur rhoncus. Praesent venenatis, nibh non consequat viverra, erat purus gravida turpis, et pellentesque erat libero id leo. Donec eu faucibus ipsum, nec porta nunc. Fusce ac dolor ut libero cursus mattis ut et dui. Donec pulvinar lacinia metus, at fermentum neque.</p>

<p>Fusce sit amet urna sit amet massa pharetra varius vel sed lacus. Nam ultrices venenatis elementum. Duis orci massa, molestie et nisi vitae, faucibus eleifend erat. Maecenas faucibus, eros sit amet egestas volutpat, urna ante tempus metus, eu varius leo quam sed quam. Integer viverra urna vel dui gravida tempor. Donec ac elementum diam, auctor euismod nulla. Sed pulvinar quam non sapien laoreet, vel laoreet turpis condimentum. Quisque id pulvinar arcu, in pharetra ipsum. Duis in commodo mi. Integer eu tristique est. Suspendisse maximus ac lectus eu sollicitudin. Cras dapibus cursus tincidunt. Integer sed nisi eu risus ornare euismod at eu quam. Donec ornare ligula et turpis venenatis, faucibus sodales arcu efficitur.</p>
<img src="https://ppcv.files.wordpress.com/2013/06/home-hd-mountainbikers.jpg" alt="" />

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

Tasarım hakkında bilgi

Tasarım tamamen Dentasarım, TeknoAnaliz ve Dentasarım 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.