Hareket-z

Hareket Zamanı

Tasarımın Üstüne:

<div id="wrapper"> <div id="header"> <h1>Hareket Zamanı</h1> </div> <div id="menu"> <ul> <li><a href="#">Link One</a></li> <li><a href="#">Link Two</a></li> <li><a href="#">Link Three</a></li> <li><a href="#">Link Four</a></li> <li><a href="#">Link Five</a></li> </ul> </div> <div id="sidebar"> <div id="feed"> <a class="feed-button" href="#"> </a> </div> <ul> <li><a href="#">Link One</a></li> <li><a href="#">Link Two</a></li> <li><a href="#">Link Three</a></li> <li><a href="#">Link Four</a></li> <li><a href="#">Link Five</a></li> </ul> <div id="sidebar-bottom">   </div> </div> <div id="content"> <div id="ad-top"> <!-- Insert 468x60 banner advertisement --> </div>

Tasarımın Altına:

</div> <div id="footer"> <div id="footer-valid"> <a href="http://validator.w3.org/check/referer">xhtml</a> / <a href="http://www.ginger-ninja.net/">ginger ninja!</a> </div> </div> </div> </body> </html>

Css Kod Bölümüne:

/*############################################################# Adi: Hareket Zamani Tasarimi Tarih: 31.01.2009 Uygulayan: Emre Cinar (Gncemre) URL: http://www.pratikweb.tr.gg #############################################################*/ /* Generic Styling */ 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;} body { background:url(http://www.gncwebtasarim.co.cc/PratikWeb/Tasarimlar/Hareketz/images/bg-body.png) repeat-x top center #E8F7F9; font-family:"Trebuchet MS" Arial, Helvetica, sans-serif; font-size:62.5%; /* Sets default font size to 10px */ color:#222222; } * { margin:0; padding:0; } img { border:0; } p { margin-bottom:1.75em; } a { text-decoration:none; color:#B4C835; } a:hover { text-decoration:none; color:#6CC7DC; } /* Structure */ #wrapper { margin:0 auto; width:700px; background:#ffffff; font-size:1.20em; } #header { height:140px; background:url(http://www.gncwebtasarim.co.cc/PratikWeb/Tasarimlar/Hareketz/images/bg-header.jpg) no-repeat; } #menu { height:35px; line-height:35px; background:url(http://www.gncwebtasarim.co.cc/PratikWeb/Tasarimlar/Hareketz/images/bg-menu.png) repeat-x; padding:0 10px; } #sidebar { float:right; width:180px; background:#efefef; margin-right:10px; } #content { float:left; width:500px; min-height:400px; } #footer { clear:both; height:100px; background:url(http://www.gncwebtasarim.co.cc/PratikWeb/Tasarimlar/Hareketz/images/bg-footer.jpg) no-repeat; } /* Entries */ .entry { padding:5px 10px; text-align:justify; line-height:1.75em; } .entry-title { font-size:1.90em; font-weight:normal; letter-spacing:-1px; } .date { font-size:0.9em; color:#bbb; cursor:default; letter-spacing:1px; } .comments { margin-top:-1em; } .comments a { color:#6CC7DC; background:url(http://www.gncwebtasarim.co.cc/PratikWeb/Tasarimlar/Hareketz/images/icon-comment.png) no-repeat 0px 2px; padding-left:20px; padding-right:2px; } .comments a:hover { color:#B4C835; } /* Menu */ #menu ul { list-style-type:none; } #menu li { float:left; } #menu li a { padding:0 15px; display:block; color:#ffffff; margin-right:2px; } #menu li a:hover { background:url(http://www.gncwebtasarim.co.cc/PratikWeb/Tasarimlar/Hareketz/images/bg-menu-hover.png) no-repeat center center; } /* Sidebar */ #sidebar ul { list-style-type:none; margin-top:10px; } #sidebar li { } #sidebar li a { display:block; height:20px; line-height:20px; color:#222222; padding-left:5px; border-bottom:1px solid #dddddd; } #sidebar li a:hover { background:#edebed; color:#6CC4D8; } #sidebar-bottom { height:20px; background:url(http://www.gncwebtasarim.co.cc/PratikWeb/Tasarimlar/Hareketz/images/bg-sidebar-bottom.gif) no-repeat top center; } /* Footer */ #footer-valid { float:left; padding-top:55px; padding-left:20px; cursor:default; color:#ffffff; } #footer-valid a { color:#ffffff; text-decoration:none; } #footer-valid a:hover { color:#ffffff; text-decoration:underline; } /* Heading's */ h1 { font-size:2.5em; font-weight:normal; cursor:default; position:relative; top:50px; left:30px; letter-spacing:1px; color:#aaaaaa; font-style:italic; } /* Feed */ #feed { height:25px; width:126px; background:url(http://www.gncwebtasarim.co.cc/PratikWeb/Tasarimlar/Hareketz/images/bg-feed.gif) no-repeat; margin:0 auto; padding-left:26px; } a.feed-button { display:block; width:100px; height:25px; background:url("http://www.gncwebtasarim.co.cc/PratikWeb/Tasarimlar/Hareketz/images/button-feed.png") 0 0 no-repeat; text-decoration: none; } a:hover.feed-button { background-position:0 -25px; } /* Extra's */ #ad-top { width:480px; height:72px; background:url(http://www.gncwebtasarim.co.cc/PratikWeb/Tasarimlar/Hareketz/images/bg-ad-top.png) no-repeat; padding:5px; }

Güle Güle Kullanın