bscsskodlari

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