Photoshop Tasarımları
T.üstü : <table height="768" width="1024" cellspacing="0" cellpadding="0" border="0" id="Table_01"> <tbody> <tr> <td colspan="5"><img height="213" width="809" border="0" alt="" src="https://img.webme.com/pic/w/webexpernet/m_01.png" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/m_01.png" /></td> <td colspan="2"><img height="213" width="225" border="0" alt="" src="https://img.webme.com/pic/w/webexpernet/m_02.png" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/m_02.png" /></td> </tr> <tr> <td><a href="http://www.webexpernet.tr.gg" _fcksavedurl="http://www.webexpernet.tr.gg"><img border="0" alt="" src="https://img.webme.com/pic/w/webexpernet/m_03.png" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/m_03.png" style="width: 204px; height: 79px;" /></a></td> <td><a href="http://www.webexpernet.tr.gg" _fcksavedurl="http://www.webexpernet.tr.gg"><img border="0" alt="" src="https://img.webme.com/pic/w/webexpernet/m_04.png" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/m_04.png" style="width: 214px; height: 79px;" /></a></td> <td><a href="http://www.webexpernet.tr.gg" _fcksavedurl="http://www.webexpernet.tr.gg"><img border="0" alt="" src="https://img.webme.com/pic/w/webexpernet/m_05.png" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/m_05.png" style="width: 217px; height: 79px;" /></a></td> <td colspan="3"><a href="http://www.webexpernet.tr.gg" _fcksavedurl="http://www.webexpernet.tr.gg"><img border="0" alt="" src="https://img.webme.com/pic/w/webexpernet/m_06.png" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/m_06.png" style="width: 213px; height: 79px;" /></a></td> <td><a href="http://www.webexpernet.tr.gg" _fcksavedurl="http://www.webexpernet.tr.gg"><img border="0" alt="" src="https://img.webme.com/pic/w/webexpernet/m_07.png" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/m_07.png" style="width: 186px; height: 79px;" /></a></td> </tr> <tr> <td colspan="4"> <table cellspacing="0" cellpadding="0" border="0" background="https://img.webme.com/pic/w/webexpernet/m_08.png"> <tbody> <tr> <td valign="top"> <div style="padding: 4px; overflow: auto; width: 787px; height: 407px;"> |
T.alt : </div> </td> </tr> </tbody> </table> </td> <td colspan="3"><a href="http://www.webexpernet.tr.gg" _fcksavedurl="http://www.webexpernet.tr.gg"><img height="415" width="238" border="0" src="https://img.webme.com/pic/w/webexpernet/m_09.png" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/m_09.png" alt="" /></a></td> </tr> <tr> <td colspan="7"><img height="70" width="1032" border="0" src="https://img.webme.com/pic/w/webexpernet/m_10.png" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/m_10.png" alt="" /></td> </tr> <tr> <td><img height="1" width="195" alt="" src="https://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/spacer.gif" /></td> <td><img height="1" width="213" alt="" src="https://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/spacer.gif" /></td> <td><img height="1" width="217" alt="" src="https://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/spacer.gif" /></td> <td><img height="1" width="161" alt="" src="https://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/spacer.gif" /></td> <td><img height="1" width="13" alt="" src="https://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/spacer.gif" /></td> <td><img height="1" width="39" alt="" src="https://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/spacer.gif" /></td> <td><img height="1" width="186" alt="" src="https://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/spacer.gif" /></td> </tr> </tbody> </table> |
Css kod : table {margin-left: auto;margin-right: auto} 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;} |
T.üst :<script src="http://testrun.wptr.net/wp-content/themes/IBlues/scripts/jquery-1.2.2.pack.js" type="text/javascript"></script> <script src="http://testrun.wptr.net/wp-content/themes/IBlues/scripts/featuredcontentglider.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="http://testrun.wptr.net/wp-content/themes/IBlues/featuredcontentglider.css" /> <div id="rap"> <div id="top"> <div id="topleft"> <ul id="menu"> <li class="current_page_item"><a href="#">Anasayfa</a></li> <li class="page_item page-item-2"><a href="#">Hakkında</a></li> <li class="page_item page-item-2"><a href="#">İletişim</a></li> <li class="page_item page-item-2"><a href="#">Z. Defteri</a></li> <li class="page_item page-item-2"><a href="#">Top-List</a></li> </ul> </div> <div id="topright"> <form class="searchform" method="get" action="http://testrun.wptr.net/"> <fieldset> <label>Arama Yap</label> <input value="" name="s" class="searchinput" type="text"> <input value="" class="searchbutton" type="submit"> </fieldset> </form> </div> </div> <div id="header"> <div class="header-title"><a href="http://css-sablon.tr.gg/">CSS-SABLON / Hosting</a></div> <div class="header-description">Profesyonel Webmaster Servisi</div> </div> <!-- begin cat navigation --> <div id="category"> <div id="categoryx"> <ul id="dcategory"> <li class="cat-item cat-item-1"><a href="#">Yeni Müzikler </a> </li> <li class="cat-item cat-item-3"><a href="#">Yeni Kitaplar</a> </li> </ul> </div> <div id="categoryy"></div> <div class="clear"></div> </div> <!-- end --> <!-- begin sidebar --> <div id="menu-right"> <h5>Reklamlar / Sponsorlar</h5> <!-- Main Ad Body Starts --> <div id="adcontainer"> <div id="adboxes"> <ul> <li><a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/" target="_blank"><img src="https://img.webme.com/pic/c/css-sablon/125x125css-sablon.jpeg" _fcksavedurl="https://img.webme.com/pic/c/css-sablon/125x125css-sablon.jpeg" alt="Css-Sablon" width="125" border="0" height="125"></a></li> <li><a href="#" target="_blank"><img src="http://testrun.wptr.net/wp-content/themes/IBlues/images/125x125.gif" _fcksavedurl="http://testrun.wptr.net/wp-content/themes/IBlues/images/125x125.gif" alt="Advertise Here" width="125" border="0" height="125"></a></li> <li><a href="#" target="_blank"><img src="http://testrun.wptr.net/wp-content/themes/IBlues/images/125x125.gif" _fcksavedurl="http://testrun.wptr.net/wp-content/themes/IBlues/images/125x125.gif" alt="Advertise Here" width="125" border="0" height="125"></a></li> <li><a href="#" target="_blank"><img src="http://testrun.wptr.net/wp-content/themes/IBlues/images/125x125.gif" _fcksavedurl="http://testrun.wptr.net/wp-content/themes/IBlues/images/125x125.gif" alt="Advertise Here" width="125" border="0" height="125"></a></li> </ul> </div> <div class="clear"></div> </div> <!--Main Ad Body End--> <h5 class="coltitle">Son Yazılar</h5> <ul> <li><a href="#">Hüzünlü Bir Hikaye</a></li> <li><a href="#">Aşk Öyküsü</a></li> <li><a href="#">Merhaba dünya!</a></li> </ul> <ul><li id="search"> </li></ul> <h5>Arşiv</h5> <ul> <li id="archives"> <ul> <li><a href="#" >Nisan 2009</a></li> <li><a href="#" >Mayıs 2009</a></li> <li><a href="#" >Haziran 2009</a></li> <li><a href="#" >Temmuz 2009</a></li> <li><a href="#" >Ağustos 2009</a></li> </ul> </li> </ul> <ul> <li id="link"><h5>Bağlantılar</h5> <ul> <li><a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> Css-Sablon </a></li> <li><a href="#" _fcksavedurl="#"> Eklenecek ... </a></li> <li><a href="#" _fcksavedurl="#"> Eklenecek ... </a></li> <li><a href="#" _fcksavedurl="#"> Eklenecek ... </a></li> <li><a href="#" _fcksavedurl="#"> Eklenecek ... </a></li> <li><a href="#" _fcksavedurl="#"> Eklenecek ... </a></li> </ul> </li> </ul> <ul> <li id="meta"><h5>Meta</h5> <ul> <li><a href="#" _fcksavedurl="#" title="Css-Sablon"><FCK:abbr title="Css-Sablon">Eklenecektir ...</FCK:abbr></a></li> <li><a href="#" _fcksavedurl="#" title="Css-Sablon"><FCK:abbr title="Css-Sablon">Eklenecektir ...</FCK:abbr></a></li> <li><a href="#" _fcksavedurl="#" title="Css-Sablon"><FCK:abbr title="Css-Sablon">Eklenecektir ...</FCK:abbr></a></li> <li><a href="#" _fcksavedurl="#" title="Css-Sablon"><FCK:abbr title="Css-Sablon">Eklenecektir ...</FCK:abbr></a></li> <li><a href="#" _fcksavedurl="#" title="Css-Sablon"><FCK:abbr title="Css-Sablon">Eklenecektir ...</FCK:abbr></a></li> </ul> </li> </ul> </div> <!-- end sidebar --> <div id="pagecontent"> <!-- end header --> <script type="text/javascript"> featuredcontentglider.init({ gliderid: "canadaprovinces", //ID of main glider container contentclass: "glidecontent", //Shared CSS class name of each glider content togglerid: "p-select", //ID of toggler container remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable selected: 0, //Default selected content index (0=1st) persiststate: false, //Remember last content shown within browser session (true/false)? speed: 500, //Glide animation duration (in milliseconds) direction: "leftright", //set direction of glide: "updown", "downup", "leftright", or "rightleft" autorotate: true, //Auto rotate contents (true/false)? autorotateconfig: [3000, 5] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping] }) </script> <h3> Css-Sablon / Hosting Tasarımı </h3> <div id="canadaprovinces" class="glidecontentwrapper"> <div style="left: 0px; height: 230px; visibility: visible; z-index: 115;" class="glidecontent"> <p><a href="css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"><img src="https://img.webme.com/pic/c/css-sablon/125x125css-sablon.jpeg" _fcksavedurl="https://img.webme.com/pic/c/css-sablon/125x125css-sablon.jpeg" alt="Css-Sablon" style="padding: 5px; float: left;" border="0"></a> Arkadaşlar Bu Tasarım "CSS-SABLON" 01.09.2009 Tasarımlarındandır ... Bu Kısma Sitenizle İlgili Duyuruları Yazabilirsiniz ...</p> <p> </p> <p> Site Duyuruları </p> </div> <div style="left: 0px; height: 230px; visibility: visible; z-index: 113;" class="glidecontent"> <p><a href="css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"><img src="https://img.webme.com/pic/c/css-sablon/125x125css-sablon.jpeg" _fcksavedurl="https://img.webme.com/pic/c/css-sablon/125x125css-sablon.jpeg" style="padding: 5px; float: right;" border="0"></span></a><strong> 2. Duyuru </strong></p> <p>Arkadaşlar Bu Tasarım "CSS-SABLON" 01.09.2009 Tasarımlarındandır ... Bu Kısma Sitenizle İlgili Duyuruları Yazabilirsiniz ...</p> <p> </p> <p> Site Duyuruları </p> </div> <div style="left: 0px; height: 230px; visibility: visible; z-index: 114;" class="glidecontent"> <p><a href="css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"><img src="https://img.webme.com/pic/c/css-sablon/125x125css-sablon.jpeg" _fcksavedurl="https://img.webme.com/pic/c/css-sablon/125x125css-sablon.jpeg" style="padding: 5px; float: left;" border="0"></a> 3. Duyuru </p> <p>Arkadaşlar Bu Tasarım "CSS-SABLON" 01.09.2009 Tasarımlarındandır ... Bu Kısma Sitenizle İlgili Duyuruları Yazabilirsiniz ...</p> <p> </p> <p> Site Duyuruları </p> </div> </div> <div lastselected="0pg" style="display: block;" id="p-select" class="glidecontenttoggler"> <a loadpage="2pg" buttontype="previous" href="#" _fcksavedurl="#" class="prev">Eski</a> <a pagenumber="0pg" href="#" _fcksavedurl="#" class="toc selected">Css-Sablon</a> <a pagenumber="1pg" href="#" _fcksavedurl="#" class="toc">Css-Sablon </a> <a pagenumber="2pg" href="#" _fcksavedurl="#" class="toc">Css-Sablon </a> <a loadpage="1pg" href="#" _fcksavedurl="#" class="next">Sonraki</a></div> <div class="post"> <h2 id="post-4">Css-Sablon</h2> <div class="meta">Profesyonel Webmaster Hizmeti</div> <div class="storycontent"> <p> |
T.Alt : </p> <div class="spacer"></div> </div> <div class="feedback"> <a href="#" _fcksavedurl="#"> Ziyaretçi Defteri </a> ::: <a href="#" _fcksavedurl="#"> İletişim </a></div> </div><br> <!-- begin footer --> </div> <div id="credit"> <p>Copyright © 2009 | Tüm Hakkı Saklıdır!!! | Tema Tasarım ve Kodlama : <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/">Css-Sablon</a></p> </div> |
Css kod : 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: I-Blues Theme URI: http://topwpthemes.com/i-blues/ Description: Designed by <a href=http://webtop99.com _fcksavedurl=http://webtop99.com>Web Top</a> and available FREE at <a href=http://www.zinruss.com/themes _fcksavedurl=http://www.zinruss.com/themes></a>WordPress Themes Gallery</a> Author: Web Top Author URI: http://webtop99.com © 2008, Web Top. All rights reserved. */ /* * Default HTML tags */ a { color: #181818; } a:visited { color: #181818; text-decoration: underline; } a:hover { color: #181818; } acronym, abbr { cursor: help; } blockquote { margin-left: 10px; padding-left: 10px; border-left: 5px solid #01bcf3; } body { background: #02b9f1 url(http://testrun.wptr.net/wp-content/themes/IBlues/images/body-bg.jpg) repeat-x top; color: #282828; font-size: 60.5%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0px auto; padding: 0px; text-align: center; } cite { font-size: 90%; font-style: normal; } h2 { font-size: 12px; margin: 15px 0 3px 0; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; color: #181818; } h2 a, h2 a:visited, h2 a:hover, h2 a:visited:hover { text-decoration: none; color: #181818; padding: 5px 13px 5px 3px; } h3 { font-size: 12px; margin: 28px 0 5px 0; padding: 4px 0 4px 0; font-weight: bold; color: #181818; background: #e8f6fd; text-align: center; border-top: 1px solid #b6e4fb; border-bottom: 1px solid #b6e4fb; } h4 { font-size: 12px; margin: 10px 0 10px 0; font-weight: bold; color: #181818; background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/leftmenu-top.jpg); height: 20px; text-align: center; } h4 a, h4 a:visited, h4 a:hover, h4 a:visited:hover { text-decoration: none; color: #181818; } h5 { font-size: 12px; margin: 10px 0 10px 0; padding: 6px 0 8px 0; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; color: #181818; background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/menu-right-title-bg.png); width: 301px; text-align: center; } h5 a, h5 a:visited, h5 a:hover, h5 a:visited:hover { text-decoration: none; color: #181818; } #pagecontent img { padding: 3px; border: #b6e4fb 1px solid; background: #fefefe; margin-right: 5px; margin-left: 3px; } #pagecontent img.alignleft { float: left; margin: 3px 3px 3px 0px; } #pagecontent img.alignright { float: right; margin: 3px 0px 3px 3px; } li { margin: 0; padding: 0; list-style-type: none; } ol#comments li p { font-size: 100%; } ul { margin: 0; padding: 0; } /* Link to the comments */ .feedback { color: #181818; font-weight: bold; font-size: 11px; background: #d3edfa; text-align: right; padding: 4px 10px 6px 0px; clear: both; text-transform: lowercase; border-bottom: 1px solid #b6e4fb; border-left: 1px solid #b6e4fb; border-right: 1px solid #b6e4fb; } .feedback a, .feedback a:visited { color: #008ed0; text-decoration: none; } .feedback a:hover, .feedback a:visited:hover { color: #181818; text-decoration: none; } /* The post informations */ .meta { font-size: 11px; } .meta li, ul.post-meta li { display: inline; } .meta ul { display: inline; list-style: none; margin: 0; padding: 0; } .meta a { color: #181818; text-transform: lowercase; text-decoration: none; } .meta a:hover { text-decoration: underline; } .meta { color: #181818; background: #d3edfa; padding: 5px 5px 5px 5px; font-weight: normal; letter-spacing: 0; border-top: 1px solid #b6e4fb; border-left: 1px solid #b6e4fb; border-right: 1px solid #b6e4fb; } .storycontent { font-size: 115%; background: #f4fbfe; padding: 10px; border: 1px solid #b6e4fb; } /* Comment form design */ #commentform #author, #commentform #email, #commentform #url, #commentform textarea { background: #ffffff; border: 1px solid #b6e4fb; color: #282828; } #commentform textarea { width: 95%; } #commentlist li ul { border-left: 1px solid #830000; font-size: 110%; } ol#commentlist li { list-style: decimal; } #pagecontent { float: left; width: 651px; margin: 0px 10px 0px 10px; text-align: left; display: inline; } #pagecontent ol li { list-style: decimal; } #pagecontent ul { margin-top: 10px; margin-left: 35px; } #pagecontent ul li { list-style-image: none; } #pagecontent-big { float: left; width: 651px; margin: 0px 10px 0px 10px; text-align: justify; display: inline; } .spacer { padding: 0px; text-align: right; clear: both; text-transform: lowercase; padding-top: 5px; } #header { font-size: 32px; font-weight: bold; text-decoration:none; font-family: Verdana; margin: 0px auto; height: 284px; width: 1000px; padding: 0; background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/header.jpg) no-repeat; } .header-title { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color:#ffffff; font-size:26px; font-weight:bold; padding: 90px 0 0 198px; text-align:left; } .header-title a{ color:#ffffff; text-decoration:none; border-bottom:none; } .header-title a:hover{ color:#ffffff; text-decoration:none; border-bottom:none; } .header-description { font-size: 11px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: normal; color:#ffffff; padding: 1px 0 0 199px; text-align:left; } Top part CSS */ #top { width: 1000px; height: 34px; margin: 0px auto; } #topleft { float: left; height: 34px; padding-left: 0px; } #topright { float: right; height: 34px; padding-right: 10px; } Page navigation CSS */ #menu { float: left; height: 32px; padding-top: 1px; padding-bottom: 1px; border-left: 1px solid #b6e4fb; z-index: 20; } #menu li { float: left; display: block; height: 32px; border-right: 1px solid #b6e4fb; } #menu li ul li { height: 24px; border-right: 0; border-bottom: 1px solid #b6e4fb; width: 100%; } #menu li a { display: block; padding-left: 15px; padding-right: 15px; line-height: 32px; font-size: 11px; font-weight: bold; color: #008ed0; text-decoration: none; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } #menu li a:hover { background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/menuhover.gif) repeat-x; color: #01bcf3; } #menu li.current_page_item a { background: #FFF; color: #01bcf3; } #menu li.current_page_item a:hover { background: #FFF; color: #01bcf3; } #menu ul { display: none; z-index: 99; position: absolute; } #menu ul li a { display: block; background: #FFF; } #menu li ul a:hover { display: block; background: #FFF; } #menu ul a { display: block; } #menu ul ul { margin-top: -27px; display: none; margin-left: 198px; position: absolute; border-left: 1px solid #b6e4fb; border-right: 1px solid #b6e4fb; } #menu li:hover ul ul { display: none; } #menu li:hover ul { display: block; } #menu ul li:hover ul { display: block; } #menu li ul li { display: block; width: 100%; } #menu li.page_item ul { border-top: 2px solid #b6e4fb; width: 200px; } #menu li.page_item a { display: block; } #menu li.page_item a:hover { display: block; } #menu li.page_item ul li a { display: block; text-align: left; height: 24px; line-height: 24px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; background: #fff; padding-left: 15px; padding-right: 15px; text-transform: uppercase; font-size: 0.7em; font-weight: bold; color: #333; text-decoration: none; } #menu li.page_item ul li a:hover { display: block; text-align: left; height: 24px; line-height: 24px; border-right: 1px solid #b6e4fb; border-left: 1px solid #b6e4fb; background: #FFF; padding-left: 15px; padding-right: 15px; text-transform: uppercase; font-size: 11px; font-weight: bold; color: #333; } /* Search form CSS */ .searchform { display: inline; } .searchform fieldset { display: inline; margin-top: 1px; padding-top: 4px; border: #34c3f3 0px solid; } .searchform label { vertical-align: middle; display: inline; margin-right: 5px; font-size: 11px; color: #01bcf3; font-weight: bold; } .searchform input { vertical-align: middle; display: inline; font-size: 11px; } .searchinput { background: #FFF; border: 1px solid #b6e4fb; width: 184px; padding-top: 3px; padding-bottom: 3px; color: #282828; } .searchbutton { background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/searchbutton.gif) no-repeat; width: 16px; height: 16px; margin-bottom: 2px; text-transform: uppercase; cursor: pointer; color: #FFF; font-weight: bold; border: 0px solid #b6e4fb; } /* Main Category Menu CSS */ #category { width: 1000px; height: 30px; background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryright.gif) repeat-x; border-top: 1px solid #b6e4fb; border-bottom: 1px solid #b6e4fb; } #categoryx { float: left; width: 965px; height: 30px; padding-left: 10px; } #categoryy { float: right; width: 5px; height: 30px; } #dcategory { float: left; height: 30px; border-left: 1px solid #b6e4fb; z-index: 20; } #dcategory li { float: left; display: block; height: 30px; border-right: 1px solid #b6e4fb; } #dcategory li ul li { height: 24px; border-right: 0; border-bottom: 1px solid #b6e4fb; width: 100%; } #dcategory li a { display: block; line-height: 30px; padding-left: 15px; padding-right: 15px; font-size: 11px; color: #008ed0; font-weight: bold; text-decoration: none; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } #dcategory li a:hover { background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryhover.gif) repeat-x; color: #01bcf3; } #dcategory ul { display: none; z-index: 99; position: absolute; } #dcategory ul li a { display: block; background: #FFF; } #dcategory li ul a:hover { display: block; background: #FFF; } #dcategory ul a { display: block; } #dcategory ul ul { margin-top: -26px; display: none; margin-left: 200px; position: absolute; border-left: 1px solid #b6e4fb; border-right: 1px solid #b6e4fb; } #dcategory li:hover ul ul { display: none; } #dcategory li:hover ul { display: block; } #dcategory ul li:hover ul { display: block; } #dcategory li ul li { display: block; width:100%; } #dcategory li.cat-item ul { width: 260px; } #dcategory li.cat-item a { display: block; } #dcategory li.cat-item a:hover { display: block; } #dcategory li.cat-item ul li a { display: block; margin-left: -1px; text-align: left; font-size: 11px; height: 24px; line-height: 24px; padding-left: 15px; padding-right: 15px; color: #008ed0; font-weight: bold; border: 1px solid #b6e4fb; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryhover.gif) repeat-x; } #dcategory li.cat-item ul li a:hover { display: block; text-align: left; font-size: 11px; height: 24px; line-height: 24px; padding-left: 15px; padding-right: 15px; color: #282828; font-weight: bold; background: #b6e4fb; border: 1px solid #b6e4fb; background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryright.gif) repeat-x; } /* /* The credits at the bottom of the site */ #credit { width: 1000px; height: 32px; background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/credit.jpg); text-align: center; font-size: 11px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin-left: auto; margin-right: auto; padding: 0; clear: both; } #credit a, #credit a:visited { color: #282828; text-decoration: none; } #credit a:hover, #credit a:visited:hover { color: #282828; text-decoration: none; } #credit p { color: #282828; text-align: center; padding-top: 10px; font-weight: bold; } /* Subscribe RSS Form */ .subscribe { width: 294px; } .subscribe fieldset { display: inline; margin-bottom: 10px; border: 1px dotted #f4fbfe; width: 270px; } .subscribe input { display: inline; vertical-align: middle; } .feedinput { border: 1px solid #b6e4fb; width: 184px; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; color: #282828; font-size: 11px; } .feedinput:focus { background: #ffffff; border: 1px dotted #b6e4fb; } .feedsubmit { background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/feedsubmit.gif) no-repeat; font-size: 11px; font-weight: bold; width: 44px; height: 21px; color: #fff; cursor: pointer; border: 0px dotted #b6e4fb; } .feedlink { background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/rss.gif) no-repeat left; padding-bottom: 2px; padding-left: 20px; font-weight: bold; font-size: 11px; margin-right: 10px; } /* * right sidebar */ #menu-right { float: right; display: inline; width: 301px; margin: 10px 10px 10px 0px; font-size: 11px; padding: 0px 8px 18px 8px; border: 1px solid #b6e4fb; background: #fefefe; } #menu-right h2 { font-size: 18px; margin: 8px 0 2px 0; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; color: #01bcf3; } #menu-right a, #menu-right a:visited { text-transform: lowercase; text-decoration: none; color: #181818; } #menu-right a:hover, #menu-right a:visited:hover { text-transform: lowercase; text-decoration: underline; color: #181818; } #menu-right ul ul { margin-left: 12px; } #menu-right ul ul li { list-style-image: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/menu-right-icon.png); margin-left: 8px; } .box { background: #f4fbfe; padding: 10px; border: 1px solid #b6e4fb; } .box p { font-size: 1.0em; line-height: 1.3em; color: #282828; margin: 0px 0px 7px 0px; } .postbox { margin-bottom: 10px; background: #FFF; padding: 10px; border: 1px solid #b6e4fb; } .postbox p { font-size: 1.0em; line-height: 1.3em; text-align: justify; margin: 0; color: #666; } #adcontainer { padding: 0px 0 0 0; margin:0; width: 300px; } #adboxes{ padding: 13px 0 14px 0px; width:300px; background: #1b8adc url(http://testrun.wptr.net/wp-content/themes/IBlues/images/adcontainer_bg.jpg) top repeat-x; float:left; position: relative; } #adboxes ul { margin: 0; padding: 0; list-style: none; padding-left: 15px; } #adboxes ul li { display:block; margin: 2px 4px 0px 0px !important; padding: 0px !important; float:left; list-style: none; } .clear { clear: both; margin: 0; padding: 0; } #menu-right img { padding: 3px; border: #b6e4fb 1px solid; background: #ffffff; } #menu-right img.alignleft { float: left; margin: 3px 3px 3px 0; } #menu-right img.alignright { float: right; margin: 0 3px 3px 3px; } /* End of right sidebar */ #rap { width: 1000px; margin: 0px auto; background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/rap-bg.jpg) repeat-y; text-align: left; padding: 0px; border-left: 1px solid #02b9f1; border-right: 1px solid #02b9f1; } .submit_button { float: left; padding:0; margin:0; border:0; height:23px; width:130px; background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/submit-button.jpg) no-repeat; } input#s { width: 200px; border: 1px solid #830000; color: #282828; margin-top: 5px; } table {margin-left: auto;margin-right: auto} |
T.üstü : <div id="tasarim"> <div id="tasarim"> <div id="ust"> <div align="center"> <h1><span style="color: rgb(255, 255, 255);"><span style="font-family: Comic Sans MS;"> <br /> <br /> FİLM HOME </span></span></h1> <span style="color: rgb(255, 255, 255);"><span style="font-family: Comic Sans MS;"> </span></span> <h3><span style="color: rgb(255, 255, 255);"><span style="font-family: Comic Sans MS;"> Web Ortamındaki En Yüksek Kalitede Film ... </span></span></h3> </div> </div> <div id="orta"> <div class="solsutun"> <ul class="menu"> <!-- Menu Begin --> <style type="text/css"> .menu , .menu ul { width:202px; margin:auto; padding:5px; list-style-type: none; overflow:hidden; border:1px solid #eee; } .menu li { float:left; position:relative; } .menu li img { float:left; margin: 5px 0 0 5px; border:none; } .menu li a .name { float:left; width:166px; margin:0 0 0 5px; font-weight:bold; font-size:0.7em; cursor:pointer; } .menu li a:active, .menu li a:focus { outline:0; } .menu li a .description{ float:left; width:161px; margin:-5px 0 0 5px; font-weight:normal; font-size:0.7em; cursor:pointer; } .menu li a:link, .menu li a:visited { height:35px; font-size:1em; color:#000; text-decoration:none; line-height:20px; border:1px solid #fff; display:block; font-weight:bold; } .menu li a:hover { background:#eee; } </style> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="https://img.webme.com/pic/f/filmhome/user.png" _fcksavedurl="https://img.webme.com/pic/f/filmhome/user.png" alt="user.png"> <span class="name">Ana Sayfa</span> <span class="description">Giriş Sayfası... </span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="https://img.webme.com/pic/f/filmhome/comment.png" _fcksavedurl="https://img.webme.com/pic/f/filmhome/comment.png" alt="comment.png"> <span class="name">Hakkımızda</span> <span class="description">Hakkımızda Kısa Bilgi</span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="https://img.webme.com/pic/f/filmhome/print.png" _fcksavedurl="https://img.webme.com/pic/f/filmhome/print.png" alt="print.png"> <span class="name">İletişim</span> <span class="description">İletişim Seçenekleri</span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="https://img.webme.com/pic/f/filmhome/edit.png" _fcksavedurl="https://img.webme.com/pic/f/filmhome/edit.png" alt="edit.png"> <span class="name">CSS-SABLON</span> <span class="description">Profesyonel Webmaster Servisi</span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="https://img.webme.com/pic/f/filmhome/edit.png" _fcksavedurl="https://img.webme.com/pic/f/filmhome/edit.png" alt="edit.png"> <span class="name">CSS-SABLON</span> <span class="description">Profesyonel Webmaster Servisi</span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="https://img.webme.com/pic/f/filmhome/edit.png" _fcksavedurl="https://img.webme.com/pic/f/filmhome/edit.png" alt="edit.png"> <span class="name">CSS-SABLON</span> <span class="description">Profesyonel Webmaster Servisi</span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="https://img.webme.com/pic/f/filmhome/edit.png" _fcksavedurl="https://img.webme.com/pic/f/filmhome/edit.png" alt="edit.png"> <span class="name">CSS-SABLON</span> <span class="description">Profesyonel Webmaster Servisi</span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="https://img.webme.com/pic/f/filmhome/edit.png" _fcksavedurl="https://img.webme.com/pic/f/filmhome/edit.png" alt="edit.png"> <span class="name">CSS-SABLON</span> <span class="description">Profesyonel Webmaster Servisi</span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="https://img.webme.com/pic/f/filmhome/edit.png" _fcksavedurl="https://img.webme.com/pic/f/filmhome/edit.png" alt="edit.png"> <span class="name">CSS-SABLON</span> <span class="description">Profesyonel Webmaster Servisi</span> </a> </li> </ul> <!-- Menu End --> </div> <div class="sagsutun"> |
T.alt : </div> </div> <div id="alt"> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <div style="text-align: center;"><span style="color: rgb(255, 255, 255);"><br /> [url=http://www.FilmHome.tr.gg]www.FilmHome.tr.gg[/url] | Film ve Dizi Arşivi | En Son Çıkan Filmler | En Son Çıkan Diziler<br /> <br /> </span></div> </div> |
Css kod : 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;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background: url(http://www.thebrewcityrockers.com/black_background.gif) top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #ust{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/f/filmhome/filmhome1.png); width: 1000px; height: 333px; float: left; } #orta{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/f/filmhome/filmhome2.png); width: 1000px; height: 100%; float: left; } .solsutun{ width: 202px; float: left; padding: 0 0 0 45px; overflow: hidden; } .sagsutun { width: 638px; float: left; padding: 0 0 0 60px; overflow: hidden; text-align: justify; } #alt{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/f/filmhome/filmhome3.png); width: 1000px; height: 333px; float: left; } table {margin-left: auto;margin-right: auto} |
T.üst : <div align="center"><img src="https://img.webme.com/pic/p/powermaxi/enust1.png" alt="" /> <div/> <body id="hpb_cssonly"> </table><div id="tasarim"> <div id="ust"></div> <div id="orta"> <div class="solsutun"><div class="arrowlistmenu"> <script type="text/javascript" src="http://site.mynet.com/cancan575/gununsozu.txt"></script> </div></div> <div class="sagsutun"><a href="" titlewidth="468" height="60" border="0" class="resim" alt="" src="" /></a> <div id="container"> <div id="header_container"> <div id="pre_header"></div> <div class="header"><h1 id="header"><span>PowerMaxi</span></h1></div> <div id="post_header"></div> </div> <div id="nav_container"> <h2 id="nav_heading"><span></span></h2> </div> <div id="content_container"> <div id="pre_content"></div> <div id="content"> <h2 id="title"><span>Ana Sayfa</span></h2> <div id="content-box"> <div id="content-box-in-left"> <div id="content-box-in-left-in"> <div id="container"> |
T.alt : <div id="header_container"></div> <div id="header_container"> </div> </div> </div> </div> </div> </div> <div id="counter"><span></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="alt"></div> </div> <iframe src=http://www.homepage-baukasten.de/cookie.php?visit=morduman&auth1=d191669905e bada5204858ca49192833&auth2=685de1fa2 fb4062deb2071d51094b92c&auth3=65e8dbb90007b3a05a5cc13c4c87ee27&auth4=5 acea41d6d3b37eab8941dcd1aeb79cd&auth5=61d3930a9337d8ad1e11624217914971&mode=track style="display:none;width:1px;height:1px;"></iframe> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript" ></script> <script type="text/javascript"> _uacct = "UA-2594508-11"; urchinTracker(); </script> <div id="extraDiv1"><span></span></div> <div id="extraDiv2"><span></span></div> <div id="extraDiv3"><span></span></div> <div id="extraDiv4"><span></span></div> <div id="extraDiv5"><span></span></div> <div id="extraDiv6"><span></span></div> |
Css kod : <!-- 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;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background: url(http://hinhnenblog.com/images/wmwallpapers/Vector-8-1.jpeg) top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/p/powermaxi/ust444.png); width: 1007px; height: 60px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/p/powermaxi/orta1.png); width: 1007px; height: 100%; float: left; } .solsutun{ width:215px; float: left; padding: 0 0 0 40px; overflow: hidden; } .sagsutun { width:690px; float: left; padding: 0 0 0 20px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/p/powermaxi/alt2.png); width: 1007px; height: 307px; float: left; } .arrowlistmenu{ width: 180px; /*width of menu*/ } .arrowlistmenu .headerbar{ font: bold 14px Arial; color: white; background: black url(media/titlebar.png) repeat-x center left; margin-bottom: 10px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 4px 10px; /*header text is indented 10px*/ } .arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ } .arrowlistmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .arrowlistmenu ul li a{ color: #A70303; background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/ display: block; padding: 2px 0; padding-left: 19px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; font-size: 90%; } .arrowlistmenu ul li a:visited{ color: #A70303; } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #A70303; background-color: #F3F3F3; } |
T.üst : <link rel="stylesheet" type="text/css" href="http://img6.xooimage.com/files/3/1/6/sdmenu-ad4ec2.css" /> <script type="text/javascript" src="http://img44.xooimage.com/files/2/b/9/sdmenu-daba96.js"> /*********************************************** * Slashdot Menu script- By DimX * Submitted to Dynamic Drive DHTML code library: http://www.dynamicdrive.com * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ </script> <script type="text/javascript"> // <![CDATA[ var myMenu; window.onload = function() { myMenu = new SDMenu("my_menu"); myMenu.init(); }; // ]]> </script> <script type="text/javascript"> // <![CDATA[ var myMenu; window.onload = function() { myMenu = new SDMenu("my_menu"); myMenu.init(); }; // ]]> </script> <div id="design"> <div id="top"> <div class="logo"></div> <div class="reklam"></div> <div class="ustmenu"><div id="main-nav"> <ul> <li class="active"><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Hakkımda</a></li> <li><a href="#" _fcksavedurl="#">Z.defteri</a></li> <li><a href="#" _fcksavedurl="#">Geniş Mekan</a></li> </ul> <div class="clear-both"> </div> </div></div></div> <div id="icerik"> <div id="icontent"> <div class="sagmenu"><div id="my_menu" class="sdmenu"> <div> <span>Ana Menü</span> <a href="#">İletişim</a> <a href="#">Ziyaretçi Defteri</a> <a href="#">Destek ol</a> <a href="#">Forum</a> <a href="#">Hakkımda</a> <a href="#">Yararlı Linkler</a> </div> <div> <span>Spor Menü</span> <a href="#">Galatasaray</a> <a href="#">Fenerbahça</a> <a href="#">Beşiktaş</a> </div> <div class="collapsed"> <span>Eklenecek</span> <a href="#">Eklenecek</a> <a href="#">Eklenecek</a> <a href="#">Eklenecek</a> <a href="#">Eklenecek</a> </div> <div> <span>Eklenecek</span> <a href="#">Eklenecek</a> <a href="#">Eklenecek</a> <a href="#">Eklenecek</a> <a href="#">Eklenecek</a> </div> </div> <br> </div> <div class="yazialani"> |
T.alt : </div> </div> </div> <div id="alts"> <div class="copyright"></div> </div> |
Css kod : 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;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background: url(http://www.backgroundlabs.com/backgrounds/151.jpg); text-align: center; } #design { width: 900px; margin-left: auto; margin-right: auto; text-align: left; } #top{ margin-left: auto; margin-right: auto; background: url(http://img16.imageshack.us/img16/7693/gri1.gif); width: 900px; height: 184px; float: left; } .logo { width:335px; height:65px; backround:url(Başlık Resmi Buaraya!!); padding: 1px 0 0 5px; float: left; } .reklam { width:450px; padding: 2px 0 0 50px; float: left; } .ustmenu { width:880px; padding: 20px 0 0 20px; float: left; } #icerik { margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/h/hyperend2/gri2.png); float: left; overflow:hidden ; } #icontent { width: 895px; padding: 0 0 0 5px; overflow:hidden ; float: left; } .sagmenu { width: 200px; padding:4px 0 0 15px; float: left; overflow: hidden; text-align: justify; } .yazialani { width: 660px; padding: 0 0 0 5px; float: left; overflow: hidden; } #alts{ margin-left: auto; margin-right: auto; background: url(http://img16.imageshack.us/img16/4812/gri3.gif); width: 900px; height: 130px; float: left; } .copyright { width: 450px; padding:60px 0 0 450px; float: left; overflow: hidden; text-align: justify; } body{ font-family:Arial, Helvetica, sans-serif; font-size:75%; } #main-nav{ height:29px; float:left; background-image:url(http://img29.imageshack.us/img29/4604/navbg.gif); background-repeat:repeat-x; background-position:top left; width:100%; } body{ font-family:Arial, Helvetica, sans-serif; font-size:75%; } #main-nav{ height:29px; float:left; background-image:url(http://img29.imageshack.us/img29/4604/navbg.gif); background-repeat:repeat-x; background-position:top left; width:100%; } #main-nav ul{ height:29px; line-height:29px; background-image:url(http://img39.imageshack.us/img39/522/navbar.gif); background-position:right; background-repeat:no-repeat; float:left; padding:0px 1px 0px 0px; margin:0px 0px 0px 10px; } #main-nav li{ height:29px; line-height:29px; display:inline; position:relative; float:left; width:80px; text-align:center; } #main-nav li a{ height:29px; width:80px; text-align:center; float:left; background-image:url(http://img39.imageshack.us/img39/522/navbar.gif); background-position:left; background-repeat:no-repeat; } #main-nav li a:link, #main-nav li a:visited{ color:#FFFFFF; text-decoration:none; } #main-nav li.active a, #main-nav li a:hover{ background-image:url(http://img528.imageshack.us/img528/3940/active.gif); background-repeat:no-repeat; background-position:left; } |