tasarimkurdu
teknohit
Ana Sayfa
İletişim
Yeni sayfanın başlığı
dnm
dnm
Tasarımın üzerindeki yazı:
<style type="text/css"> table {margin-left: auto;margin-right: auto} </style> <div id="header"> <h1>Tasarimkurdu<br /> <span class="text1">Tasarımın Kalbi</span></h1> </div> <div id="menu"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Products</a></li> <li><a href="#">Services</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Contact Us</a></li> </ul> </div> <div id="content"> <div id="left"> <h2>Welcome to Sitename.com!</h2>
Tasarımın altındaki yazı:
</div> <div id="right"> <h2>Recent Updates</h2> <p><strong>[06/09/2006]</strong> Etiam odio mi, suscipit et, rhoncus ac, lacinia, nisl. Aliquam gravida massa eu arcu. <a href="#">More…</a></p> <p><strong>[06/06/2006]</strong> Fusce mollis tristique sem. Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur malesuada. <a href="#">More…</a></p> <p><strong>[06/03/2006]</strong> Nunc pellentesque. Sed vestibulum blandit nisl. Quisque elementum convallis purus. Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in. <a href="#">More…</a></p> <h2>Ipsum Dolorem</h2> <ul> <li><a href="#">Sagittis Bibendum Erat</a></li> <li><a href="#">Malesuada Turpis</a></li> <li><a href="#">Quis Gravida Massa</a></li> <li><a href="#">Inerat Viverra Ornare</a></li> </ul> </div> </div> <div id="footer"> <p>Copyright © 2010 Sitename.com. Designed by <a href="http://www.tasarimkurdu.tr.gg" class="link1">TasarimKurdu</a></p> </div>
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;} /** BASIC */ body { margin: 0px; padding: 0px; background: #73C5E5 url(https://img.webme.com/pic/t/teknohit/img01.gif) repeat-y center top; text-align: justify; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #444444; } h1 { font-family: Arial, Helvetica, sans-serif; color: #60B7DE; text-transform: lowercase; font-weight: bold; } h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; color: #60B7DE; text-transform: uppercase; font-weight: bold; } a { font-weight: bold; color: #4773C1; } h2 { font-size: 18px; } a:hover { text-decoration: none; color: #73C5E5; } .img1 { float: left; margin: 4px 15px 0px 0px; border: 5px solid #ABDCEF; } .text1 { font-size: 14px; } /** HEADER */ #header { width: 770px; margin: 0px auto; background: #FFFBFD url(https://img.webme.com/pic/t/teknohit/img02.gif) repeat-x left top; padding: 0px; } #header h1 { margin: 0px; padding: 20px; } #header h2 { margin: 0px; font-size: 14px; } /** MENU */ #menu { width: 770px; margin: 0px auto; padding: 5px 0px 6px 0px; background-color: #60B7DE; } #menu ul { margin: 0px; padding: 0px; list-style: none; } #menu li { display: inline; } #menu a { padding: 5px 15px; text-transform: uppercase; text-decoration: none; font-size: 11px; font-weight: bold; color: #FFFFFF; } #menu a:hover { background-color: #73C5E5; } /** CONTENT */ #content { width: 770px; margin: 0px auto; padding: 20px 0px 0px 0px; } #content h2, #content h3, #content h4, #content h5, #content h6 { font-weight: normal; } #content p, #content ul, #content ol { line-height: 140%; } #left { float: left; width: 480px; padding: 0px 20px 40px 20px; } #right { float: right; width: 210px; padding: 0px 20px 40px 20px; } #colA { float: left; width: 230px; padding: 0px 20px 0px 0px; } #colB { float: right; width: 230px; padding: 0px 0px 0px 0px; } /** FOOTER */ #footer { clear: both; width: 770px; margin: 0px auto; border-top: 5px solid #60B7DE; } #footer p { margin: 0px; padding: 20px 10px 0px 125px; color: #4773C1; } #border-top { border-top: 5px solid #60B7DE; }
Belenmedia 2010
Bu web sitesi
Bedava-Sitem.com
ile ücretsiz oluşturuldu. Siz de kendi web sitenizi ister misiniz?
Ücretsiz kayıt ol
