Dentasarım
Ana Sayfa
İletişim
Ziyaretçi Defteri
Den Tasarımları
Belenmedia Tasarımları
Creative Blog Tasarımları
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
bscsskodlari
Ana Sayfa
iletisim
Ziyaretci Defteri
Den Tasarimlari
Denforum teması v1
Ropörtaj tema v1
Vectiro tema v1
SS Tema v1 ( YENİ )
Belenmedia Tasarimlari
Creativeblog Tasarimlari
Ropörtaj tema v1
TEMANIN GÖRÜNTÜSÜNÜ GÖRMEK İSTİYORSANIZ TIKLAYINIZ >
DEMO GÖRÜNTÜSÜ
TASARIM ÜSTÜ :
<body> <div id="logo"></div> <div id="ustmenu"> <ul> <li><a href="#" _fcksavedurl="#" class="selected">ANASAYFA</a></li> <li><a href="#" _fcksavedurl="#">İLETİŞİM</a></li> <li><a href="#" _fcksavedurl="#">HAKKIMIZDA</a></li> <li><a href="#" _fcksavedurl="#">ROPÖRTAJLAR</a></li> <li><a href="#" _fcksavedurl="#">ZİYARETÇİ DEFTERİ</a></li> </ul> </div> <div id="resimlidiv"> <div id="resimliyazi">Dentasarım ropörtajına göz atmak istermisiniz? </div> </div> <div id="icerik"> <div id="content">
TASARIM ALTI :
</div> </div> <div id="copright">Tüm hakları saklıdır. Tasarım ve kodlama: <a href="http://www.dentasarim.tr.gg/" _fcksavedurl="http://www.dentasarim.tr.gg/">DENTASARIM</a> </div></body>
CSS KODU :
body { background: #f1f1f1; margin: 0px; padding: 0px; font-family: Arial; } #ustmenu { width: 950px; height: 50px; margin-left: auto; margin-right: auto; margin-top: 5px; background: #333; border-radius: 20px 20px 0 0; border-bottom: 2px solid #ffcc00; } #ustmenu ul { list-style-type: none; margin: 0px; padding: 0px; } #ustmenu ul li a { width: 190px; height: 50px; display: block; float: left; text-align: center; line-height: 50px; text-decoration: none; color: #f1f1f1; font-size: 11px; font-family: Arial; transition: 0.4s; } #ustmenu ul li a.selected { height: 40px; margin-top: 10px; line-height: 40px; background: #ffcc00; width: 140px; margin-left: 25px; margin-right: 25px; } #ustmenu ul li a:hover { height: 40px; margin-top: 10px; line-height: 40px; background: #ffcc00; color: #fff; width: 140px; margin-left: 25px; margin-right: 25px; } #resimlidiv { width: 950px; height: 100px; margin-left: auto; margin-right: auto; background: url(https://ununsplash.imgix.net/reserve/unsplash_5288cc8f3571d_1.JPG?q=75&fm=jpg&s=88de4c39bd6f3eb98fef5109b471b7d1); background-size: cover; padding-top: 100px; padding-bottom: 100px; border-bottom: 2px solid #ffcc00; } #resimliyazi { text-align: right; background: black; font-size: 25px; color: white; padding-right: 5px; width: 945px; padding-top: 20px; padding-bottom: 20px; opacity: 0.6; } #icerik { width: 910px; margin-left: auto; margin-right: auto; padding: 20px; background: #fff; height: auto; } #copright { width: 950px; margin: auto; height: 40px; line-height: 40px; text-align:center; background: #333; color: #f8f8f8; } #copright a {text-decoration: none; color: #f1f1f1;}
KAYNAK :
Den Tasarım
Toplam 6230 ziyaretçi kişi burdaydı!
Bu web sitesi ücretsiz olarak
Bedava-Sitem.com
ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol