Photoshop Ustası - photoshop'un Ustası - Css Tasarımlar (Sayfa 3)

Css Tasarımlar (Sayfa 3)

SOCCER TEMASI

TASARIM ÜSTÜ
<table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td style="" class="l-bg"> </td> <td style="" class="l-shadow-bg" valign="top" width="1"><img src="https://img.webme.com/pic/c/css-template/l-shad-bg.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/l-shad-bg.gif" width="21" height="3"></td> <td valign="top" width="750" bgcolor="#295718" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img style="" src="https://img.webme.com/pic/c/css-template/t1.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/t1.gif" alt="" width="8" height="148"></td> <td width="1"><div style="position: absolute; top: 50px; margin-left: 193px; width: 300px;"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td style="" class="c_name">Soccer website</td> </tr> <tr> <td height="1"><img src="https://img.webme.com/pic/c/css-template/c-name-sep.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-template/c-name-sep.jpg" width="286" height="1"></td> </tr> </tbody></table> </div> <img style="" src="https://img.webme.com/pic/c/css-template/t2.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-template/t2.jpg" width="734" height="148"></td> <td width="1"><img style="" src="https://img.webme.com/pic/c/css-template/t3.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/t3.gif" width="8" height="148"></td> </tr> </tbody></table></td> </tr> <tr> <td valign="top" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td valign="top" width="1" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td height="1"><img style="" src="https://img.webme.com/pic/c/css-template/l1.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-template/l1.jpg" width="180" height="62"></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-1.jpg" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="26"></td> <td style="" class="menu"><a style="" href="#" _fcksavedurl="#" class="menu_lnk">Home</a></td> </tr> </tbody></table></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-2.jpg" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="24"></td> <td style="" class="menu"><a style="" href="#" _fcksavedurl="#" class="menu_lnk">About Us</a></td> </tr> </tbody></table></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-3.jpg" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="24"></td> <td style="" class="menu"><a href="#" _fcksavedurl="#" class="menu_lnk">Our Clients</a></td> </tr> </tbody></table></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-4.jpg" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="24"></td> <td style="" class="menu"><a href="#" _fcksavedurl="#" class="menu_lnk">Testimonials</a></td> </tr> </tbody></table></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-5-m.gif" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="24"></td> <td style="" class="menu"><a href="#" _fcksavedurl="#" class="menu_lnk">Price List</a></td> </tr> </tbody></table></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-last.gif" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="25"></td> <td style="" class="menu"><a style="" href="#" _fcksavedurl="#" class="menu_lnk">Contact Details</a></td> </tr> </tbody></table></td> </tr> <tr> <td style="" height="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="10"></td> </tr> <tr> <td height="1"><img style="" src="https://img.webme.com/pic/c/css-template/l2.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-template/l2.jpg" width="180" height="7"></td> </tr> <tr> <td style="" class="l-content" height="100%">The modern game was codified in England following the formation of the Football Association, whose 1863 Laws of the Game created the foundations for the way the sport is played today. Football is governed internationally by Fédération Internationale de Football Association (FIFA).</td> </tr> </tbody></table></td> <td valign="top" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td valign="top" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td style="" width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="4" height="1"></td> <td style="" class="bgx" valign="top" width="1" background="https://img.webme.com/pic/c/css-template/c-2-bg.gif" bgcolor="#244d15"><img src="https://img.webme.com/pic/c/css-template/c-2-1.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/c-2-1.gif" width="6" height="7"></td> <td class="bgx" valign="top" width="100" background="https://img.webme.com/pic/c/css-template/c-3-5-bg.gif" bgcolor="#2a521c"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td style="" class="c-3-1-bg" height="1">HackeR FrienD.Net</td> </tr> <tr> <td><img style="" src="https://img.webme.com/pic/c/css-template/title-sep.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/title-sep.gif" alt="" width="270" height="1"></td> </tr> <tr> <td style="" class="body_txt" height="100%"> <p style="">

TASARIM ALTI
</p> <p style=""><em style="">From Wikipedia, the free encyclopedia</em></p> <div style="border: 1px solid rgb(255, 224, 142); padding: 4px 6px 2px;">This free web template was downloaded from <a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/" _fcksavedurl="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/" target="_blank">AnVisionWebTemplates.com</a>.<br> Please visit <a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/" _fcksavedurl="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/" target="_blank">www.anvisionwebtemplates.com</a> to see the entire collection: <ol> <li style=""><a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/" _fcksavedurl="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/">Download free templates</a> - view categories.</li> <li style=""><a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/topsites/" _fcksavedurl="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/topsites/">Template topsites</a>.</li> <li style=""><a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/newsletter.html" _fcksavedurl="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/newsletter.html">Templates newsletter</a> - recieve collection updates by email.</li> </ol> </div></td> </tr> </tbody></table></td> <td style="" class="bgx" valign="top" width="1" background="https://img.webme.com/pic/c/css-template/c-2-bg.gif" bgcolor="#244d15"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="4" height="1"></td> <td class="bgx" valign="top" background="https://img.webme.com/pic/c/css-template/c-3-5-bg.gif" bgcolor="#2c521d"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td style="" class="c-5-1" align="center">Site Haberleri</td> </tr> <tr> <td style="" class="body_txt" height="100%"><p style="">The modern game was codified in England following the formation of the Football Association, whose 1863 Laws of the Game created the foundations for the way the sport is played today. Football is governed internationally by Fédération Internationale de Football Association (FIFA). <img style="" src="https://img.webme.com/pic/c/css-template/content-pic-2.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-template/content-pic-2.jpg" class="float-left" width="132" height="90">The most prestigious international football competition is the World Cup, held every four years. This event, the most widely viewed and famous in the world, boasts twice the audience of the Summer Olympics.</p></td> </tr> </tbody></table></td> <td class="bgx" valign="top" width="1" background="https://img.webme.com/pic/c/css-template/c-2-bg.gif" bgcolor="#244d15"><img src="https://img.webme.com/pic/c/css-template/c-6-1.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/c-6-1.gif" width="5" height="10"></td> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="11" height="1"></td> </tr> </tbody></table></td> </tr> <tr> <td height="1"><img src="https://img.webme.com/pic/c/css-template/c-bot.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/c-bot.gif" alt="" width="570" height="12"></td> </tr> </tbody></table></td> </tr> </tbody></table></td> </tr> <tr> <td bgcolor="#2a5718"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/b1.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/b1.gif" alt="" width="16" height="53"></td> <td class="bottom_addr" width="150">© 2006 Company Name<br> All Rights Reserved</td> <td class="bottom-menu" width="555"><a href="#" _fcksavedurl="#" class="bottom-menu-lnk">Home Page</a> | <a href="#" _fcksavedurl="#" class="bottom-menu-lnk">About Us</a> | <a href="#" _fcksavedurl="#" class="bottom-menu-lnk">Our Clients</a> | <a href="#" _fcksavedurl="#" class="bottom-menu-lnk">Testimonials</a> | <a href="#" _fcksavedurl="#" class="bottom-menu-lnk">Price List</a> | <a href="#" _fcksavedurl="#" class="bottom-menu-lnk">Contact Details</a></td> <td width="1"><img src="https://img.webme.com/pic/c/css-template/b3.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/b3.gif" width="16" height="53"></td> </tr> </tbody></table></td> </tr> </tbody></table></td> <td style="" class="r-shad-bg" valign="top" width="1"><img src="https://img.webme.com/pic/c/css-template/r-shad-bg.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/r-shad-bg.gif" width="21" height="3"> </td> <td style="" class="r-bg"> </td> </tr> </tbody></table>

CSS

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 { margin:0; padding:0; background:#7a7a7a; } p,td {  font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-top:  0px; } a{ color: #ffe08e; text-decoration: underline; } a:hover{ color:  #FFFFFF; text-decoration: none; } .c-3-1-bg { background-image:  url(https://img.webme.com/pic/c/css-template/c-3-1.gif);  background-repeat: no-repeat; background-position: left top;  text-transform: uppercase; text-align: center; vertical-align: middle;  color: #ffe08e; font-size: 14px; font-weight: bold; padding-top: 2px;  padding-bottom: 6px; } a.hidden { text-decoration: none; color: #000000;  cursor:default; } form { margin:0; padding:0; } ul { margin-left:20px;  margin-top:0px; padding:1px; list-style-type: square; line-height: 16px;  } h1 { font-size: 14px; font-weight: bold; color: ffe08d; margin: 0px;  padding-top: 1px; padding-bottom: 5px; } .bgy { background-repeat:  repeat-y; } .bottom_addr { font-size: 11px; color: #ffe08e;  padding-right: 10px; padding-left: 10px; background-image:  url(https://img.webme.com/pic/c/css-template/b2-bg.gif);  background-repeat: repeat-x; background-position: top; vertical-align:  middle; text-align: right; } .bottom_addr_lnk { text-decoration: none; }  .bottom_addr_lnk:hover { text-decoration: underline; } .bgx {  background-repeat: repeat-x; background-position: top; } .norepeat {  background-repeat: no-repeat; } .c_name { font-size: 17px; font-weight:  bold; text-transform: uppercase; color: #FFFFFF; } .l-shadow-bg {  background-image:  url(https://img.webme.com/pic/c/css-template/l-shad-bg.gif);  background-position: left top; background-repeat: repeat-y; } .l-bg {  background-image: url(https://img.webme.com/pic/c/css-template/l-bg.gif);  background-position: right top; } .r-bg { background-image:  url(https://img.webme.com/pic/c/css-template/r-bg.gif);  background-position: left top; } .bottom-menu { color: #FFFFFF;  text-align: center; vertical-align: middle; background-image:  url(https://img.webme.com/pic/c/css-template/b2-bg.gif);  background-repeat: repeat-x; background-position: top; }  .bottom-menu-lnk { color: #FFFFFF; text-decoration: none; }  .bottom-menu-lnk:hover { color: #ffe08e; text-decoration: underline; }  .menu { color: #FFFFFF; font-weight: bold; white-space: nowrap;  text-align: right; vertical-align: middle; padding-right: 24px; }  .menu_lnk{ text-decoration: none; color: #FFFFFF; } .menu_lnk:hover {  color: #ffe08e; text-decoration: none; } .r-shad-bg { background-image:  url(https://img.webme.com/pic/c/css-template/r-shad-bg.gif);  background-repeat: repeat-y; background-position: left top; } .body_txt {  color: #FFFFFF; text-align: justify; vertical-align: top; padding-top:  6px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; }  .c-5-1 { background-image:  url(https://img.webme.com/pic/c/css-template/c-5-1-bg.jpg);  background-repeat: no-repeat; background-position: top; font-size: 12px;  color: #EDD385; padding-top: 30px; font-weight: bold; text-transform:  uppercase; text-align: center; vertical-align: top; padding-bottom: 0px;  } .l-content { color: #FFFFFF; text-align: justify; padding-top: 7px;  padding-right: 1px; padding-bottom: 7px; padding-left: 10px;  vertical-align: top; } .float-left { float: left; margin-top: 6px;  margin-right: 2px; margin-bottom: 0px; }

GÜZEL BİR BLOG TEMASI

TASARIM ÜSTÜ
<div id="page">  <div id="header">  <div id="header-info"> <h1><a href="http://test.qualitywordpress.com/" _fcksavedurl="http://test.qualitywordpress.com/">Theme Name</a></h1> <div class="description">Wordpress Theme</div> </div>   <div id="header-menu"> <ul> <li class="page_item page-item-2"><a href="http://test.qualitywordpress.com/?page_id=2" _fcksavedurl="http://test.qualitywordpress.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-5"><a href="http://test.qualitywordpress.com/?page_id=5" _fcksavedurl="http://test.qualitywordpress.com/?page_id=5" title="Archives">Archives</a></li> <li class="page_item page-item-10"><a href="http://test.qualitywordpress.com/?page_id=10" _fcksavedurl="http://test.qualitywordpress.com/?page_id=10" title="Links">Links</a></li> </ul> </div>   <div id="header-search"> <form method="get" id="search-form" action="http://test.qualitywordpress.com/"> <input value="" name="s" id="sb" type="text"> <input id="searchsubmitb" value="" type="submit"> </form> </div>   <div id="header-feed"> <a href="http://test.qualitywordpress.com/?feed=rss" _fcksavedurl="http://test.qualitywordpress.com/?feed=rss"><img src="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/blank.gif" _fcksavedurl="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/blank.gif" alt="RSS Feed" width="60" height="60"></a> </div>  </div>   <div id="main"><div id="main-top"><div id="main-bottom">  <div class="sidebar sidebar-left"> <h3>Pages</h3> <ul> <li class="page_item page-item-2"><a href="http://test.qualitywordpress.com/?page_id=2" _fcksavedurl="http://test.qualitywordpress.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-5"><a href="http://test.qualitywordpress.com/?page_id=5" _fcksavedurl="http://test.qualitywordpress.com/?page_id=5" title="Archives">Archives</a></li> <li class="page_item page-item-10"><a href="http://test.qualitywordpress.com/?page_id=10" _fcksavedurl="http://test.qualitywordpress.com/?page_id=10" title="Links">Links</a></li> </ul> <h3>Categories</h3> <ul> <li class="cat-item cat-item-3"><a href="http://test.qualitywordpress.com/?cat=3" _fcksavedurl="http://test.qualitywordpress.com/?cat=3" title="View all posts filed under Art & Design">Art & Design</a> </li> <li class="cat-item cat-item-5"><a href="http://test.qualitywordpress.com/?cat=5" _fcksavedurl="http://test.qualitywordpress.com/?cat=5" title="View all posts filed under Business">Business</a> </li> <li class="cat-item cat-item-4"><a href="http://test.qualitywordpress.com/?cat=4" _fcksavedurl="http://test.qualitywordpress.com/?cat=4" title="View all posts filed under Marketing">Marketing</a> </li> <li class="cat-item cat-item-6"><a href="http://test.qualitywordpress.com/?cat=6" _fcksavedurl="http://test.qualitywordpress.com/?cat=6" title="View all posts filed under Online">Online</a> </li> <li class="cat-item cat-item-1"><a href="http://test.qualitywordpress.com/?cat=1" _fcksavedurl="http://test.qualitywordpress.com/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a> </li> </ul> <h3>Archives</h3> <ul> <li><a href="http://test.qualitywordpress.com/?m=200810" _fcksavedurl="http://test.qualitywordpress.com/?m=200810" title="October 2008">October 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200809" _fcksavedurl="http://test.qualitywordpress.com/?m=200809" title="September 2008">September 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200808" _fcksavedurl="http://test.qualitywordpress.com/?m=200808" title="August 2008">August 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200806" _fcksavedurl="http://test.qualitywordpress.com/?m=200806" title="June 2008">June 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200805" _fcksavedurl="http://test.qualitywordpress.com/?m=200805" title="May 2008">May 2008</a></li> </ul> <div class="textwidget"></div> </div>   <div id="content-page">  <div class="post" id="post-15"> <div class="post-date">HackeR FrienD.Net</div> <div class="post-title"> <h2>Sitemize Hoş Geldiniz...</h2> <div class="clear"></div> </div> <div class="post-entry">

TASARIM ALTI
</div> <br/><br/> <div class="post-info"> <a href="#" _fcksavedurl="#">Linkler </a> : <a href="#" _fcksavedurl="#">Linkler</a> </div> </div>    <div class="navigation"> <div class="navigation-previous"></div> <div class="navigation-next"></div> </div>  <div class="clear"></div> </div>   <div class="sidebar sidebar-right"> <h3>Advertisements</h3> <div id="spons"><br> <center><a href="#" _fcksavedurl="#"><img src="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/ad.gif" _fcksavedurl="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/ad.gif" alt="AD SPACE" width="125" height="125"></a><br><br> <a href="#" _fcksavedurl="#"><img src="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/ad.gif" _fcksavedurl="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/ad.gif" alt="AD SPACE" width="125" height="125"></a></center><br> </div> <h3>Links</h3> <ul> <li><a href="http://wordpress.org/development/" _fcksavedurl="http://wordpress.org/development/">Development Blog</a></li> <li><a href="http://codex.wordpress.org/" _fcksavedurl="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/" _fcksavedurl="http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="http://wordpress.org/extend/ideas/" _fcksavedurl="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/" _fcksavedurl="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/" _fcksavedurl="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/" _fcksavedurl="http://planet.wordpress.org/">WordPress Planet</a></li> </ul> </div>  <div class="clear"></div> </div></div></div>   <div id="footer"> (c)Copyrighted <a href="http://test.qualitywordpress.com/" _fcksavedurl="http://test.qualitywordpress.com/">Theme Name</a>, All Rights Reserved<br>Designed by: <a href="http://www.mangosteenhut.com/" _fcksavedurl="http://www.mangosteenhut.com/">mangosteen</a><br><a href="http://www.983wedding.com/" _fcksavedurl="http://www.983wedding.com/">Wedding Invitation Design</a> : <a href="http://www.spiele-umsonst.de/" _fcksavedurl="http://www.spiele-umsonst.de/">kostenlose Spiele</a> : <a href="http://www.how-to-lose-belly-fat.com/" _fcksavedurl="http://www.how-to-lose-belly-fat.com/">How to Lose Belly Fat</a></div>  </div> 

CSS

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;} /*  Theme Name: Modern Blogger Theme URI:  http://test.qualitywordpress.com/?preview_theme=modernblogger  Description: Modern blogger is all about the new age of blogging and  blogs. With fresh new conceptual graphics. Version: 1.0 Author:  qualitywordpress Author URI: http://qualitywordpress.com */ /* General  */ body { margin: 0; padding:0; background:  url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/bg.jpg");    } h1, h2, h3, h4 { margin: 0; } img { border: 0; } .clear { clear:  both; height: 0; overflow: hidden; } /* Page */ #page { margin: 0 auto;  width: 907px; } /* Header */ #header { width: 907px; height: 420px;  background:  url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/header.jpg")    no-repeat; position: relative; } /* Header - Info */ #header  #header-info { position: absolute; top: 85px; left: 280px; } #header  #header-info h1 { color: #000000; font: normal 35px Century Gothic;  padding-bottom: 5px; } #header #header-info h1 a { color: #000000;  text-decoration: none; } #header #header-info .description { color:  #0000000; font: bold 15px Century Gothic; } /* Header - Menu */ #header  #header-menu { position: absolute; top: 382px; left: 15px; height: 34px;  } #header #header-menu ul { margin: 0; padding: 0; list-style-type:  none; height: 34px; } #header #header-menu ul li { float: left; height:  32px; margin-right: 11px; font: normal 12px/32px Century Gothic; color:  #cccccc; background:  url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/header_menu.gif")    repeat-x; border: 1px solid #000000; padding: 0 30px; } #header  #header-menu ul li a { color: #cccccc; text-decoration: none; } #header  #header-menu ul li a:hover { text-decoration: underline; } #header  #header-menu ul li ul { display: none; } /* Header - Ssearch */ #header  #header-search { position: absolute; top: 8px; left: 650px; width:  252px; height: 27px; } #header #header-search { width: 252px; height:  27px; background:  url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/sidebar_search.gif")    no-repeat; } #header #header-search #search-form { margin: 0; padding:  0; width: 252px; height: 27px; } #header #header-search #sb { width:  149px; height: 17px; border: 0; padding: 5px; font: bold 13px "Century  Gothic", Century Gothic; color: #000000; background: transparent; float:  left; } #header #header-search #searchsubmitb { background:  transparent; border: none; width: 83px; height: 27px; padding: 0; float:  right; } #header #header-text a { color: #ffffff; text-decoration:  underline; } /* Header - Feed */ #header #header-feed { position:  absolute; top: 3px; left: 3px; width: 40px; height: 40px; } /* Main */  #main { width: 907px; background: #262626  url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/main.gif")    repeat-y; } #main-top { width: 907px; background:  url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/main_top.gif")    no-repeat; } #main-bottom { width: 907px; min-height: 50px; background:   url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/main_bottom.gif")    no-repeat left bottom; } /* Main - Content */ #content-page { float:  left; width: 495px; padding: 12px 16px 0 16px; } /* Main - Content -  Post */ #content-page .post { float: left; margin-bottom: 25px; width:  495px; } /* Post - Date */ #content-page .post .post-date { background:  url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/post_date.gif")    no-repeat; width: 122px; height: 25px; color: #000000; text-align:  center; font: bold 10px/25px Century Gothic; } /* Post - Title */  #content-page .post .post-title { width: 463px; height: 45px; border:  1px solid #FFFFFF; background:  url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/post_title.gif")    repeat-x; color: #000000; font: bold 10px Century Gothic; padding: 0  15px; } #content-page .post .post-title a, .post-title-info a { color:  #000000; text-decoration: none; } #content-page .post .post-title  a:hover, .post-title-info a:hover { text-decoration: underline; }  #content-page .post .post-title h2 { color: #000000; font: bold  15px/45px Century Gothic; float: left; } #content-page .post .post-title  h2 a { color: #000000; text-decoration: none; } #content-page .post  .post-title h2 a:hover { text-decoration: underline; } #content-page  .post .post-title .post-title-info { float: left; line-height: 45px; }  .post-title-info { display:block; width:100%; text-align:right; color:  #000000; font: bold 10px Century Gothic; padding-top: 10px; } /* Post -  Entry */ #content-page .post .post-entry { font: normal 12px/18px  Century Gothic; color: #000000; padding: 0 15px; width: 465px;  background: #FFFFFF; float: left; } #content-page .post .post-entry a {  color: #000000; text-decoration: none; } #content-page .post .post-entry  a:hover { text-decoration: underline; } #content-page .post .post-entry  .more-link { font: bold 11px/20px Century Gothic; color: #000000;  float: right; padding-bottom: 5px; } #content-page .post .post-entry  .more-link a { color: #000000; text-decoration: none; } #content-page  .post .post-entry .more-link a:hover { text-decoration: underline; } /*  Post - Info */ #content-page .post .post-info { padding: 0 10px 0 0;  width: 485px; clear: both; font: bold 10px/19px Century Gothic; color:  #000000; background:  url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/post_info.gif")    no-repeat; text-align: right; } #content-page .post .post-info a {  color: #000000; text-decoration: none; } #content-page .post .post-info  a:hover { text-decoration: underline; } /* Post - Comments */  #content-page .post .post-entry h3 { color: #000000; font: bold 14px  Century Gothic; margin: 25px 0 5px 0; } #content-page .post .post-entry  .comments { font: normal 11px/18px Century Gothic; color: #000000;  width: 465px; } #content-page .post .post-entry .comments a { color:  #000000; text-decoration: none; } #content-page .post .post-entry  .comments a:hover { text-decoration: underline; } #content-page .post  .post-entry .comments ol { margin: 10px 0 10px 0; padding-left: 25px; }  #content-page .post .comments ol li { padding: 5px; } #content-page  .post .post-entry .comments ol li.alt { background: #cccccc; }  #content-page .post .post-entry .comments ol li cite { color: #000000;  font-style: normal; font-weight: bold; } #content-page .post .post-entry  .comments ol li cite a { color: #000000; text-decoration: none; }  #content-page .post .post-entry .comments ol li cite a:hover {  text-decoration: underline; } #content-page .post .post-entry .comments  ol li .commentmetadata a { color: #000000; text-decoration: none; }  #content-page .post .post-entry .comments ol li .commentmetadata a:hover  { text-decoration: underline; } #content-page .post .post-entry  #commentform { font: normal 11px/18px Century Gothic; color: #FFFFFF;  width: 450px; padding-left: 15px; margin: 0; } #content-page .post  .post-entry #commentform a { color: #000000; text-decoration: none; }  #content-page .post .post-entry #commentform a:hover { text-decoration:  underline; } /* Main - Content - Navigation */ #content-page .navigation  { font: bold 12px/25px Century Gothic; color: #000000; width: 495px;  height: 25px; float: left; margin-bottom: 25px; } #content-page  .navigation a { color: #000000; text-decoration: none; } #content-page  .navigation a:hover { text-decoration: underline; } #content-page  .navigation .navigation-previous { float: left; } #content-page  .navigation .navigation-next { float: right; } /* Main - Sidebar */  .sidebar { float: left; width: 170px; font: normal 12px/18px Century  Gothic; color: #000000; } .sidebar a { color: #000000; text-decoration:  none; } .sidebar a:hover { text-decoration: underline; } /* Sidebar -  Sides */ .sidebar-left { padding: 12px 3px 15px 16px; } .sidebar-right {  padding: 12px 0 15px 3px; } /* Sidebar - Titles */ .sidebar h3 {  padding-left: 10px; font: normal 14px/26px Century Gothic; color:  #ADE2AD; width: 159px; height: 26px; background:  url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/sidebar_title.gif")    repeat-x; } /* Sidebar - Menus */ .sidebar ul { margin: 5px 0 8px 0;  padding: 0; list-style-type: none; } .sidebar ul li { padding-left:  11px; color: #cccccc; font: bold 11px/25px Century Gothic; background:  url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/sidebar_menu.gif")    repeat-x; } .sidebar ul li a { color: #cccccc; text-decoration: none; }  .sidebar ul li a:hover { text-decoration: underline; } /* Sidebar -  Submenus */ .sidebar ul li ul { margin: 0; padding: 0; } /* Sidebar -  Forms */ .sidebar #searchform { margin: 0; padding: 5px 0 8px 0; width:  170px; text-align: center; } .sidebar #searchform #s { width: 140px; }  /* Sidebar - Tables */ .sidebar #calendar_wrap { margin: 0 auto;  padding: 5px 0 8px 0; width: 130px; } .sidebar #calendar_wrap caption {  font-weight: bold; } .sidebar #calendar_wrap tbody { text-align: right; }  .sidebar #calendar_wrap tfoot #next { text-align: right; } .sidebar  #calendar_wrap #today { font-weight: bold; } /* Sidebar - Texts */  .sidebar .textwidget { padding: 5px 4px 8px 4px; } /* Sidebar - Feed */  .sidebar #sidebar-feed { margin: 5px auto 8px auto; width: 160px;  height: 60px; } /* Footer */ #footer { width: 907px; height: 83px;  background: #000000; color: #ffffff; font: 10px/20px Century Gothic;  text-align: center; } #footer a { color: #ffffff; text-decoration:  underline; } #footer a:hover { text-decoration: underline; }

YANAN EV TEMASI

TASARIM ÜSTÜ
<div id="main"> <div id="header"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">metamorph_burninghouse</a></h1> <h2><a href="http://www.metamorphozis.com/" _fcksavedurl="http://www.metamorphozis.com/" id="metamorph">Design by Metamorphosis Design</a></h2> </div> <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#" title="">Home</a></li> <li><a href="#" _fcksavedurl="#" title="">Blog</a></li> <li><a href="#" _fcksavedurl="#" title="">Gallery</a></li> <li><a href="#" _fcksavedurl="#" title="">About</a></li> <li><a href="#" _fcksavedurl="#" title="">Contact</a></li> </ul> </div> </div> <div id="right"> <h2></h2><br /> <h4><a href="#" _fcksavedurl="#"></a></h4><br />

TASARIM ALTI
</div> <div id="left"> <h3>Nunc pellentesque</h3> <ul> <li><a href="#" _fcksavedurl="#">Vivamus id arcu</a></li> <li><a href="#" _fcksavedurl="#">Duis congue ultricies</a></li> <li><a href="#" _fcksavedurl="#">Purus in mollis purus</a></li> <li><a href="#" _fcksavedurl="#">Orci nonummy fringilla</a></li> <li><a href="#" _fcksavedurl="#">Pellentesque at lorem</a></li> </ul> <h3>Lorem ipsum dolor</h3> <p>Laoreet dolore magna aliquam erat volutpat. Exerci tation ullamcorper suscipit lobort ex ea commodo consequat. Duis autemr in het laoreet dolore magna aliquam erat volutpat. <br /> <br /> Ut wisi enim ad minim veniam, quis ullamcorper suscipit lobortis nisl ut commodo consequat. Duis autemr in he<a href="#" _fcksavedurl="#">More...</a></p> <br /> <h3>Calendar</h3> <ul> <li id="calendar"> <div id="calendar1"> <table id="calendar2" summary="Calendar"> <caption> January 2008 </caption> <thead> <tr> <th abbr="Monday" scope="col" title="Monday">M</th> <th abbr="Tuesday" scope="col" title="Tuesday">T</th> <th abbr="Wednesday" scope="col" title="Wednesday">W</th> <th abbr="Thursday" scope="col" title="Thursday">T</th> <th abbr="Friday" scope="col" title="Friday">F</th> <th abbr="Saturday" scope="col" title="Saturday">S</th> <th abbr="Sunday" scope="col" title="Sunday">S</th> </tr> </thead> <tfoot> <tr> <td abbr="Des" colspan="3" id="prev"><a href="#" _fcksavedurl="#">« Des</a></td> <td class="pad"> </td> <td abbr="Feb" colspan="3" id="next" class="pad"><a href="#" _fcksavedurl="#">Feb »</a></td> </tr> </tfoot> <tbody> <tr> <td colspan="2" class="pad"> </td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> <tr> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> <td>11</td> <td>12</td> </tr> <tr> <td>13</td> <td>14</td> <td>15</td> <td>16</td> <td>17</td> <td>18</td> <td>19</td> </tr> <tr> <td>20</td> <td id="now">21</td> <td>22</td> <td>23</td> <td>24</td> <td>25</td> <td>26</td> </tr> <tr> <td>27</td> <td>28</td> <td>29</td> <td>30</td> <td>31</td> <td class="pad" colspan="2"> </td> </tr> </tbody> </table> </div> </li> </ul> </div> <div id="footer"> <p>Copyright © 2008. <a href="#" _fcksavedurl="#">Privacy Policy</a> | <a href="#" _fcksavedurl="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" _fcksavedurl="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p> <p>Design by <a href="http://www.metamorphozis.com/" _fcksavedurl="http://www.metamorphozis.com/" title="Free Website Templates">Free Website Templates</a></p> </div> </div>

CSS

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;} * {  margin: 0px; padding: 0px; } a:link { color: #C24606; } a:hover {  text-decoration: none; color: #FF0000; } a:visited { color: #C24606; }  body { background: #000000  url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/back_all.jpg)    no-repeat right top; font: 13px Arial, Helvetica, sans-serif; color:  #000000; margin-left: 30px; margin-bottom: 20px; } #main { width: 653px;  background: #ffffff; margin-top: 20px; } #header { width: 653px;  height: 170px; } #menu { float: left; width: 603px; height: 43px;  padding-left: 50px; background:  url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/menu.gif)    no-repeat; } #menu ul { list-style: none; } #menu li { display: inline;  } #menu a { display: block; float: left; width: 113px; height: 28px;  text-align: center; text-decoration: none; color: #ffffff; font-weight:  bold; font-size: 14px; padding-top: 15px; background:  url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/buttons.gif)    no-repeat; } #menu a:hover { width: 113px; height: 28px; color:  #ff0000; text-decoration: underline; background:  url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/buttons_r.gif)    no-repeat; } #logo { width: 623px; height: 100px; padding-left: 30px;  padding-top: 19px; background:  url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/header.gif)    no-repeat; } #logo a { text-decoration: none; text-transform:  lowercase; font-style: italic; font-size: 18px; color: #FFFFFF; } #logo  H2 a { font-size: 12px; } #left { padding: 10px; width: 185px; } #left  H3 { width: 170px; height: 24px; font-size: 14px; font-weight: bold;  padding-left: 15px; padding-top: 15px; text-transform: uppercase; color:  #ffffff; background:  url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/title.gif)    no-repeat } #left ul { border: 0px; margin-left: 10px; margin-bottom:  10px; list-style: none; } #left li { padding: 4px; } #left H4 {  font-size: 10px; } #left a { color: #C24606; font-size: 11px; } #left  a:visited { color: #037931; font-size: 11px; } #left p { padding: 10px; }  #calendar1 { padding: 5px 10px 5px 10px; } #calendar table { width:  100%; text-align: center; } #calendar thead { } #calendar tbody td {  border: 1px solid #F1F1F1; } #calendar #prev { text-align: left; }  #calendar #next { text-align: right; } #calendar tfoot a {  text-decoration: none; font-weight: bold; } #calendar #now { background:  #696969; border: 1px solid #ff0000; font-weight: bold; color: #ffffff }  #right { width: 420px; float: right; padding-right: 10px; } #right ol,  #right ul { margin-left: 30px; } #right H4 { margin: 0; padding: 0px;  font-size: 12px; color: #037931; } #right a { color: #C24606;  text-decoration: none; } #right p { margin: 0; padding: 0;  padding-bottom: 10px; } #right h2 { margin: 0; padding: 0; padding-top:  10px; color: #C24606; } .date { text-align: right; color: #C24606;  font-size: 11px; } .date a { color: #C24606; } #footer { clear: both;  height: 47px; clear: both; padding-top: 20px; background:  url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/footer.gif)    repeat-x bottom; } #footer p { margin: 0; font-size: 10px; text-align:  center; color: #C24606; } #footer a { color: #C24606; }

Ana Menü

Photoshop

Webmaster

Eğlence

Dost Siteler

Photoshop Ustası - photoshop'un Ustası

Css Tasarımlar (Sayfa 3)