AFFECT - Css Tasarımlar

View Design

Tasarım Üstüne

 <div id="wrap">  <div id="header"> <h1 id="logo-text">Css<span class="gray">Box</span></h1> <h2 id="slogan">Csstasarımınız burda..</h2> <form class="search" method="post" action="#"> <p> <input class="textbox" type="text" name="search_query" value="" /> <input class="button" type="submit" name="Submit" value="Search" /> </p> </form> </div>  <div id="menu"> <ul> <li id="current"><a href="index.html" _fcksavedurl="index.html">Home</a></li> <li><a href="index.html" _fcksavedurl="index.html">Archives</a></li> <li><a href="index.html" _fcksavedurl="index.html">Downloads</a></li> <li><a href="index.html" _fcksavedurl="index.html">Services</a></li> <li><a href="index.html" _fcksavedurl="index.html">Support</a></li> <li><a href="index.html" _fcksavedurl="index.html">About</a></li> </ul> </div>  <div id="content-wrap"> <div id="sidebar"> <h1>Sidebar Menu</h1> <div class="left-box"> <ul class="sidemenu"> <li><a href="index.html" _fcksavedurl="index.html">Home</a></li> <li><a href="#TemplateInfo" _fcksavedurl="#TemplateInfo">Template Info</a></li> <li><a href="#SampleTags" _fcksavedurl="#SampleTags">Sample Tags</a></li> <li><a href="http://www.styleshout.com/" _fcksavedurl="http://www.styleshout.com/">More Free Templates</a></li> <li><a href="http://www.4templates.com/?aff=ealigam" _fcksavedurl="http://www.4templates.com/?aff=ealigam">Premium Templates</a></li> </ul> </div> <h1>Site Partners</h1> <div class="left-box"> <ul class="sidemenu"> <li><a href="http://partners.ipower.com/z/57/CD5822/" _fcksavedurl="http://partners.ipower.com/z/57/CD5822/">IPowerweb</a></li> <li><a href="http://www.4templates.com/?aff=ealigam" _fcksavedurl="http://www.4templates.com/?aff=ealigam">4templates</a></li> <li><a href="http://www.fotolia.com/partner/114283" _fcksavedurl="http://www.fotolia.com/partner/114283">Fotolia.com</a></li> <li><a href="http://www.bigstockphoto.com/?refid=grKPpdNw6k" _fcksavedurl="http://www.bigstockphoto.com/?refid=grKPpdNw6k">BigStockPhoto.com</a></li> <li><a href="http://www.text-link-ads.com/?ref=40025" _fcksavedurl="http://www.text-link-ads.com/?ref=40025">Text Link Ads</a></li> </ul> </div> <h1>Wise Words</h1> <div class="left-box"> <p>"To be concious that you are ignorant of the facts is a great step to knowledge" </p> <p class="align-right">- Benjamin Disraeli</p> </div>

Tasarım Altına

<h1>Support Styleshout</h1> <div class="left-box"> </div>  </div>  <div id="footer"> <p> © 2006 <b>Your Company</b> | Design by: <a href="http://www.styleshout.com/" _fcksavedurl="http://www.styleshout.com/">styleshout</a> | Valid <a href="http://validator.w3.org/check?uri=referer" _fcksavedurl="http://validator.w3.org/check?uri=referer">XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> <a href="index.html" _fcksavedurl="index.html">Home</a> | <a href="index.html" _fcksavedurl="index.html">Sitemap</a> | <a href="index.html" _fcksavedurl="index.html">RSS Feed</a> </p> </div>  </div>

Css Koduna

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;} /******************************************** AUTHOR: Erwin Aligam WEBSITE: http://www.styleshout.com/ TEMPLATE NAME: Refresh TEMPLATE CODE: S-0002 VERSION: 1.0 *******************************************/ /******************************************** HTML ELEMENTS ********************************************/ /* Top Elements */ * { margin: 0; padding: 0; } body { background: #CCCCCC; font: 70%/1.5em Verdana, Tahoma, arial, sans-serif; color: #333; text-align: center; } /* links */ a, a:visited { text-decoration: none; color: #4F82CB; background: inherit; } a:hover { color: #4EBF37; background: inherit; } /* headers */ h1, h2, h3 { font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif; font-weight: Bold; } h1 { font-size: 120%; } h2 { font-size: 110%; text-transform: uppercase; color: #88ac0b; } h3 { font-size: 110%; color: #666666; } /* images */ img { border: 2px solid #CCC; } img.float-right { margin: 5px 0px 10px 10px; } img.float-left { margin: 5px 10px 10px 0px; } h1, h2, h3, p { padding: 10px; margin: 0; } ul, ol { margin: 5px 20px; padding: 0 20px; color: #88ac0b; } ul span, ol span { color: #666666; } code { margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ; /* white-space: pre; */ background: #FAFAFA; border: 1px solid #f2f2f2; } acronym { cursor: help; border-bottom: 1px solid #777; } blockquote { margin: 10px; padding: 0 0 0 28px; border: 1px solid #f2f2f2; background: #FAFAFA url(http://www.opendesigns.org/designs/148/images/quote.gif) no-repeat 5px 5px; } /* form elements */ form { margin:10px; padding: 0 5px; border: 1px solid #f2f2f2; background-color: #FAFAFA; } label { display:block; font-weight:bold; margin:5px 0; } input { padding:2px; border:1px solid #eee; font: normal 1em Verdana, sans-serif; color:#777; } textarea { width:400px; padding:2px; font: normal 1em Verdana, sans-serif; border:1px solid #eee; height:100px; display:block; color:#777; } input.button { margin: 0; font: bolder 12px Arial, Sans-serif; border: 1px solid #CCC; padding: 2px 3px; background: #FFF; color: #88ac0b; } /* search */ form.search { position: absolute; top: 35px; right: 25px; background: transparent; border: none; } form.search input.textbox { margin: 0; padding: 1px 2px; width: 120px; background: #FFF; color: #333; } form.search input.button { background: #CCC url(http://www.opendesigns.org/designs/148/images/headerbg.gif) repeat-x; color: #333; border: none; width: 70px; height: 21px; } /******************************************** LAYOUT ********************************************/ #wrap { width: 820px; background: #CCC url(http://www.opendesigns.org/designs/148/images/content.jpg) repeat-y center top; margin: 0 auto; text-align: left; } #content-wrap { clear: both; width: 760px; padding: 0; margin: 0 auto; } #header { width: 820px; position: relative; height: 106px; background: #CCC url(http://www.opendesigns.org/designs/148/images/header.jpg) no-repeat center top; padding: 0; font-size: 14px; color: #FFF; } #header h1#logo-text { position: absolute; margin: 0; padding: 0; font: bolder 3.3em 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -2px; color: #FFF; text-transform: none; /* change the values of top and left to adjust the position of the logo*/ top: 28px; left: 50px; } #header h2#slogan { position: absolute; margin: 0; padding: 0; font: normal .8em 'Trebuchet MS', Arial, Sans-serif; text-transform: none; color: #FFF; /* change the values of top and left to adjust the position of the slogan*/ top: 74px; left: 58px; } /* Menu */ #menu { clear: both; margin: 0; padding: 0 40px 0 0; background: url(http://www.opendesigns.org/designs/148/images/menu.jpg) repeat-y center top; font: bold 12px/26px Verdana, Arial, Tahoma, Sans-serif; height: 26px; } #menu ul { float: right; list-style: none; margin:0; padding: 0; } #menu ul li { display: inline; } #menu ul li a { display: block; float: left; padding: 0 8px; color: #FFF; text-decoration: none; } #menu ul li a:hover { background-color: #ECECEC; color: #333; } #menu ul li#current a { background-color: #FFF; color: #333; } /* Main Column */ #main { float: right; width: 72%; padding: 0; margin: 0; } #main h1 { margin-top: 10px; font: Bold 125% Verdana, 'Trebuchet MS', Sans-serif; color: #88ac0b; padding: 5px 0 5px 25px; border-bottom: 1px solid #EFF0F1; background: #FFF url(http://www.opendesigns.org/designs/148/images/square-green.png) no-repeat 3px 50%; } .post-footer { background-color: #FAFAFA; padding: 5px; margin: 20px 10px 0 10px; border: 1px solid #f2f2f2; font-size: 95%; } .post-footer .date { background: url(http://www.opendesigns.org/designs/148/images/clock.gif) no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .comments { background: url(http://www.opendesigns.org/designs/148/images/comment.gif) no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .readmore { background: url(http://www.opendesigns.org/designs/148/images/page.gif) no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } /* Sidebar */ #sidebar { float: left; width: 26.5%; padding: 0; margin: 0; } #sidebar h1 { margin-top: 10px; padding: 5px 0 5px 10px; font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif; color: #555; background: #EEF0F1 url(http://www.opendesigns.org/designs/148/images/headerbg.gif) repeat-x left bottom; border: 1px solid #EFF0F1; } #sidebar .left-box { border: 1px solid #EFF0F1; margin: 0 0 5px 0; } #sidebar ul.sidemenu { list-style: none; text-align: left; margin: 3px 0 8px 0; padding: 0; text-decoration: none; } #sidebar ul.sidemenu li { border-bottom: 1px solid #EFF0F1; background: url(http://www.opendesigns.org/designs/148/images/go.gif) no-repeat 5px 5px; padding: 2px 0 2px 25px; margin: 0 2px; } #sidebar ul.sidemenu a { font-weight: bolder; text-decoration: none; background-image: none; } /* Footer */ #footer { color: #666666; background: #CCC url(http://www.opendesigns.org/designs/148/images/footer.jpg) no-repeat center top; clear: both; width: 820px; height: 55px; text-align: center; font-size: 92%; } #footer a { text-decoration: none; } /* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } /* display and additional classes */ .clear { clear: both; } .gray { color: #CCC; } </body></html>

Tasarım Üstüne

</table> <div id="mainwrap"> <div id="header-container"> <div id="header">  <div id="cup"></div> <div id="logo"> <h2>Css</h2> <p>www.csstasarimi.tr.gg</p> </div> <div id="headerright"></div> <ul id="menu"> <li><a href="http://csstasarimi.tr.gg" _fcksavedurl="http://csstasarimi.tr.gg" class="active">Ana-Sayfa</a></li> <li class="page_item page-item-2"><a href="http://csstasarimi.tr.gg" _fcksavedurl="http://csstasarimi.tr.gg" title="About">z.defteri</a></li> </ul> </div>  </div> <div id="maintop"> <div id="maintopimg"></div> </div> <div id="wrapper"> <div id="conttent"> <div id="main-blog"> <div class="clear"></div> </body></html>

Tasarım Altına

<div class="post" id="post-19"> <div class="post-comments"> <span>-</span> </div> <h1>WwW.CsSTaSaRiMi.Tr.Gg</h1> <div class="postdata"> Bilgi Güçtür, Paylaştıkça Büyür!</div> <div id="container"> <div id="header_container"> <div id="pre_header"></div> <div class="header"><h1 id="header"><span> </span></h1></div> <div id="post_header"></div> </div> <div id="nav_container"> <h2 id="nav_heading"><span></span></h2> <ul id="nav"> <li class="nav_element checked_menu" id="nav_AnaSayfa"><a href="/Ana-Sayfa.htm" _fcksavedurl="/Ana-Sayfa.htm" class="menu"><span>Ana Sayfa</span></a></li> <li class="nav_element" id="nav_iletisim"><a href="/iletisim.htm" _fcksavedurl="/iletisim.htm" class="menu"><span>iletisim</span></a></li> <li class="nav_element" id="nav_SiteyiYorumLa"><a href="/Siteyi-YorumLa.htm" _fcksavedurl="/Siteyi-YorumLa.htm" class="menu"><span>Siteyi YorumLa</span></a></li> <li class="nav_element" id="nav_TsrmCity"><a href="/csstasarimi/index.htm" _fcksavedurl="/csstasarimi/index.htm" class="menu"><span>CssTasarimi</span></a></li> <li class="nav_element" id="nav_Tasarimlar"><a href="/Tasarimlar.htm" _fcksavedurl="/Tasarimlar.htm" class="menu"><span>Tasarimlar</span></a></li> <li class="nav_element" id="nav_Htmlkod"><a href="/Html_kod.htm" _fcksavedurl="/Html_kod.htm" class="menu"><span>Html-kod</span></a></li> <li class="nav_element" id="nav_PhotoShop"><a href="/PhotoShop.htm" _fcksavedurl="/PhotoShop.htm" class="menu"><span>PhotoShop</span></a></li> <li class="nav_element" id="nav_ButonKodlari"><a href="/Buton-Kodlari.htm" _fcksavedurl="/Buton-Kodlari.htm" class="menu"><span>Buton Kodlari</span></a></li> <li class="nav_element" id="nav_CSSTasarim"><a href="/CSS_Tasarim.htm" _fcksavedurl="/CSS_Tasarim.htm" class="menu"><span>CSS-Tasarim</span></a></li> <li class="nav_element" id="nav_304ceblueTasarim"><a href="/%26%23304%3Bceblue-Tasarim.htm" _fcksavedurl="/%26%23304%3Bceblue-Tasarim.htm" class="menu"><span>İceblue Tasarim</span></a></li> <li class="nav_element" id="nav_red"><a href="/red.htm" _fcksavedurl="/red.htm" class="menu"><span>red</span></a></li> <li class="nav_element" id="nav_ButterFly"><a href="/ButterFly.htm" _fcksavedurl="/ButterFly.htm" class="menu"><span>ButterFly</span></a></li> <li class="nav_element" id="nav_KodYapimi"><a href="/Kod-Yapimi.htm" _fcksavedurl="/Kod-Yapimi.htm" class="menu"><span>Kod Yapimi</span></a></li> <li class="nav_element" id="nav_Kodlar"><a href="/Kodlar.htm" _fcksavedurl="/Kodlar.htm" class="menu"><span>Kodlar</span></a></li> <li class="nav_element" id="nav_KodEditr"><a href="/Kod-Edit.oe.r.htm" _fcksavedurl="/Kod-Edit.oe.r.htm" class="menu"><span>Kod Editör</span></a></li> <li class="nav_element" id="nav_Free"><a href="/Free.htm" _fcksavedurl="/Free.htm" class="menu"><span>Free</span></a></li> <li class="nav_element" id="nav_Ps304ndir"><a href="/Ps-%26%23304%3Bndir.htm" _fcksavedurl="/Ps-%26%23304%3Bndir.htm" class="menu"><span>Ps İndir</span></a></li> <li class="nav_element" id="nav_Kullanimi"><a href="/Kullanimi.htm" _fcksavedurl="/Kullanimi.htm" class="menu"><span>Kullanimi</span></a></li> <li class="nav_element" id="nav_Dersler"><a href="/Dersler.htm" _fcksavedurl="/Dersler.htm" class="menu"><span>Dersler</span></a></li> <li class="nav_element" id="nav_Fonlar"><a href="/Fonlar.htm" _fcksavedurl="/Fonlar.htm" class="menu"><span>Fonlar</span></a></li> <li class="nav_element" id="nav_Yenisayfan305nba351l305287305"><a href="/Yeni-sayfan%26%23305%3Bn-ba%26%23351%3Bl%26%23305%3B%26%23287%3B%26%23305%3B.htm" _fcksavedurl="/Yeni-sayfan%26%23305%3Bn-ba%26%23351%3Bl%26%23305%3B%26%23287%3B%26%23305%3B.htm" class="menu"><span>Yeni sayfanın başlığı</span></a></li> <li class="nav_element" id="nav_Yenisayfan305nba351l305287"><a href="/Yeni-sayfan%26%23305%3Bn-ba%26%23351%3Bl%26%23305%3B%26%23287%3B.htm" _fcksavedurl="/Yeni-sayfan%26%23305%3Bn-ba%26%23351%3Bl%26%23305%3B%26%23287%3B.htm" class="menu"><span>Yeni sayfanın başlığ</span></a></li> <li class="nav_element" id="nav_WebDersleri"><a href="/Web-Dersleri.htm" _fcksavedurl="/Web-Dersleri.htm" class="menu"><span>Web Dersleri</span></a></li> <li class="nav_element" id="nav_Windows"><a href="/Windows.htm" _fcksavedurl="/Windows.htm" class="menu"><span>Windows</span></a></li> </ul> </div> <div id="content_container"> <div id="pre_content"></div> <div id="content"> <h2 id="title"><span>Ana Sayfa</span></h2> </div> <div id="counter"><span>Bugün 4 ziyaretçi (5 klik) kişi burdaydı!</span></div> <div id="post_content"></div> <div id="sidebar_container"> <h2 id="sidebar_heading"><span></span></h2> <div id="sidebar_content"></div> </div> </div> </div> </div> </div> <div id="sidebar"> <div id="sidebar-top"></div> <div id="sidebar-content"> <div id="subcolumn"> <div id="search"> <form id="searchform" method="get" action="http://wp-themes.com/"> <div> <input name="s" id="s" value="" size="35" class="form-input" type="text"> <input name="search" value="Search" class="search-submit" type="submit"> </div> </form> </div> <div class="widget"> <h2 class="hl">Calendar</h2> <div align="center"> <table id="wp-calendar" summary="Calendar"> <caption>November 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="October" colspan="3" id="prev"><a href="http://wp-themes.com/?m=200810" _fcksavedurl="http://wp-themes.com/?m=200810" title="View posts for October 2008">« Oct</a></td> <td class="pad"> </td> <td colspan="3" id="next" class="pad"> </td> </tr> </tfoot> <tbody> <tr> <td colspan="5" class="pad"> </td><td>1</td><td>2</td> </tr> <tr> <td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td> </tr> <tr> <td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td> </tr> <tr> <td>17</td><td>18</td><td>19</td><td>20</td><td id="today">21</td><td>22</td><td>23</td> </tr> <tr> <td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td> </tr> </tbody> </table> </div> </div> <div class="widget"> <h2 class="hl">Blogroll</h2> <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="widget"> <h2 class="hl">Categories</h2> <ul> <li class="cat-item cat-item-5"><a href="http://wp-themes.com/?cat=5" _fcksavedurl="http://wp-themes.com/?cat=5" title="View all posts filed under Parent">Parent</a> (1) <ul class="children"> <li class="cat-item cat-item-6"><a href="http://wp-themes.com/?cat=6" _fcksavedurl="http://wp-themes.com/?cat=6" title="View all posts filed under First Child Category">First Child Category</a> (1) </li> <li class="cat-item cat-item-7"><a href="http://wp-themes.com/?cat=7" _fcksavedurl="http://wp-themes.com/?cat=7" title="View all posts filed under Second Child Category">Second Child Category</a> (1) <ul class="children"> <li class="cat-item cat-item-8"><a href="http://wp-themes.com/?cat=8" _fcksavedurl="http://wp-themes.com/?cat=8" title="View all posts filed under One Grandchild Category">One Grandchild Category</a> (1) </li> </ul> </li> </ul> </li> <li class="cat-item cat-item-1"><a href="http://csstasarimi.tr.gg" _fcksavedurl="http://csstasarimi.tr.gg" title="View all posts filed under Uncategorized">Uncategorized</a> (6) </li> </ul> </div> <div class="widget"> <h2 class="hl">Archives</h2> <ul> <li><a href="http://csstasarimi.tr.gg" _fcksavedurl="http://csstasarimi.tr.gg" title="October 2008">October 2008</a> (1)</li> <li><a href="http://csstasarimi.tr.gg" _fcksavedurl="http://csstasarimi.tr.gg" title="September 2008">September 2008</a> (1)</li> <li><a href="http://csstasarimi.tr.gg" _fcksavedurl="http://csstasarimi.tr.gg" title="June 2008">June 2008</a> (5)</li> </ul> </div> </div> </div> <div id="sidebar-bottom"></div> </div> <div class="clear"></div> </div> </div> <div id="bottom"> <p style="padding-top: 110px; clear: both;">Copyright © 2008 <b>Theme Preview</b> All rights reserved. Theme by <a style="text-decoration: none; color: rgb(99, 85, 55);" href="http://csstasarimi.tr.gg" _fcksavedurl="http://csstasarimi.tr.gg" title="Geek with Laptop">CssTasarimi</a>.</p>

Css Koduna

h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* Theme Name: Desk Mess Theme URI: http://www.geekwithlaptop.com/desk-mess-wordpress-theme Description: Casual work-desk theme for a different blogging experience.Brought to you <a href="http://www.geekwithlaptop.com" _fcksavedurl="http://www.geekwithlaptop.com">Geek with Laptop</a> Version: 1.4 Author: Geek With Laptop Author URL: http://www.geekwithlaptop.com Tags: valid XHTML, fixed width, wood, two columns, widgets, gravatars, right sidebar, The CSS/XHTML is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* = GLOBAL = */ * {margin:0;padding:0;} body { margin: 0; padding: 0; background:#ae8858 url(http://wp-themes.com/wp-content/themes/desk-mess/images/bg.jpg) repeat top left; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 12px; line-height:21px; color: #635537; } a:link, a:visited, a:active { color: #d21600; text-decoration: none; } a:hover { text-decoration: underline; } h1 { font-size:25px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; line-height:normal; padding-bottom:2px; } h2 { font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; line-height:normal; padding-bottom:11px; padding-top:15px; } h3 { font-size:17px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; line-height:normal; padding-bottom:10px; padding-top:14px; } /* === HEADER === */ #header-container { width: 990px; margin: auto; padding: 0; } #header{ position:relative; height:295px; } #cup { float:left; background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/cup.png) no-repeat; height:275px; width:259px; margin-top:26px; } #logo { margin-left:-37px; float:left; background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/logo.png) no-repeat; width:304px; height:170px; } #logo h2{ font:"Copperplate Gothic Bold", Arial, sans-serif; font-size:30px; color:#fff; text-align:center; margin:70px 0 0 24px; width:280px; } #logo p{ color:#fff; margin-left:15px; text-align:center; } #headerright{ float:left; background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/righthead.png) no-repeat; width:534px; height:295px; margin-left:-85px; } /* === MENU === */ #menu { height:55px; left:20px; margin:0; padding:0; position:absolute; text-transform:uppercase; top:248px; } #menu, #menu ul { line-height:3.5; list-style-image:none; list-style-position:outside; list-style-type:none; } #menu a, #menu a:hover { border:medium none; display:block; text-decoration:none; } #menu li { background:transparent url(http://wp-themes.com/wp-content/themes/desk-mess/images/menu_button2.png) repeat scroll 0 0; float:left; height:61px; list-style-image:none; list-style-position:outside; list-style-type:none; margin-left:2px; margin-right:2px; text-align:center; width:99px; } #menu a, #menu a:visited { color:#332613; display:block; font-weight:bold; padding:10px 12px; } #menu a:hover, #menu a:active { color:#D21600; text-decoration:none; } /* === MAIN AREA == */ .clear { position: relative; clear: both; height: 5px; } #wrapper { margin: 0 auto; position: relative; width: 977px; background-image: url(http://wp-themes.com/wp-content/themes/desk-mess/images/mainmidpart.png); background-repeat: repeat-y; } #mainwrap{ width:990px; margin:0 auto; } #maintop { margin: 0 auto; position: relative; width: 977px; } #maintopimg { position: relative; padding:0; background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/maintoppart.png); height:113px; } #conttent { position: relative; width: 950px; margin: 0 0 0 45px; } /* === MAIN BLOG === */ #main-blog { float:left; width:580px; padding:15px 10px 10px 10px; } #main-blog h1 { font-size:22px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; line-height:normal; padding-bottom:2px; } #main-blog h1 a, #main-blog h1 a:visited, #main-blog h1 a:active{ color:#4a4131; text-decoration:none; border-bottom:1px solid #b2b0a4; } #main-blog h1 a:hover{ color:#d21600; text-decoration:none; border-bottom:1px solid #d21600; } .postdata { margin-bottom: 20px; font-size: 12px; font-weight: normal; font-style:italic; color: #4a4131; } .post { margin-bottom:60px; } .post p { margin:0; padding:0 0 10px; } post ul { margin-left:35px } .post-comments { float: right; width: 63px; height: 61px; padding:18px 0 0 24px; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:-7px 20px 0 0; background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/commentbck.png) no-repeat; } .post-social { float: right; width: 78px; height: 74px; margin:-22px 30px 0 0; background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/socialbck.png) no-repeat; } .rss { background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/rssicon.png) no-repeat 0 50%; padding-left:20px; padding-top:1px; } .post-comments a:link, .post-comments a:visited, .post-comments a:active{ color:#4a4131; text-decoration:none; } .post-comments a:hover { color:#d21600; text-decoration:none; } /* === SIDEBAR == */ #sidebar-top { background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/sidebartop.png) no-repeat; height: 90px; min-height: 90px; } #sidebar-content { background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/sidebarmid.png) repeat-y; padding:9px 30px 30px 30px; } #sidebar-bottom { background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/sidebarbottom.png) no-repeat; height: 37px; min-height: 37px; text-align:right; margin-left:-1px; } #sidebar { width:305px; position:relative; float:left; margin:-20px 0 0 -8px; } .subcolumn{ width:255px; } #search{ width:252px; height:125px; background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/searchbck.png) no-repeat; margin-left:4px; } .form-input { margin: 65px 10px 10px 37px; width: 173px; padding: 2px 2px; background: #faf6f6; border: 1px solid #e3dccb; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; } .form-input:focus { background:#f2f0f0; border: 1px solid #b5b4b2; } .search-submit { margin:0 0 0 84px; width: 85px; background: #faf6f6; border: 1px solid #e3dccb; color: #666; font-size:.85em; } .widget { width:252px; margin-left:4px; background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/widgetbck.png) repeat-y; border-bottom:1px solid #e3dccb; margin-bottom:20px; text-align:center; padding-bottom:10px; margin-top:10px; } #calendar_wrap{ margin-left:55px; } .widget p { padding-left:5px; } .widget h2 { height:40px; width:252px; background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/widgeth2.png) no-repeat; text-align:center; padding:22px 0 0 0; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; line-height:normal; color:#4a4131; margin:0; } .widget ul { margin:0 0 15px 0; padding:5px 0; border:none ; list-style:none; } .widget ul li { padding:5px 15px 10px 15px; margin:0px; background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/listseparator.png) no-repeat 25% 100%; } .widget ul li a{ color: #d21600; text-decoration:none; } .textwidget{ padding:0 8px 0 8px; } .widget ul li a:hover{ color: #635537; text-decoration:none; } /* --- IMAGES --- */ img { } p img { padding: 0; max-width: 100%; } img.aligncenter { border: 1px solid #59350b; margin-left: auto; margin-right: auto; display: block; } img.alignright { border: 1px solid #59350b; margin: 0 0 13px 13px; display: inline; } img.alignleft { border: 1px solid #59350b; margin: 0 13px 13px 0; display: inline; } .alignleft { float: left } .alignright { float: right; } .wp-caption { border: 1px solid #59350b; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* == FOOTER == */ #bottom{ background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/footer2.png) no-repeat; height:154px; } #bottom p{ text-align:center; } #wp-footer{ position:absolute; background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/footer-wp.png) no-repeat; width:95px; height:26px; margin-top:95px; margin-left:460px; } #wp-footer a { display: block; height: 0; padding-top:26px; overflow: hidden; text-decoration: none; width: 95px; } #wp-footer a:hover { background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/footer-wp.png) no-repeat 0 -28px; } /*------------------COMMENTS----------*/ .commentlist { padding: 0; text-align: justify; } .commentlist p { margin: 0 15px 10px 2px; clear:both; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .alt{ margin-top: 1px; padding: 10px 10px 5px 10px; background: #f2f2f2; border: 1px solid #b2b0a4; } .alt2{ margin-top: 1px; padding: 10px 10px 5px 10px; background: #ffffff; border: 1px solid #b2b0a4; } .administrator { margin-top: 1px; padding: 10px 10px 5px 10px; background:#e5dfcf url(http://wp-themes.com/wp-content/themes/desk-mess/images/author.png) no-repeat center ; border: 1px solid #7e7d75; } .cgravatar { float: left; width: 60px; height: 60px; margin: 0px 12px 0px 0px; border: 1px solid #47453a; } .comment-author { font-size: 120%; font-family:Geneva, Arial, Helvetica, sans-serif; color: #2b2d2f; } .comment-author a:link , .comment-author a:visited, .comment-author a:active { color: #d21600; border-bottom: 1px solid #d21600 ; text-decoration: none; } .comment-author a:hover { color: #635537; border-bottom:1px solid #b2b0a4; text-decoration: none; } .comment-date { margin-left:2px; margin-top:3px; font-size: .75em; color: #888; } #com{ width:580px; padding: 0 0 5px 0px; clear: both; } #comhead{ background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/comh3.png) no-repeat; margin-bottom:10px; color:#271b03; padding:8px 0 0 40px; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; width: 175px; height: 36px; } #respond { width:580px; padding: 0 0 5px 10px; clear: both; } #respond { background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/comh3.png) no-repeat; width: 175px; height: 36px; margin-top:25px; color:#271b03; padding:8px 0 0 70px; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; } #commentform { margin: 10px 10px 30px 0px; font: 110% Arial, Helvetica, sans-serif; } #commentform p { padding: 6px 0px; margin: 0px; } #commentform label{ color: #787878; font-size: 87%; } #commentform input{ width: 200px; background: #fff; border: 1px solid #b2b0a4; padding: 5px; margin-top: 3px; font: 100% 'Trebuchet MS', Verdana, Sans-Serif; } #commentform textarea{ height: 130px; background: #fff; border: 1px solid #b2b0a4; padding: 5px; margin-top: 3px; font: 100% 'Trebuchet MS', Verdana, Sans-Serif; overflow: auto; } #commentform #submit{ cursor:pointer; } .contactform input, .contactform textarea { background: #333; border: 1px solid #b2b0a4; color: #fff; } .contactform input:focus, .contactform textarea:focus { background:#444444; border: 1px solid #000; padding-bottom:30px; color:#fff; } .contactform #contactsubmit { width: 85px; background: #111; border: 1px solid #666; color: #e3e3e3; font-size:.85em; } .contactform #contactsubmit:focus{ width: 85px; background: #333; border: 1px solid #666; color: #e3e3e3; font-size:.85em; } .contactform textarea { width: 340px; height: 200px; margin-bottom:10px; } .ddfmwrap { width: 450px; margin: 0; padding: 10px 0; } .ddfmwrap form.ddfm { width: 450px; margin: 0; padding: 0; } .ddfmwrap form.ddfm legend { font-size: 1.1em; font-weight: normal; color: #635537; } .ddfmwrap form.ddfm label { padding-top: 4px; color: #635537; font-weight: normal; line-height: normal; } .ddfmwrap form.ddfm fieldset { padding: 15px 15px 15px; border: 1px solid #b2b0a4; } .ddfmwrap p { color: #635537; } form.ddfm .credits { display: none; } .ddfmwrap .required { color: #cf0e0e; } .ddfmwrap .fmtext, .ddfmwrap .fmtextarea, .ddfmwrap .fmselect { padding: 4px 5px; background: #fdfef6; border: 1px solid #b2b0a4; color: #635537; font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 1em; } .ddfmwrap .fmtextarea { height: 200px; } .ddfmwrap .fmtext:focus, .ddfmwrap .fmtextarea:focus, .ddfmwrap .fmselect:focus { border: 1px solid #918b6e; } .ddfmwrap .submit { margin-left:-8px; text-align: left; } .ddfmwrap .submit input { padding: 3px 12px; background: #fdfef6; border: 1px solid #918b6e; color: #2b2d2f; font: normal 0.9em Arial, Helvetica, Geneva, sans-serif; } #wp-calendar { empty-cells:show; font-size:12px; font-weight:bold; margin:0; padding:0; text-align:center; text-decoration:none; width:200px; } </body></html>


BU PLAYERLE MÜZİK ,RADYO DİNLEYİP,VİDEO İZLEYİP OYUN OYNAYABİLİRSİNİZ.ARŞİVİ OLDUKÇA GENİŞTİR,TEK YAPMANIZ GEREKEN SEARCH (ARAMA) BÖLÜMÜNE İSTEDİĞİNİZ SANATÇININ YADA ŞARKININ ADINI YAZMAK HEMEN BULUP DİNLEYEBİLİRSİNİZ.İYİ EĞLENCELER.	[sitene ekle]