Web Tasarım
burdasınız: Tasarım 2
»
Bu sitemizi
ziyaretiniz çok teşekkürler
Ana Sayfa
Hakkımızda
İletişim
Kodlarımızı Önizle
Top Liste
Özel Forum
Web Tasarımcısı
Kategoriler
Ana Sayfa
İletişim
Hakkımızda
Sitemize Reklam Ver
Sitemizdeki Kodları Önizle
Top liste
Özel Forum
Web Tasarım Kodları
Sağ Tık Engeli Kodu
Online Html Kod Önizleyici
Kayan Yazı Kodu
Sitene Bayraklı Çeviri Kodu Ekle
Sayfa Yükleniyor Kodu
Yukarı Çık Çapası Kodları
Ziyaretçi Sayacı Ekle
404 Error Sayfası
Üste Katalog Ekle (bu sitenin üstündeki şey gibi)
Üste Katalog Ekle 2
Siteye Girenleri Karşılama Kodu
Kıvrık Reklam Alanı Kodu
Hangi Gün Doğdun Kodu
Buton Şeklinde Saat
Sosyal Ağlarda Biz Kodu
Yuvarlanan Duyuru Panosu
Aşağı İndikçe Açılan Uyarı Kutusu
Üstüne Gelince Açılan Uyarı Kodu
Facebook Temalı Duyuru Panosu Kodu
Sitene Sohbet Köşesi Ekle
Bunu Beğen Kodu
Perdeli Açılış Efekti Kodu
CSS Tasarımlar
Tasarımını Yolla
Tasarım 1
Tasarım 2
Tasarım 3
Tasarım 4
Tasarım 2
eğer birazda olsa emege saygın varsa alttaki tasarım sahibi yıldızteknoiz yazısını silme
CSS Bölümü
/*YILDIZTEKNOİZ 2014 http://yildizteknoiz.tr.gg*/ /*STYLE BAŞLANGICI*/ html, body { height: 100%; } body { margin: 0px; padding: 0px; background: #181818; font-family: 'Didact Gothic', sans-serif; font-size: 12pt; font-weight: 200; color: #FFF; } h1, h2, h3 { margin: 0; padding: 0; } p, ol, ul { margin-top: 0; } ol, ul { padding: 0; list-style: none; } p { line-height: 180%; } strong { } a { color: #ee0000; } a:hover { text-decoration: none; } .container { overflow: hidden; margin: 0em auto; width: 1200px; } /*********************************************************************************/ /* */ /*********************************************************************************/ .image { display: inline-block; } .image img { display: block; width: 100%; } .image-full { display: block; width: 100%; margin: 0 0 2em 0; } .image-left { float: left; margin: 0 2em 2em 0; } .image-centered { display: block; margin: 0 0 2em 0; } .image-centered img { margin: 0 auto; width: auto; } /*********************************************************************************/ /* */ /*********************************************************************************/ ul.style1 { } ul.actions { } ul.actions li { display: inline-block; padding: 0em 0.50em; } /*********************************************************************************/ /* */ /*********************************************************************************/ ul.contact { margin: 0; padding: 2em 0em 0em 0em; list-style: none; } ul.contact li { display: inline-block; padding: 0em 0.30em; font-size: 1em; } ul.contact li span { display: none; margin: 0; padding: 0; } ul.contact li a { color: #FFF; } ul.contact li a:before { display: inline-block; background: #3f3f3f; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; text-align: center; color: #FFFFFF; } ul.contact li a.icon-twitter:before { background: #2DAAE4; } ul.contact li a.icon-facebook:before { background: #39599F; } ul.contact li a.icon-dribbble:before { background: #C4376B; } ul.contact li a.icon-tumblr:before { background: #31516A; } ul.contact li a.icon-rss:before { background: #F2600B; } /*********************************************************************************/ /* */ /*********************************************************************************/ .button { display: inline-block; padding: 1em 2em 1em 2em; letter-spacing: 0.10em; margin-top: 2em; padding: 1.40em 3em; background: #2651a8; border-radius: 6px; text-decoration: none; font-weight: 700; font-size: 1em; color: #FFF; } .button-alt { padding: 1em 2em; border-color: rgba(0,0,0,.8); color: #FFF; } /*********************************************************************************/ /* */ /*********************************************************************************/ .box1, .box2, .box3, .box4 { width: 235px; } .box1, .box2, .box3, { float: left; margin-right: 20px; } .box4 { float: right; } /*********************************************************************************/ /* */ /*********************************************************************************/ .boxA, .boxB, .boxC { width: 384px; } .boxA, .boxB { float: left; margin-right: 20px; } .boxC { float: right; } /*********************************************************************************/ /* */ /*********************************************************************************/ .tbox1, .tbox2 { width: 575px; } .tbox1 { float: left; } .tbox2 { float: right; } /*********************************************************************************/ /* */ /*********************************************************************************/ .title { margin-bottom: 3em; } .title h2 { font-size: 2.7em; } .title .byline { font-size: 1.3em; color: rgba(255,255,255,0.60); } /*********************************************************************************/ /* */ /*********************************************************************************/ #wrapper { position: relative; padding: 5em 0em 7em 0em; background: #C1C1C1; } /*********************************************************************************/ /* */ /*********************************************************************************/ #header-wrapper { position: relative; padding: 5em 0em 7em 0em; background: black no-repeat center; background-size: cover; } #header { position: relative; padding: 5em 0em; } /*********************************************************************************/ /* */ /*********************************************************************************/ #logo { position: absolute; top: 3.6em; left: 0; } #logo h1 { font-size: 2.6em; color: #79C255; } #logo a { text-decoration: none; color: rgba(255,255,255,1); } /*********************************************************************************/ /* */ /*********************************************************************************/ #menu { position: absolute; top: 4.5em; right: 0; } #menu ul { display: inline-block; } #menu li { display: block; float: left; text-align: center; } #menu li a, #menu li span { padding: 1em 1.5em; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; font-size: 0.8em; color: rgba(255,255,255,0.80); } #menu li:hover a, #menu li.active a, #menu li.active span { } #menu .active a { background: #2651a8; border-radius: 6px; color: rgba(255,255,255,1); } #menu .icon { } /*********************************************************************************/ /* */ /*********************************************************************************/ #banner { padding-top: 10em; text-align: center; } #banner .title h2 { font-size: 4em; } #banner .title .byline { font-size: 2em; } #banner .button { margin-top: 2em; padding: 1.40em 3em; border-radius: 6px; font-weight: 700; font-size: 1em; } .banner { margin-bottom: 5em; } /*********************************************************************************/ /* */ /*********************************************************************************/ #page { } /*********************************************************************************/ /* */ /*********************************************************************************/ #content { } /*********************************************************************************/ /* */ /*********************************************************************************/ #sidebar { } /*********************************************************************************/ /* */ /*********************************************************************************/ #footer { } /*********************************************************************************/ /* */ /*********************************************************************************/ #copyright { overflow: hidden; padding: 5em 0em; border-top: 1px solid rgba(0,0,0,0.08); } #copyright p { text-align: center; font-size: 1em; color: rgba(255,255,255,0.3); } #copyright a { text-decoration: none; color: rgba(255,255,255,0.6); } /*********************************************************************************/ /* */ /*********************************************************************************/ #welcome { position: relative; padding: 7em 0em 7em 0em; background: green; background-size: cover; text-align: center; } #welcome .container { width: 1000px; padding: 0px 100px; color: rgba(255,255,255,0.8); } #welcome a { color: rgba(255,255,255,1); } #welcome .button { background: #FFF; color: #2651a8; } /*********************************************************************************/ /* */ /*********************************************************************************/ #three-column { text-align: center; color: rgba(0,0,0,0.6); } #three-column .fa { display: block; padding: 1em 0em; color: rgba(0,0,0,1); font-size: 2em; } #three-column .title h2 { font-weight: bold; color: rgba(0,0,0,0.8); } #three-column .title .byline { text-align: center; color: rgba(0,0,0,.5); } /*YILDIZTEKNOİZ 2014 http://yildizteknoiz.tr.gg*/ /*STYLE SONU*/
Tasarımın Üstü
</head> <body> <div id="header-wrapper"> <div id="header" class="container"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">SİTEİSMİ</a></h1> </div> <div id="menu"> <ul> <li class="active"><a href="#" _fcksavedurl="#" accesskey="1" title="">ANA SAYFA</a></li> <li><a href="#" _fcksavedurl="#" accesskey="2" title="">MENU</a></li> <li><a href="#" _fcksavedurl="#" accesskey="3" title="">MENU</a></li> <li><a href="#" _fcksavedurl="#" accesskey="4" title="">MENU</a></li> <li><a href="#" _fcksavedurl="#" accesskey="5" title="">MENU</a></li> </ul> </div> </div> <div id="banner" class="container"> <div class="title"> <h2>AÇIKLAMA BAŞLIĞI</h2> <span class="byline">AÇIKLAMA</span> </div> <ul class="actions"> <li><a href="#" _fcksavedurl="#" class="button">DEVAMINI OKU</a></li> </ul> </div> </div> <div id="wrapper"> <div id="three-column" class="container"> <div class="title"> <h2>PAYLAŞIMLARIN GENEL BAŞLIĞI</h2> <span class="byline">GENEL BAŞLIK AÇIKLAMASI</span> </div> <div class="boxA"> <p>ziyaretçiye özel ilk yazılar buraya</p> <a href="#" _fcksavedurl="#" class="button button-alt">Devamını Gör</a> </div> <div class="boxB"> <p>ziyaretçiye özel ilk yazılar buraya</p> <a href="#" _fcksavedurl="#" class="button button-alt">Devamını Gör</a> </div> <div class="boxC"> <p>ziyaretçiye özel ilk yazılar buraya</p> <a href="#" _fcksavedurl="#" class="button button-alt">Devamını Gör</a> </div> </div> </div> <div id="welcome"> <div class="container"> <div class="title"> <h2>YAZI YERİ BAŞLIĞI </h2>
Tasarımın Altı
</div> <ul class="actions"> <li><a href="#" _fcksavedurl="#" class="button">Devamını Gör</a></li> </ul> </div> </div> <div id="copyright" class="container"> <p>Copyright (c) 2014 Tüm Hakları Saklıdır SİTEİSİMİ | Tasarım Sahibi <a href="http://yildizteknoiz.tr.gg" _fcksavedurl="http://yildizteknoiz.tr.gg">YıldızTeknoiz</a></p> </div> </body> </html>
Sende Bir Tasarım Yollamak İstiyorsan Buraya Tıkla
Sponsorlu
Buraya Reklam Vermek İçin Tıklayın
Soru Ve Görüşleriniz
Burdasınız: Tasarım 2
Ücretsiz Online Sayaç Servisi
»
Bu sitemizi
ziyaretiniz çok teşekkürler
Bu web sitesi ücretsiz olarak
Bedava-Sitem.com
ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol