Den-Tekno 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:

Ü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=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>

</head>
<body>
<div id="header">
<div id="logo"><b>TEKNODEN*</b></div>
<div id="sosyal">
<a href="#"><img src="http://img.webme.com/pic/t/teknoanaliz/facebookv1.png" alt="" /></a>
<a href="#"><img src="http://www.kralmuzik.com.tr/Content/i/icon-twitter.png" alt="" /></a>
<a href="#"><img src="http://www.gezginler.net/mobil/resimler/12776/ikon2_instagram-beta-ikon.png" alt="" /></a>
<a href="#"><img src="https://pbs.twimg.com/profile_images/485947845308993537/elFCA2UC_normal.png" alt="" /></a>
<a href="#"><img src="https://pbs.twimg.com/profile_images/506843350842871808/AYI91hvL_normal.png" alt="" /></a>
<a href="#"><img src="https://lh3.googleusercontent.com/-4QDxins1Vgw/AAAAAAAAAAI/AAAAAAAAoM8/H6n3Yzjhu0g/s46-c-k-no/photo.jpg" alt="" /></a>
</div>
</div>
<div id="menu">
<ul>
<li><a href="#">ANASAYFA</a></li>
<li><a href="#">HAKKIMIZDA</a></li>
<li><a href="#">ILETISIM</a></li>
<li><a href="#">MARKET</a></li>
<li><a href="#">DERSLER</a></li>
<li><a href="#">REKLAM VER</a></li>
<li><a href="#">ZIYARETCI DEFTERI</a></li>
</ul>
</div>
<div id="icerik">
<div id="content">

Tasarımın altındaki yazı:

</div>
</div>
<div id="footer">Tüm haklarımız saklıdır. Copright © 2015      Tasarım ve kodlama: <a href="http://www.teknoanaliz.tr.gg">TeknoAnaliz</a> and <a href="http://www.dentasarim.tr.gg">Dentasarım</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 {
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 {margin: 0px; padding: 0px; background-image: url(http://thewallery.com/wp-content/uploads/2013/07/Muxxi-MURAL-web-pattern-The-Wallery1.jpg); font-family: 'Yanone Kaffeesatz', sans-serif;}
#header {width: 950px; height: 100px; background: #f2f2f2;margin: auto; opacity: 0.9;}
#logo {width: 250px; line-height: 100px;float: left; text-align: center;}
#logo b {font-size: 50px;}
#sosyal {width: 200px; height: 100px; float: right; line-height: 113px;}
#sosyal a img {width: 25px; height: 25px; transition: 0.3s;}
#sosyal a img:hover { transform: matrix(1, -0.3, 0, 1, 0, 0);}
#menu {width: 950px; height: 40px; line-height: 40px; background: #ccc; margin: auto;}
#menu ul {list-style: none;margin: 0px;padding:0px;}
#menu ul li a {display: block; float: left; color: #333; text-decoration: none; padding-left: 15px; padding-right: 15px; transition: 0.3s;}
#menu ul li a:hover {background: #fff;}
#icerik {width: 930px; padding: 10px; margin: auto; background: #fff;}
#footer {width: 930px; background: #ccc;padding: 10px; margin: auto; height: 25px; line-height: 25px;}
#footer a {padding: 4px; color: #fff; text-decoration: none; background: #333;}

Ana sayfaya eklenecek kod:

<img src="http://dallara.com.au/wordpress/wp-content/uploads/2015/04/memories_hd1.jpg" alt="" /><br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non tellus augue. Sed id ipsum sapien. Cras et efficitur mi, sit amet tempor mauris. Vestibulum ornare eget arcu et scelerisque. Ut convallis pellentesque dui vitae ultrices. Mauris cursus tincidunt enim sit amet vestibulum. Nunc sit amet tortor nulla. Phasellus egestas odio in velit facilisis viverra.<br><br>

Phasellus eu ante dignissim nulla gravida scelerisque id vel nulla. Mauris est odio, condimentum malesuada aliquet convallis, posuere ut lacus. Cras in elit viverra, aliquet ipsum non, aliquet lacus. Etiam fringilla efficitur metus ut interdum. Nam venenatis massa id purus ultrices, in posuere sapien dignissim. Donec interdum eget diam vitae rutrum. Suspendisse quis lorem pulvinar, fringilla tortor eget, varius quam. Integer a leo fringilla erat lacinia tristique. Aliquam facilisis facilisis tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
<br><br>
<img src="http://www.surelight.com/images/Main_site/slide_show_home/LED_Street_lighting1.jpg" alt="" />
Proin molestie lorem sed tortor euismod, ac tincidunt magna tristique. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer lobortis mollis vulputate. In consectetur elit id fringilla rhoncus. Duis dolor eros, venenatis ut dignissim non, iaculis et mi. Etiam fermentum tellus sem, eu dapibus eros ultrices eget. Praesent dolor augue, fermentum vitae dignissim eu, efficitur ullamcorper arcu. Quisque vestibulum dolor ut suscipit posuere. Phasellus tellus nulla, tincidunt eu massa in, ultricies vehicula orci. Nunc pellentesque lectus vitae ligula fermentum lacinia. Suspendisse risus urna, faucibus in diam nec, mollis luctus turpis.<br><br>

Den-Tekno V1

Benzer Tasarımlar:

Yorum Gönder

Kategoriler

En Popüler Tasarımlar

Son Yorumlar