Buraya Duyuru veya Başka Birşey
MENÜ EKLE
AnketMix
Ana Sayfa
Site Yarışması
Yarışmaya Katılanlar
Oy Ver
Ödüller
Yarışmaya Katıl
İletişim
Webmaster
Css Tasarımlar
Ziyaretçi Defteri
Ziyaretçi Defterine Resim Eklemek
Reklam
Banner Takas
Css Tasarım
Z. Defterine Resim Ekleme
Free Css Tasarımları Tr.Gg Ye Uyarlamak
.Tr.Gg Css Tasarım Yapımı
İcon Arşivi
Oyunlar
Eski Tasarım
Link Takas
Videolar
AnketMix v1
Yeni sayfanın başlığı
Css Tasarımlar
Tasarımın üzerindeki yazı:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Main-Center.Tr.Gg </title> <meta name="generator" content="WordPress 2.3.3" /> <!-- leave this for stats --> <link rel="stylesheet" href="http://test.qualitywordpress.com/wp-content/themes/WDpress/style.css" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="Theme Name RSS Feed" href="http://test.qualitywordpress.com/?feed=rss2" /> <link rel="pingback" href="http://test.qualitywordpress.com/xmlrpc.php" /> <link rel="stylesheet" type="text/css" href="http://test.qualitywordpress.com/wp-content/themes/WDpress/style.css" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="http://test.qualitywordpress.com/wp-content/themes/WDpress/style_ie.css" /> <![endif]--> <!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="http://test.qualitywordpress.com/wp-content/themes/WDpress/style_ie6.css" /> <![endif]--> <script type="text/javascript" src="http://test.qualitywordpress.com/wp-content/themes/WDpress/jquery-1.2.2.pack.js"></script> <script type="text/javascript" src="http://test.qualitywordpress.com/wp-content/themes/WDpress/animatedcollapse.js"></script> <script type="text/javascript"> animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets,persist=1,hide=1') animatedcollapse.init() </script> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://test.qualitywordpress.com/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://test.qualitywordpress.com/wp-includes/wlwmanifest.xml" /> </head> <body> <!-- Page --> <div id="page"><div id="page-in"> <!-- Header --> <div id="header"><div id="header-top"><div id="header-bottom"> <!-- Title --> <div id="header-info"> <h1><a href="http://test.qualitywordpress.com/">Main-Center.Tr.Gg</a></h1> <div class="description">Css Tasarım Bölümü</div> </div> <!-- /Title --> <!-- Menu --> <div id="header-menu"> <ul> <li class="current_page_item"><a href="http://test.qualitywordpress.com/">Home</a></li> <li class="page_item page-item-2"><a href="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" title="Archives">Archives</a></li> <li class="page_item page-item-16"><a href="http://test.qualitywordpress.com/?page_id=16" title="Links">Links</a></li> </ul> </div> <!-- /Menu --> <!-- Foo --> <div id="header-foo"> <b>The Latest World News</b><br /><br /> Open the header.php file and replace this text with any text that you'd like to appear here.<br /> <br /><a href="#"><img src="http://test.qualitywordpress.com/wp-content/themes/WDpress/images/readmore.gif"></a> </div> <!-- /Foo --> <!-- Foo2 --> <div id="header-foo2"> <a href="#"><img src="http://test.qualitywordpress.com/wp-content/themes/WDpress/images/feature.jpg"></a> </div> <!-- /Foo2 --> <!-- Foo3 --> <div id="header-foo3"> <a href="#"><img src="https://img.webme.com/pic/m/main-center/480press.jpg"></a> </div> <!-- /Foo3 --> <!-- Feed --> <div id="header-feed"> <a href="http://test.qualitywordpress.com/?feed=rss"><img src="http://test.qualitywordpress.com/wp-content/themes/WDpress/images/blank.gif" width="40" height="40"></a> </div> <!-- /Feed --> <!-- Feed2 --> <div id="header-feed2"> </div> <!-- /Feed2 --> <!-- Ssearch --> <div id="header-search"> <form method="get" id="search-form" action="http://test.qualitywordpress.com/"> <input type="text" value="" name="s" id="sb" /> <input type="submit" id="searchsubmitb" value="" /> </form> </div> <!-- /Ssearch --> <!-- Text --> <div id="header-text"> </div> <!-- /Text --> <!-- Slide --> <div id="header-slide"> </div> <!-- /Slide --> <!-- Slider --> <div id="header-clear"></div> <div id="cat"> </div> <!-- /Slider --> <!-- Recent Articles --> <div id="header-recent"> </div> <!-- /Recent Articles --> </div></div></div> <!-- /Header --> <!-- Main --> <div id="main"> <!-- Content --> <div id="content"> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
Tasarımın altındaki yazı:
<!-- /Content --><br /> <!-- Sidebar --> <div id="sidebar"> <br /> <br /> <br /> <br /> </div> <!-- Sidebar --> <div class="clear"></div> </div> <!-- /Main --> <!-- Footer --> <div id="footer"><br /> (c)Copyrighted <a href="http://test.qualitywordpress.com/">WDpress</a>, Tüm hakları saklıdır.<br />Designed by: <a href="http://www.main-center.tr.gg">Tasarım ve Webmaster Sitesi</a><br /><a href="www.main-center.tr.gg">CSS</a> / <a href="www.main-center.tr.gg">HTML</a> / <a href="www.main-center.tr.gg">Web-Master</a> </div> <!-- Footer --> </div></div> <!-- /Page --> </body> </html>
CSS Kodu
(Style tagleri olmadan yazınız):
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;} table {margin-left: auto;margin-right: auto}
Tasarımın üzerindeki yazı:
<script type="text/javascript" src="http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/scripts/mootools.v1.11.js"></script> <script type="text/javascript" src="http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/scripts/jd.gallery.js"></script> <!-- end gallery scripts --> <script type="text/javascript"><!--//--><![CDATA[//><!-- sfHover = function() { if (!document.getElementsByTagName) return false; var sfEls = document.getElementById("nav").getElementsByTagName("li"); // if you only have one main menu - delete the line below // var sfEls1 = document.getElementById("subnav").getElementsByTagName("li"); // for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhoverb"), ""); } } // if you only have one main menu - delete the "for" loop below // for (var i=0; i<sfEls1.length; i++) { sfEls1[i].onmouseover=function() { this.className+=" sfhover1"; } sfEls1[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover1b"), ""); } } // } if (window.attachEvent) window.attachEvent("onload", sfHover); //--><!]]></script> </head><body> <div id="wrap"> <div id="topnavbar"> <div class="topnavbarleft"> </div> <div class="topnavbarright"> </div> </div> <div id="header"> <div class="headerleft"> </div> <!--To define the 468x60 ad, go to your WP dashboard and go to Appearance > Widgets. Select 468x60 Header Banner and then enter your add code into a text widget--> <div class="headerright"> <ul id="headerwidgeted"> <li id="text-343154481" class="widget widget_text"> <div class="textwidget"><a href="javascript:if(confirm('http://main-center.tr.gg/ nnThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. nnDo you want to open it from the server?'))window.location='http://main-center.tr.gg/'" _fcksavedurl="javascript:if(confirm('http://main-center.tr.gg/ nnThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. nnDo you want to open it from the server?'))window.location='http://main-center.tr.gg/'" tppabs="http://main-center.tr.gg/"><img src="https://img.webme.com/pic/m/main-center/480mainx.jpg" _fcksavedurl="https://img.webme.com/pic/m/main-center/480mainx.jpg" tppabs="https://img.webme.com/pic/c/main-center/46860main-center.gif" alt="Main-center"></a></div> </li> </ul> </div> </div> <div id="navbar"> <div id="navbarleft"> <ul id="nav"> <li><a href="javascript:if(confirm('http://www.revolutiontwo.com/demo/lifestyle nnThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. nnDo you want to open it from the server?'))window.location='http://www.revolutiontwo.com/demo/lifestyle'" _fcksavedurl="javascript:if(confirm('http://www.revolutiontwo.com/demo/lifestyle nnThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. nnDo you want to open it from the server?'))window.location='http://www.revolutiontwo.com/demo/lifestyle'" tppabs="http://www.revolutiontwo.com/demo/lifestyle">Home</a></li> <li class="page_item page-item-2"><a href="sample-page.htm" _fcksavedurl="sample-page.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/sample-page" title="Sample Page">Sample Page</a> <ul> <li class="page_item page-item-21"><a href="sub-page-1.htm" _fcksavedurl="sub-page-1.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/sample-page/sub-page-1" title="Sub Page #1">Sub Page #1</a> <ul> <li class="page_item page-item-98"><a href="sub-sub-page-1.htm" _fcksavedurl="sub-sub-page-1.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/sample-page/sub-page-1/sub-sub-page-1" title="Sub Sub Page #1">Sub Sub Page #1</a> <ul> <li class="page_item page-item-106"><a href="sub-sub-sub-page-1.htm" _fcksavedurl="sub-sub-sub-page-1.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/sample-page/sub-page-1/sub-sub-page-1/sub-sub-sub-page-1" title="Sub Sub Sub Page #1">Sub Sub Sub Page #1</a></li> <li class="page_item page-item-108"><a href="sub-sub-sub-page-2.htm" _fcksavedurl="sub-sub-sub-page-2.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/sample-page/sub-page-1/sub-sub-page-1/sub-sub-sub-page-2" title="Sub Sub Sub Page #2">Sub Sub Sub Page #2</a></li> <li class="page_item page-item-110"><a href="sub-sub-sub-page-3.htm" _fcksavedurl="sub-sub-sub-page-3.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/sample-page/sub-page-1/sub-sub-page-1/sub-sub-sub-page-3" title="Sub Sub Sub Page #3">Sub Sub Sub Page #3</a></li> </ul> </li> <li class="page_item page-item-100"><a href="sub-sub-page-2.htm" _fcksavedurl="sub-sub-page-2.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/sample-page/sub-page-1/sub-sub-page-2" title="Sub Sub Page #2">Sub Sub Page #2</a></li> <li class="page_item page-item-102"><a href="sub-sub-page-3.htm" _fcksavedurl="sub-sub-page-3.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/sample-page/sub-page-1/sub-sub-page-3" title="Sub Sub Page #3">Sub Sub Page #3</a></li> </ul> </li> <li class="page_item page-item-23"><a href="sub-page-2.htm" _fcksavedurl="sub-page-2.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/sample-page/sub-page-2" title="Sub Page #2">Sub Page #2</a></li> <li class="page_item page-item-25"><a href="sub-page-3.htm" _fcksavedurl="sub-page-3.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/sample-page/sub-page-3" title="Sub Page #3">Sub Page #3</a></li> <li class="page_item page-item-27"><a href="sub-page-4.htm" _fcksavedurl="sub-page-4.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/sample-page/sub-page-4" title="Sub Page #4">Sub Page #4</a></li> <li class="page_item page-item-29"><a href="sub-page-5.htm" _fcksavedurl="sub-page-5.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/sample-page/sub-page-5" title="Sub Page #5">Sub Page #5</a></li> </ul> </li> <li class="page_item page-item-14"><a href="sample-post.htm" _fcksavedurl="sample-post.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/sample-post" title="Sample Post">Sample Post</a></li> <li class="page_item page-item-16"><a href="blog-page.htm" _fcksavedurl="blog-page.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/blog-page" title="Blog Page">Blog Page</a></li> <li class="page_item page-item-18"><a href="archive-page.htm" _fcksavedurl="archive-page.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/archive-page" title="Archive Page">Archive Page</a></li> <li class="page_item page-item-129"><a href="full-page.htm" _fcksavedurl="full-page.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/full-page" title="Full Page">Full Page</a></li> </ul> </div> <div id="navbarright"> <form id="searchform" method="get" action="http://www.revolutiontwo.com/demo/lifestyle/index.php"> <input value="Sitede Ara ..." name="s" id="searchbox" onfocus_fckprotectedatt="%20onfocus%3D%22if%20(this.value%20%3D%3D%20'Search%20this%20website...')%20%7Bthis.value%20%3D%20''%3B%7D%22" onblur_fckprotectedatt="%20onblur%3D%22if%20(this.value%20%3D%3D%20'')%20%7Bthis.value%20%3D%20'Search%20this%20website...'%3B%7D%22" type="text"> <input id="searchbutton" value="Ara" type="submit"></form> </div> </div> <div style="clear: both;"></div> <div id="subnavbar"> <ul id="subnav"> <li class="cat-item cat-item-3"><a href="beauty.htm" _fcksavedurl="beauty.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/beauty" title="View all posts filed under Beauty">Beauty</a> <ul class="children"> <li class="cat-item cat-item-19"><a href="sub-category-1.htm" _fcksavedurl="sub-category-1.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/beauty/sub-category-1" title="View all posts filed under Sub Category #1">Sub Category #1</a> <ul class="children"> <li class="cat-item cat-item-33"><a href="sub-sub-category-1.htm" _fcksavedurl="sub-sub-category-1.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/beauty/sub-category-1/sub-sub-category-1" title="View all posts filed under Sub Sub Category #1">Sub Sub Category #1</a> </li> <li class="cat-item cat-item-34"><a href="sub-sub-category-2.htm" _fcksavedurl="sub-sub-category-2.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/beauty/sub-category-1/sub-sub-category-2" title="View all posts filed under Sub Sub Category #2">Sub Sub Category #2</a> </li> <li class="cat-item cat-item-35"><a href="sub-sub-category-3.htm" _fcksavedurl="sub-sub-category-3.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/beauty/sub-category-1/sub-sub-category-3" title="View all posts filed under Sub Sub Category #3">Sub Sub Category #3</a> </li> </ul> </li> <li class="cat-item cat-item-20"><a href="sub-category-2.htm" _fcksavedurl="sub-category-2.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/beauty/sub-category-2" title="View all posts filed under Sub Category #2">Sub Category #2</a> </li> <li class="cat-item cat-item-21"><a href="sub-category-3.htm" _fcksavedurl="sub-category-3.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/beauty/sub-category-3" title="View all posts filed under Sub Category #3">Sub Category #3</a> </li> </ul> </li> <li class="cat-item cat-item-10"><a href="entertainment.htm" _fcksavedurl="entertainment.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/entertainment" title="View all posts filed under Entertainment">Entertainment</a> </li> <li class="cat-item cat-item-9"><a href="fashion.htm" _fcksavedurl="fashion.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/fashion" title="View all posts filed under Fashion">Fashion</a> </li> <li class="cat-item cat-item-1"><a href="featured.htm" _fcksavedurl="featured.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/featured" title="View all posts filed under Featured">Featured</a> </li> <li class="cat-item cat-item-7"><a href="fitness.htm" _fcksavedurl="fitness.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/fitness" title="View all posts filed under Fitness">Fitness</a> </li> <li class="cat-item cat-item-14"><a href="music.htm" _fcksavedurl="music.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/music" title="View all posts filed under Music">Music</a> </li> <li class="cat-item cat-item-6"><a href="parenting.htm" _fcksavedurl="parenting.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/parenting" title="View all posts filed under Parenting">Parenting</a> </li> <li class="cat-item cat-item-5"><a href="relationships.htm" _fcksavedurl="relationships.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/relationships" title="View all posts filed under Relationships">Relationships</a> </li> <li class="cat-item cat-item-12"><a href="shopping.htm" _fcksavedurl="shopping.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/shopping" title="View all posts filed under Shopping">Shopping</a> </li> <li class="cat-item cat-item-4"><a href="style.htm" _fcksavedurl="style.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/style" title="View all posts filed under Style">Style</a> </li> <li class="cat-item cat-item-13"><a href="travel.htm" _fcksavedurl="travel.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/travel" title="View all posts filed under Travel">Travel</a> </li> </ul> </div> <div style="clear: both;"></div> <div id="pagecontent"> <div id="homepage"> <div id="homepagetop"> <div class="featuredtop">Buraya Sitenizin İsmini veya Sloganını Koyabilirsiniz ...</div> </div> <div id="homepagebottom"> <div class="hpbottom"> <h3>www.Main-center.tr.gg</h3>
Tasarımın altındaki yazı:
</div> </div> </div> <!-- begin sidebar --> <div id="sidebar"> <ul id="sidebarwidgeted"> <li id="text-343152792" class="widget widget_text"> <h5 class="widgettitle">Günün Videosu</h5> <div class="textwidget"><FCK:embed src="http://video.atv.com.tr/player.swf" width="425" height="344" allowscriptaccess="always" allowfullscreen="true" flashvars="width=360&height=270&file=http://video.atv.com.tr/flvideo/1412.flvI=http://video.atv.com.tr/thumb/1_1412.jpg&displayheight=270&link=http://video.atv.com.tr/view_video.php?viewkey=f2afc4299b462b812cac&searchbar=false&linkfromdisplay=true&recommendations=http://video.atv.com.tr/feed_embed.php?v=f2afc4299b462b812cac" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" ></FCK:embed> </div> </li> <li id="recent-posts" class="widget widget_recent_entries"> <h5 class="widgettitle">Ana Menü</h5> <ul> <li><a href="will-it-end-in-marriage.htm" _fcksavedurl="will-it-end-in-marriage.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/relationships/will-it-end-in-marriage.htm">Will it End in Marriage? </a></li> <li><a href="a-date-at-the-beach.htm" _fcksavedurl="a-date-at-the-beach.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/relationships/a-date-at-the-beach.htm">A Date at the Beach </a></li> <li><a href="can-military-relationships-last.htm" _fcksavedurl="can-military-relationships-last.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/relationships/can-military-relationships-last.htm">Can Military Relationships Last? </a></li> <li><a href="walking-to-beat-breast-cancer.htm" _fcksavedurl="walking-to-beat-breast-cancer.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/fitness/walking-to-beat-breast-cancer.htm">Walking to Beat Breast Cancer </a></li> <li><a href="cross-training-for-endurance.htm" _fcksavedurl="cross-training-for-endurance.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/fitness/cross-training-for-endurance.htm">Cross Training For Endurance </a></li> </ul> </li> </ul> <!-- begin l_sidebar --> <div id="l_sidebar"> <ul id="l_sidebarwidgeted"> <li id="categories-343153801" class="widget widget_categories"><h5 class="widgettitle">Categories</h5> <ul> <li class="cat-item cat-item-3"><a href="beauty.htm" _fcksavedurl="beauty.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/beauty" title="View all posts filed under Beauty">Beauty</a> </li> <li class="cat-item cat-item-10"><a href="entertainment.htm" _fcksavedurl="entertainment.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/entertainment" title="View all posts filed under Entertainment">Entertainment</a> </li> <li class="cat-item cat-item-9"><a href="fashion.htm" _fcksavedurl="fashion.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/fashion" title="View all posts filed under Fashion">Fashion</a> </li> <li class="cat-item cat-item-1"><a href="featured.htm" _fcksavedurl="featured.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/featured" title="View all posts filed under Featured">Featured</a> </li> <li class="cat-item cat-item-7"><a href="fitness.htm" _fcksavedurl="fitness.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/fitness" title="View all posts filed under Fitness">Fitness</a> </li> <li class="cat-item cat-item-14"><a href="music.htm" _fcksavedurl="music.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/music" title="View all posts filed under Music">Music</a> </li> <li class="cat-item cat-item-6"><a href="parenting.htm" _fcksavedurl="parenting.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/parenting" title="View all posts filed under Parenting">Parenting</a> </li> <li class="cat-item cat-item-5"><a href="relationships.htm" _fcksavedurl="relationships.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/relationships" title="View all posts filed under Relationships">Relationships</a> </li> <li class="cat-item cat-item-12"><a href="shopping.htm" _fcksavedurl="shopping.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/shopping" title="View all posts filed under Shopping">Shopping</a> </li> <li class="cat-item cat-item-4"><a href="style.htm" _fcksavedurl="style.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/style" title="View all posts filed under Style">Style</a> </li> <li class="cat-item cat-item-19"><a href="sub-category-1.htm" _fcksavedurl="sub-category-1.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/beauty/sub-category-1" title="View all posts filed under Sub Category #1">Sub Category #1</a> </li> <li class="cat-item cat-item-20"><a href="sub-category-2.htm" _fcksavedurl="sub-category-2.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/beauty/sub-category-2" title="View all posts filed under Sub Category #2">Sub Category #2</a> </li> <li class="cat-item cat-item-21"><a href="sub-category-3.htm" _fcksavedurl="sub-category-3.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/beauty/sub-category-3" title="View all posts filed under Sub Category #3">Sub Category #3</a> </li> <li class="cat-item cat-item-33"><a href="sub-sub-category-1.htm" _fcksavedurl="sub-sub-category-1.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/beauty/sub-category-1/sub-sub-category-1" title="View all posts filed under Sub Sub Category #1">Sub Sub Category #1</a> </li> <li class="cat-item cat-item-34"><a href="sub-sub-category-2.htm" _fcksavedurl="sub-sub-category-2.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/beauty/sub-category-1/sub-sub-category-2" title="View all posts filed under Sub Sub Category #2">Sub Sub Category #2</a> </li> <li class="cat-item cat-item-35"><a href="sub-sub-category-3.htm" _fcksavedurl="sub-sub-category-3.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/beauty/sub-category-1/sub-sub-category-3" title="View all posts filed under Sub Sub Category #3">Sub Sub Category #3</a> </li> <li class="cat-item cat-item-13"><a href="travel.htm" _fcksavedurl="travel.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/travel" title="View all posts filed under Travel">Travel</a> </li> </ul> </li> <li id="archives" class="widget widget_archive"><h5 class="widgettitle">Dost Siteler</h5> <ul> <li><a href="http://main-center.tr.gg/" _fcksavedurl="http://main-center.tr.gg/" tppabs="http://main-center.tr.gg/" title="Css'de Güvenilir Kalite">Main-center</a></li> </ul> </li> </ul> </div> <!-- end l_sidebar --> <!-- begin r_sidebar --> <div id="r_sidebar"> <ul id="r_sidebarwidgeted"> <li id="text-343154071" class="widget widget_text"> <h5 class="widgettitle">Advertisement</h5> <div class="textwidget"><a href="javascript:if(confirm('http://www.proactiv.com/ nnThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. nnDo you want to open it from the server?'))window.location='http://www.proactiv.com/'" _fcksavedurl="javascript:if(confirm('http://www.proactiv.com/ nnThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. nnDo you want to open it from the server?'))window.location='http://www.proactiv.com/'" tppabs="http://www.proactiv.com/"><img src="https://img.webme.com/pic/m/main-center/125x419main.jpg" _fcksavedurl="https://img.webme.com/pic/c/main-center/125x419cssrklm.jpeg" tppabs="https://img.webme.com/pic/c/main-center/125x419cssrklm.jpeg" alt="Proactiv"></a></div> </li> </ul> </div> <!-- end r_sidebar --> </div> <!-- end sidebar --> </div> <!-- The main column ends --> <!-- begin footer --> <div style="clear: both;"></div> <div id="footer"> <p>Copyright © 2010 • Tüm Hakkı Main-center.tr.gg'de Saklıdır... • <a href="http://main-center.tr.gg/" _fcksavedurl="http://main-center.tr.gg/" tppabs="http://main-center.tr.gg/">Tema Tasarım ve Kodlama : </a> <a href="http://main-center.tr.gg/" _fcksavedurl="http://main-center.tr.gg/" tppabs="http://main-center.tr.gg/">Main-center</a> • </p> </div> </div>
CSS Kodu
(Style tagleri olmadan yazınız):
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;} /*Tema Tasarım ve Kodlama : www.Css-Sablon.tr.gg*/ body { background: #E2DDCB; width: 980px; color: #333333; font-size: 12px; font-family: Arial, Tahoma, Verdana; margin: 0px auto 0px; padding: 0px; } #wrap { background: #F7F5EF; width: 960px; margin: 10px auto 10px; padding: 0px; position: relative; border: 10px solid #D4CFBB; } /************************************************ * Hyperlinks * ************************************************/ a, a:visited { color: #7A3254; text-decoration: none; } a:hover { color: #495D5C; text-decoration: underline; } a img { border: none; } a:focus, a:hover, a:active { outline: none; } /************************************************ * Top Navbar * ************************************************/ #topnavbar { background: #93BBBC url("http://www.revolutiontwo.com/demo/lifestyle/images/topnav.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/topnav.png*/); width: 960px; height: 30px; color: #FFFFFF; margin: 0px; padding: 0px; } #topnavbar a, #topnavbar a:visited { font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; } #topnavbar a:hover { text-decoration: underline; } #topnavbar p { font-size: 11px; font-weight: bold; padding: 0px; margin: 0px; } .topnavbarleft { width: 230px; float: left; margin: 0px; padding: 8px 0px 0px 10px; } .topnavbarright { width: 600px; float: right; margin: 0px; padding: 7px 10px 0px 0px; text-transform: uppercase; text-align: right; } .topnavbarright a img { border: none; margin: 0px 3px 3px 0px; padding: 0px; } /************************************************ * Header * ************************************************/ #header { background: #85ACAC url("http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/header.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/header.png*/); width: 960px; height: 100px; color: #FFFFFF; font-size: 11px; margin: 0px; padding: 0px; overflow: hidden; } #header h1 { color: #FFFFFF; font-size: 36px; font-family: Georgia, Times New Roman; font-weight: normal; margin: 0px; padding: 15px 0px 0px 20px; text-decoration: none; } #header h1 a, #header h1 a:visited { color: #FFFFFF; font-size: 36px; font-family: Georgia, Times New Roman; font-weight: normal; margin: 0px; padding: 0px; text-decoration: none; } #header h1 a:hover { color: #FFFFFF; text-decoration: none; } #header h3 { color: #7A3254; font-size: 16px; font-family: Arial, Tahoma, Verdana; font-weight: normal; margin: 0px; padding: 0px; } #header p { color: #FFFFFF; padding: 0px 0px 5px 20px; margin: 0px; line-height: 20px; } .headerleft { width: 460px; float: left; font-size: 14px; margin: 0px; padding: 0px; } .headerleft a img { border: none; margin: 0px; padding: 0px; } .headerright { width: 488px; float: right; margin: 0px; padding: 20px 0px 0px 0px; } .headerright a img { border: none; margin: 0px; padding: 0px; } .headerright ul { list-style-type: none; margin: 0px; padding: 0px; } .headerright li { list-style-type: none; margin: 0px; padding: 0px; } /************************************************ * Navbar * ************************************************/ #navbar { background: #E1DCCA url("http://www.revolutiontwo.com/demo/lifestyle/images/navbar.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/navbar.png*/); width: 960px; height: 35px; font-size: 12px; font-family: Arial, Tahoma, Verdana; color: #FFFFFF; font-weight: bold; margin: 0px; padding: 0px; } #navbarleft { width: 680px; float: left; margin: 0px; padding: 0px; } #navbarright { width: 280px; font-size: 11px; float: right; margin: 0px; padding: 6px 0px 0px 0px; } #nav { margin: 0px; padding: 0px; } #nav ul { float: left; list-style: none; margin: 0px; padding: 0px; } #nav li { float: left; list-style: none; margin: 0px; padding: 0px; } #nav li a, #nav li a:link, #nav li a:visited { color: #495D5C; display: block; font-size: 16px; font-family: Georgia, Times New Roman; font-weight: normal; text-transform: none; margin: 0px; padding: 9px 15px 8px 15px; } #nav li a:hover, #nav li a:active { background: #EBE6D4 url("http://www.revolutiontwo.com/demo/lifestyle/images/navhov.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/navhov.png*/); color: #495D5C; margin: 0px; padding: 9px 15px 8px 15px; text-decoration: none; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #E1DCCA; width: 150px; color: #495D5C; font-size: 14px; font-family: Georgia, Times New Roman; font-weight: normal; text-transform: none; float: none; margin: 0px; padding: 7px 10px 7px 10px; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; } #nav li li a:hover, #nav li li a:active { background: #85ACAC; color: #FFFFFF; padding: 7px 10px 7px 10px; } #nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0px; padding: 0px; } #nav li li { } #nav li ul a { width: 140px; } #nav li ul a:hover, #nav li ul a:active { } #nav li ul ul { margin: -32px 0 0 171px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { position: static; } /************************************************ * SubNavbar * ************************************************/ #subnavbar { background: #666666; width: 960px; height: 24px; color: #FFFFFF; margin: 0px; padding: 0px; } #subnav { margin: 0px; padding: 0px; } #subnav ul { float: left; list-style: none; margin: 0px; padding: 0px; } #subnav li { float: left; list-style: none; margin: 0px; padding: 0px; } #subnav li a, #subnav li a:link, #subnav li a:visited { color: #FFFFFF; display: block; font-size: 10px; font-weight: bold; text-transform: uppercase; margin: 0px 5px 0px 0px; padding: 6px 13px 6px 13px; } #subnav li a:hover, #subnav li a:active { background: #85ACAC; color: #FFFFFF; display: block; text-decoration: none; margin: 0px 5px 0px 0px; padding: 6px 13px 6px 13px; } #subnav li li a, #subnav li li a:link, #subnav li li a:visited { background: #666666; width: 150px; float: none; margin: 0px; padding: 6px 10px 6px 10px; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; } #subnav li li a:hover, #subnav li li a:active { background: #85ACAC; margin: 0px; padding: 6px 10px 6px 10px; } #subnav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 160px; margin: 0px; padding: 0px; } #subnav li li { } #subnav li ul a { width: 150px; } #subnav li ul a:hover, #subnav li ul a:active { } #subnav li ul ul { margin: -25px 0 0 171px; } #subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover1 ul ul, #subnav li.sfhover1 ul ul ul { left: -999em; } #subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover1 ul, #subnav li li.sfhover1 ul, #subnav li li li.sfhover1 ul { left: auto; } #subnav li:hover, #subnav li.sfhover { position: static; } /************************************************ * Homepage * ************************************************/ #homepage { float: left; width: 610px; margin: 0px; padding: 0px; } #homepage p { margin: 0px; padding: 0px; } #homepage p img { border: none; float: left; margin: 0px; } #homepage ul { list-style-type: square; margin: 0px; padding: 0px 0px 15px 0px; } #homepage ul li { list-style-type: square; margin: 0px; padding: 0px; } .hpdate { font-size: 11px; margin: 0px; padding: 0px; } #homepagetop { background: #FFFFFF url("http://www.revolutiontwo.com/demo/lifestyle/images/homepagetop.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/homepagetop.gif*/) top no-repeat; float: left; width: 610px; margin: 0px 0px 10px 0px; padding: 0px; border: 1px solid #DDDDDD; } #homepagetop p { font-size: 12px; margin: 0px; padding: 0px 0px 0px 10px; } .featuredtop { float: left; margin: 0px; padding: 10px; display: inline; } .featuredtop img { border: none; margin: 0px; } #homepagebottom { background: #FFFFFF url("http://www.revolutiontwo.com/demo/lifestyle/images/homepagetop.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/homepagetop.gif*/) top no-repeat; float: left; width: 610px; margin: 10px 0px 10px 0px; padding: 0px; border: 1px solid #DDDDDD; } #homepagebottom p { font-size: 12px; margin: 0px; padding: 0px; } .hpbottom { float: left; width: 590px; margin: 0px; padding: 10px; display: inline; } .hpbottom img { border: none; margin: 0px; } #homepageleft { float: left; width: 300px; margin: 0px; padding: 0px; } .hpfeatured { background: #FFFFFF url("http://www.revolutiontwo.com/demo/lifestyle/images/featuredtop.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/featuredtop.gif*/) top no-repeat; float: left; width: 280px; margin: 0px; padding: 10px 10px 10px 10px; border: 1px solid #DDDDDD; } .hpfeatured img { border: none; margin: 0px; } #homepageright { float: right; width: 300px; margin: 0px; padding: 0px; } /************************************************ * Content * ************************************************/ #pagecontent { width: 940px; margin: 0px auto 0px; padding: 10px 0px 0px 0px; line-height: 18px; } #pagecontent h1 { color: #495D5C; font-size: 22px; font-family: Georgia, Times New Roman; font-weight: normal; margin: 0px 0px 5px 0px; padding: 10px 0px 0px 0px; } #pagecontent h1 a, #pagecontent h1 a:visited { color: #495D5C; font-size: 22px; font-family: Georgia, Times New Roman; font-weight: normal; margin: 0px 0px 5px 0px; padding: 10px 0px 0px 0px; } #pagecontent h1 a:hover { color: #7A3254; text-decoration: none; } #pagecontent h5 { background: #000000; color: #FFFFFF; font-size: 20px; font-family: Georgia, Times New Roman, Trebuchet MS; font-weight: normal; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 10px; } #pagecontent h3 { background: #86AFB0 url("http://www.revolutiontwo.com/demo/lifestyle/images/headline.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/headline.png*/); color: #FFFFFF; font-size: 11px; font-family: Arial, Tahoma, Verdana; font-weight: bold; text-transform: uppercase; margin: 0px 0px 10px 0px; padding: 3px 0px 3px 7px; } #pagecontent h4 { color: #495D5C; font-size: 22px; font-family: Georgia, Times New Roman; font-weight: normal; margin: 0px 0px 20px 0px; padding: 10px 0px 0px 0px; } #pagecontent img.wp-smiley { float: none; border: none; margin: 0px; padding: 0px; } #pagecontent img.wp-wink { float: none; border: none; margin: 0px; padding: 0px; } #pagecontentleft { float: left; width: 600px; margin: 0px; padding: 0px; } #pagecontentleft a img { border: none; } blockquote { background: #E8E8E8; margin: 0px 25px 15px 25px; padding: 10px 20px 0px 15px; border-top: 1px solid #DDDDDD; border-right: 1px solid #666666; border-left: 1px solid #DDDDDD; border-bottom: 1px solid #666666; } #pagecontent blockquote p { margin: 0px; padding: 0px 0px 15px 0px; } .postarea { background: #FFFFFF url("http://www.revolutiontwo.com/demo/lifestyle/images/homepagetop.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/homepagetop.gif*/) top no-repeat; float: left; width: 590px; margin: 0px 0px 10px 0px; padding: 10px; border: 1px solid #DDDDDD; } .postarea p { margin: 0px; padding: 0px 0px 15px 0px; } .postarea ul { list-style-type: square; margin: 0px; padding: 0px 0px 15px 0px; } .postarea ul li { list-style-type: square; margin: 0px 0px 0px 20px; padding: 0px; } .postarea ul ul { list-style-type: square; margin: 0px; padding: 0px 0px 0px 0px; } .postarea ol { margin: 0px; padding: 0px 0px 15px 0px; } .postarea ol li { margin: 0px 0px 0px 20px; padding: 0px; } .breadcrumb { float: left; width: 590px; font-size: 11px; margin: 0px 0px 20px 0px; padding: 0px 0px 3px 0px; border-bottom: double #EAEAEA; } #pagecontentwide { float: left; width: 940px; margin: 0px; padding: 0px 0px 10px 0px; } .postareawide { background: #FFFFFF url("http://www.revolutiontwo.com/demo/lifestyle/images/fullwidthtop.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/fullwidthtop.gif*/) top no-repeat; float: left; width: 920px; margin: 0px; padding: 10px; border: 1px solid #DDDDDD; } .postareawide p { margin: 0px; padding: 0px 0px 15px 0px; } .postareawide ul { list-style-type: square; margin: 0px; padding: 0px 0px 15px 0px; } .postareawide ul li { list-style-type: square; margin: 0px 0px 0px 20px; padding: 0px; } .postareawide ul ul { list-style-type: square; margin: 0px; padding: 0px 0px 0px 0px; } .postareawide ol { margin: 0px; padding: 0px 0px 15px 0px; } .postareawide ol li { margin: 0px 0px 0px 20px; padding: 0px; } .breadcrumbwide { float: left; width: 920px; font-size: 11px; margin: 0px 0px 20px 0px; padding: 0px 0px 3px 0px; border-bottom: double #EAEAEA; } .date { width: 590px; float: left; margin: 0px; padding: 5px 0px 0px 0px; } .dateleft { width: 380px; float: left; margin: 0px; padding: 0px; } .dateright { width: 200px; float: right; margin: 0px; padding: 0px; text-align: right; } .time { background: #FFFFFF url("http://www.revolutiontwo.com/demo/lifestyle/images/icon_time.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/icon_time.gif*/) no-repeat top left; margin: 0px 0px 0px 3px; padding: 0px 0px 0px 20px; } .icomment { background: #FFFFFF url("http://www.revolutiontwo.com/demo/lifestyle/images/icon_comments.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/icon_comments.gif*/) no-repeat top left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px; } .tags { background: #FFFFFF url("http://www.revolutiontwo.com/demo/lifestyle/images/icon_tags.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/icon_tags.gif*/) no-repeat top left; margin: 0px; padding: 0px 0px 0px 18px; } .category { background: #FFFFFF url("http://www.revolutiontwo.com/demo/lifestyle/images/icon_category.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/icon_category.gif*/) no-repeat top left; margin: 0px; padding: 0px 0px 0px 18px; } .postmeta { width: 590px; font-size: 12px; padding: 5px 0px 0px 0px; margin: 0px; border-top: double #EAEAEA; } .postmeta2 { width: 590px; font-size: 12px; padding: 5px 0px 40px 0px; margin: 0px; border-top: double #EAEAEA; } .archive { float: left; width: 275px; margin: 0px; padding: 0px 0px 20px 0px; } .postwidget { background: #FFFFFF url("http://www.revolutiontwo.com/demo/lifestyle/images/homepagetop.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/homepagetop.gif*/) top no-repeat; float: left; width: 590px; margin: 0px 0px 10px 0px; padding: 10px; border: 1px solid #DDDDDD; } .postwidget ul { list-style-type: none; margin: 0px; padding: 0px; } .postwidget li { list-style-type: none; margin: 0px; padding: 0px; } .comments { background: #FFFFFF url("http://www.revolutiontwo.com/demo/lifestyle/images/homepagetop.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/homepagetop.gif*/) top no-repeat; float: left; width: 590px; margin: 0px 0px 10px 0px; padding: 10px; border: 1px solid #DDDDDD; } /************************************************ * Images * ************************************************/ img.centered { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0px; } img.alignnone { padding: 0px; margin: 0px 0px 10px 0px; display: inline; } img.alignright { padding: 0px; margin: 0px 0px 10px 10px; display: inline; } img.alignleft { padding: 0px; margin: 0px 10px 10px 0px; display: inline; } .aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .alignright { float: right; margin: 0px 0px 10px 10px; } .alignleft { float: left; margin: 0px 10px 10px 0px; } .wp-caption { border: 1px solid #DDDDDD; text-align: center; background-color: #EEEEEE; padding: 4px 0px 5px 0px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0px 0px 5px 0px; padding: 0px; border: 0px; } .wp-caption p.wp-caption-text { margin: 0px; padding: 0px 0px 0px 0px; font-size: 11px; font-weight: normal; line-height: 12px; } /************************************************ * Sidebar * ************************************************/ #sidebar { float: right; width: 320px; margin: 0px; padding: 0px; display: inline; } #sidebar .widget { background: #FFFFFF url("http://www.revolutiontwo.com/demo/lifestyle/images/sidebartop.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/sidebartop.gif*/) top no-repeat; float: left; width: 300px; margin: 0px 0px 10px 0px; padding: 9px; border: 1px solid #DDDDDD; } #sidebar h5 { background: #86AFB0 url("http://www.revolutiontwo.com/demo/lifestyle/images/headline.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/headline.png*/); color: #FFFFFF; font-size: 11px; font-family: Arial, Tahoma, Verdana; font-weight: bold; text-transform: uppercase; margin: 0px 0px 10px 0px; padding: 3px 0px 3px 7px; } #sidebar p { margin: 0px; padding: 0px 0px 0px 45px; } #sidebar a img { border: none; margin: 0px; padding: 0px; } #sidebar embed, #sidebar object { width: 300px; height: 250px; margin: 0px; padding: 0px; } #sidebar ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; } #sidebar ul li { list-style-type: none; margin: 0px 0px 5px 0px; padding: 0px; } #sidebar ul ul { list-style-type: none; margin: 0px; padding: 0px; } #sidebar ul li li { background: #FFFFFF url("http://www.revolutiontwo.com/demo/lifestyle/images/icon.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/icon.gif*/) no-repeat top left; padding: 0px 0px 5px 20px; margin: 0px; } #sidebar ul li ul li { background: #FFFFFF url("http://www.revolutiontwo.com/demo/lifestyle/images/icon.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/icon.gif*/) no-repeat top left; padding: 0px 0px 5px 20px; margin: 0px; } /************************************************ * Left Sidebar * ************************************************/ #l_sidebar { float: left; width: 170px; margin: 0px; padding: 0px; display: inline; } #l_sidebar .widget{ background: #FFFFFF url("http://www.revolutiontwo.com/demo/lifestyle/images/leftsidebartop.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/leftsidebartop.gif*/) top no-repeat; float: right; width: 150px; margin: 0px 0px 10px 0px; padding: 9px; border: 1px solid #DDDDDD; display: inline; } #l_sidebar p { margin: 0px; padding: 0px 0px 10px 0px; } #l_sidebar a img { border: none; margin: 0px; padding: 0px; } #l_sidebar ul { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px; } #l_sidebar ul ul { list-style-type: none; margin: 0px; padding: 0px; } #l_sidebar ul li li { background: #FFFFFF url("http://www.revolutiontwo.com/demo/lifestyle/images/icon.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/icon.gif*/) no-repeat top left; padding: 0px 0px 5px 20px; margin: 0px; } #l_sidebar ul li ul li { background: #FFFFFF url("http://www.revolutiontwo.com/demo/lifestyle/images/icon.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/icon.gif*/) no-repeat top left; padding: 0px 0px 5px 20px; margin: 0px; } /************************************************ * Right Sidebar * ************************************************/ #r_sidebar { float: right; width: 140px; margin: 0px; padding: 0px; display: inline; } #r_sidebar .widget{ background: #FFFFFF url("http://www.revolutiontwo.com/demo/lifestyle/images/rightsidebartop.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/rightsidebartop.gif*/) top no-repeat; float: right; width: 120px; margin: 0px 0px 10px 0px; padding: 9px; border: 1px solid #DDDDDD; display: inline; } #r_sidebar p { padding: 0px 0px 10px 0px; margin: 0px; } #r_sidebar a img { border: none; margin: 0px; padding: 0px; } #r_sidebar ul { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px; } #r_sidebar ul ul { list-style-type: none; margin: 0px; padding: 0px; } #r_sidebar ul li li { background: #FFFFFF url("http://www.revolutiontwo.com/demo/lifestyle/images/icon.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/icon.gif*/) no-repeat top left; padding: 0px 0px 5px 20px; margin: 0px; } #r_sidebar ul li ul li { background: #FFFFFF url("http://www.revolutiontwo.com/demo/lifestyle/images/icon.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/icon.gif*/) no-repeat top left; padding: 0px 0px 5px 20px; margin: 0px; } /************************************************ * Footer * ************************************************/ #footer { background: #93BBBC url("http://www.revolutiontwo.com/demo/lifestyle/images/topnav.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/topnav.png*/); width: 960px; height: 30px; margin: 0px; padding: 0px; text-align: center; } #footer p { color: #FFFFFF; font-size: 11px; font-family: Arial, Tahoma, Verdana; margin: 0px; padding: 9px 0px 0px 0px; } #footer a, #footer a:visited { color: #FFFFFF; text-decoration: none; } #footer a:hover { color: #FFFFFF; text-decoration: underline; } /************************************************ * Search Form * ************************************************/ #searchform { margin: 0px; padding: 0px; overflow: hidden; display: inline; } #searchbox { background: #F7F5EF !important; width: 220px; color: #495D5C; font-size: 12px; font-family: Georgia, Times New Roman, Trebuchet MS; font-weight: normal; margin: 0px; padding: 4px 0px 3px 5px; border-top: 1px solid #759697; border-right: 1px solid #A3BAB9; border-left: 1px solid #759697; border-bottom: 1px solid #A3BAB9; display: inline; } #searchbutton { background: #93BBBC url("http://www.revolutiontwo.com/demo/lifestyle/images/topnav.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/topnav.png*/); color: #FFFFFF; font-size: 11px; font-family: Georgia, Times New Roman, Trebuchet MS; margin: 0px 0px 0px 5px; padding: 3px 3px 2px 3px; font-weight: bold; border-top: 1px solid #A3BAB9; border-right: 1px solid #759697; border-left: 1px solid #A3BAB9; border-bottom: 1px solid #759697; } #subscribe { background: #FFFFFF url("http://www.revolutiontwo.com/demo/lifestyle/images/feedburner.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/feedburner.png*/) top no-repeat; float: left; width: 300px; margin: 0px 0px 10px 0px; padding: 0px; } #subbox { background: #EEEEEE !important; width: 250px; color: #495D5C; font-size: 12px; font-family: Georgia, Times New Roman, Trebuchet MS; font-weight: normal; margin: 10px 0px 0px 0px; padding: 3px 0px 3px 5px; border-top: 1px solid #759697; border-right: 1px solid #A3BAB9; border-left: 1px solid #759697; border-bottom: 1px solid #A3BAB9; display: inline; } #subbutton { background: #93BBBC url("http://www.revolutiontwo.com/demo/lifestyle/images/topnav.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/topnav.png*/); color: #FFFFFF; font-size: 11px; font-family: Georgia, Times New Roman, Trebuchet MS; margin: 0px 0px 0px 7px; padding: 3px 3px 2px 3px; font-weight: bold; border-top: 1px solid #A3BAB9; border-right: 1px solid #759697; border-left: 1px solid #A3BAB9; border-bottom: 1px solid #759697; } #author, #email, #url { background: #EEEEEE !important; width: 250px; color: #202020; font-size: 12px; font-weight: normal; margin: 5px 0px 0px 0px; padding: 3px 0px 3px 5px; border: 1px solid #DDDDDD; display: inline; } #submit { background: #7B7B7B url("http://www.revolutiontwo.com/demo/lifestyle/images/topnav.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/topnav.gif*/); color: #FFFFFF; font-size: 11px; font-family: Arial, Tahoma, Verdana; margin: 0px; padding: 3px 3px 2px 3px; font-weight: bold; border: 1px solid #DDDDDD; border-right: 1px solid #666666; border-left: 1px solid #DDDDDD; border-bottom: 1px solid #666666; } #comment { background: #EEEEEE; color: #202020; font-size: 12px; font-weight: normal; margin: 5px 0px 5px 0px; padding: 3px 0px 3px 5px; border: 1px solid #DDDDDD; display: inline; } /************************************************ * Comments * ************************************************/ .commentlist li ul li { font-size: 12px; } .commentlist li { font-weight: bold; } .commentlist li .avatar { background: #FFFFFF; float: right; border: 1px solid #EEEEEE; margin: 0px 5px 0px 10px; padding: 2px; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 12px; } .commentlist p { font-weight: normal; text-transform: none; } .commentmetadata { font-weight: normal; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0px; } #commentform { margin: 5px 10px 0px 0px; } #commentform textarea { width: 98%; padding: 2px; } #respond:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } #commentform p { margin: 5px 0px 5px 0px; } #commentform #submit { margin: 0px; float: left; } .alt { margin: 0px; padding: 10px; } .commentlist { margin: 0px; padding: 0px; } .commentlist ol { margin: 0px; padding: 10px; } .commentlist li { margin: 15px 0px 10px; padding: 10px 5px 10px 10px; list-style: none; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .commentlist p { margin: 10px 5px 10px 0px; padding: 0px; } .children { margin: 0px; padding: 0px; } .nocomments { text-align: center; margin: 0px; padding: 0px; } .commentmetadata { font-size: 10px; margin: 0px; display: block; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 40px; } .alignright { float: right; } .alignleft { float: left; } .thread-alt { background: #FFFFFF; margin: 0px; padding: 0px; } .thread-even { background: #EEEEEE; margin: 0px; padding: 0px; } .depth-1 { border: 1px dotted #BBBBBB; margin: 0px; padding: 0px; } .even, .alt { border-top: 1px dotted #BBBBBB; border-bottom: 1px dotted #BBBBBB; border-left: 1px dotted #BBBBBB; margin: 0px; padding: 0px; } /* resim galeri css kodu burada başlıyor */ #flickrGallery { width: 500px; height: 334px; } #myGallery img.thumbnail, #myGallerySet img.thumbnail { display: none; } .jdGallery { overflow: hidden; position: relative; } .jdGallery img { border: 0; margin: 0; } .jdGallery .slideElement { width: 100%; height: 100%; background-color: #000; background-repeat: no-repeat; background-position: center center; background-image: url("http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/loading-bar-black.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/loading-bar-black.gif*/); } .jdGallery .loadingElement { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; background-repeat: no-repeat; background-position: center center; background-image: url("http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/loading-bar-black.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/loading-bar-black.gif*/); } * html .jdGallery .slideInfoZone { bottom: -1px; } .jdGallery .slideInfoZone h5 { padding: 0; font-size: 14px; margin: 0; margin: 2px 5px; font-weight: bold; color: #FFFFFF; } .jdGallery .slideInfoZone p { padding: 0; font-size: 11px; margin: 2px 5px; color: #eee; } .jdGallery div.carouselContainer { position: absolute; height: 135px; width: 100%; z-index: 10; margin: 0px; left: 0; top: 0; } .jdGallery a.carouselBtn { position: absolute; bottom: 0; right: 30px; height: 20px; /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/ text-align: center; padding: 0 10px; font-size: 13px; background: #000; color: #fff; cursor: pointer; } .jdGallery .carousel { position: absolute; width: 100%; margin: 0px; left: 0; top: 0; height: 115px; background: #000; color: #fff; text-indent: 0; overflow: hidden; } .jdExtCarousel { overflow: hidden; position: relative; } .jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper { position: absolute; width: 100%; height: 78px; top: 10px; left: 0; overflow: hidden; } .jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner { position: relative; } .jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail { cursor: pointer; background: #000; background-position: center center; float: left; border: solid 1px #fff; } .jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail { margin-bottom: 10px; } .jdGallery .carousel .label, .jdExtCarousel .label { font-size: 13px; position: absolute; bottom: 5px; left: 10px; padding: 0; margin: 0; } .jdGallery .carousel .wallButton, .jdExtCarousel .wallButton { font-size: 10px; position: absolute; bottom: 5px; right: 10px; padding: 1px 2px; margin: 0; background: #222; border: 1px solid #888; cursor: pointer; } .jdGallery .carousel .label .number, .jdExtCarousel .label .number { color: #b5b5b5; } .jdGallery a { font-size: 100%; text-decoration: none; color: inherit; } .jdGallery a.right, .jdGallery a.left { position: absolute; height: 99%; width: 25%; cursor: pointer; z-index:10; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; } * html .jdGallery a.right, * html .jdGallery a.left { filter:alpha(opacity=50); } .jdGallery a.right:hover, .jdGallery a.left:hover { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .jdGallery a.left { left: 0; top: 0; background: url("http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/fleche1.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/fleche1.png*/) no-repeat center left; } * html .jdGallery a.left { background: url("http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/fleche1.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/fleche1.gif*/) no-repeat center left; } .jdGallery a.right { right: 0; top: 0; background: url("http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/fleche2.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/fleche2.png*/) no-repeat center right; } * html .jdGallery a.right { background: url("http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/fleche2.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/fleche2.gif*/) no-repeat center right; } .jdGallery a.open { left: 0; top: 0; width: 100%; height: 100%; } .withArrows a.open { position: absolute; top: 0; left: 25%; height: 99%; width: 50%; cursor: pointer; z-index: 10; background: none; -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .withArrows a.open:hover { background: url("http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/open.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/open.png*/) no-repeat center center; } * html .withArrows a.open:hover { background: url("http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/open.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/open.gif*/) no-repeat center center; filter:alpha(opacity=80); } /* Gallery Sets */ .jdGallery a.gallerySelectorBtn { z-index: 15; position: absolute; top: 0; left: 30px; height: 20px; /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/ text-align: center; padding: 0 10px; font-size: 13px; background: #000; color: #fff; cursor: pointer; opacity: .4; -moz-opacity: .4; -khtml-opacity: 0.4; filter:alpha(opacity=40); } .jdGallery .gallerySelector { z-index: 20; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; } .jdGallery .gallerySelector h5 { margin: 0; padding: 10px 20px 10px 20px; font-size: 20px; line-height: 30px; color: #fff; } .jdGallery .gallerySelector .gallerySelectorWrapper { overflow: hidden; } .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton { margin-left: 10px; margin-top: 10px; border: 1px solid #888; padding: 5px; height: 40px; color: #fff; cursor: pointer; float: left; } .jdGallery .gallerySelector .gallerySelectorInner div.hover { background: #000; } .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview { background: #000; background-position: center center; float: left; border: none; width: 40px; height: 40px; margin-right: 5px; } .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 { margin: 0; padding: 0; font-size: 12px; font-weight: normal; } .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info { margin: 0; padding: 0; font-size: 12px; font-weight: normal; color: #aaa; } /* resim galeri css kodu burada bitiyor */ table {margin-left: auto;margin-right: auto}
Tasarımın üzerindeki yazı:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Theme Name </title> <meta name="generator" content="WordPress 2.3.3" /> <!-- leave this for stats --> <link rel="stylesheet" href="http://test.qualitywordpress.com/wp-content/themes/high-sleek/style.css" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="Theme Name RSS Feed" href="http://test.qualitywordpress.com/?feed=rss2" /> <link rel="pingback" href="http://test.qualitywordpress.com/xmlrpc.php" /> <link rel="stylesheet" type="text/css" href="http://test.qualitywordpress.com/wp-content/themes/high-sleek/style.css" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="http://test.qualitywordpress.com/wp-content/themes/high-sleek/style_ie.css" /> <![endif]--> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://test.qualitywordpress.com/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://test.qualitywordpress.com/wp-includes/wlwmanifest.xml" /> </head> <body> <!-- Page --> <div id="page"><div id="page-top"><div id="page-bottom"> <!-- Header --> <div id="header"> <!-- Title --> <div id="header-info"> <h1><a href="http://test.qualitywordpress.com/">KaraSayfa</a></h1> <div class="description">Css Tasarsım Bölümü (M-C)</div> </div> <!-- /Title --> <!-- Menu --> <div id="header-menu"> <ul> <li class="current_page_item"><a href="http://test.qualitywordpress.com/">Home</a></li> <li class="page_item page-item-2"><a href="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" title="Archives">Archives</a></li> <li class="page_item page-item-16"><a href="http://test.qualitywordpress.com/?page_id=16" title="Links">Links</a></li> </ul> </div> <!-- /Menu --> <!-- Search --> <div id="header-search"> <form method="get" id="searchform" action="http://test.qualitywordpress.com/"> <input type="text" value="" name="s" id="s" /> <input type="submit" id="searchsubmit" value="" /> </form> </div> <!-- /Search --> <!-- Feed --> <div id="header-feed"> <a href="http://technorati.com" rel="nofollow"><img src="http://test.qualitywordpress.com/wp-content/themes/high-sleek/images/blank.gif" alt="Tech" width="60" height="60" /></a> </div> <!-- /Feed --> <!-- Feed2 --> <div id="header-feed2"> <a href="http://test.qualitywordpress.com/?feed=rss"><img src="http://test.qualitywordpress.com/wp-content/themes/high-sleek/images/blank.gif" alt="RSS" width="60" height="60" /></a> </div> <!-- /Feed2 --> <!-- Feed3 --> <div id="header-feed1"> <a href="http://stumbleupon.com/" rel="nofollow"><img src="http://test.qualitywordpress.com/wp-content/themes/high-sleek/images/blank.gif" alt="bookmark" width="60" height="60" /></a> </div> <!-- /Feed3 --> </div> <!-- /Header --> <!-- Main --> <div id="main"> <!-- Sidebar --> <div id="sidebar"> <div class="sidebar-box"> <h3>Reklamlar</h3> <center> <img src="https://img.webme.com/pic/m/main-center/250250main.jpg" alt="Banner" width="275" height="275" /></center> </div> <div class="sidebar-box"> <h3>Etiket Resimleri</h3> <div class="sidebar-ads"> <div class="sidebar-ads-in"><img src="http://test.qualitywordpress.com/wp-content/themes/high-sleek/images/f1.jpg" alt="Banner" width="125" height="125" /></div> <div class="sidebar-ads-in"><img src="http://test.qualitywordpress.com/wp-content/themes/high-sleek/images/f2.jpg" alt="Banner" width="125" height="125" /></div> <div class="sidebar-ads-in"><img src="http://test.qualitywordpress.com/wp-content/themes/high-sleek/images/f3.jpg" alt="Banner" width="125" height="125" /></div> <div class="sidebar-ads-in"><img src="http://test.qualitywordpress.com/wp-content/themes/high-sleek/images/f4.jpg" alt="ad" width="125" height="125" border="0" /></div> <div class="clear"></div> </div> </div> <div class="sidebar-box"> <h3>Pages</h3> <ul> <li class="page_item page-item-2"><a href="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" title="Archives">Archives</a></li> <li class="page_item page-item-16"><a href="http://test.qualitywordpress.com/?page_id=16" title="Links">Links</a></li> </ul> </div> <div class="sidebar-box"> <h3>Categories</h3> <ul> <li class="cat-item cat-item-3"><a href="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" 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" 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" 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" title="View all posts filed under Uncategorized">Uncategorized</a> </li> </ul> </div> <div class="sidebar-box"> <h3>Archives</h3> <ul> <li><a href='http://test.qualitywordpress.com/?m=200810' title='October 2008'>October 2008</a></li> <li><a href='http://test.qualitywordpress.com/?m=200809' title='September 2008'>September 2008</a></li> <li><a href='http://test.qualitywordpress.com/?m=200808' title='August 2008'>August 2008</a></li> <li><a href='http://test.qualitywordpress.com/?m=200806' title='June 2008'>June 2008</a></li> </ul> </div> <div class="sidebar-box"> <h3>Blog Roll</h3> <ul> <li><a href="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/">WordPress Planet</a></li> </ul> </div> </div> <!-- Sidebar --> <!-- Content --> <div id="content"> <center> <a href="http://test.qualitywordpress.com/?feed=rss"><img src="http://test.qualitywordpress.com/wp-content/themes/high-sleek/images/ad-banner.gif" alt="RSS Banner" width="468" height="60" /></a></center> <br /><br /> </div>
Tasarımın altındaki yazı:
<!-- /Content --> <div class="clear"></div> </div> <!-- /Main --> <!-- Footer --> <div id="footer"> <!-- Footerbar --> <div id="footerbar"> <div id="footerbar-left"> <ul class="footerbar-left-in"><br /><br /> <li><a href='http://test.qualitywordpress.com/?p=15' title='New Design Concept Pieces'>New Design Concept Pieces</a></li> <li><a href='http://test.qualitywordpress.com/?p=14' title='Success Through Themes'>Success Through Themes</a></li> <li><a href='http://test.qualitywordpress.com/?p=13' title='Premium Wordpress Themes'>Premium Wordpress Themes</a></li> <li><a href='http://test.qualitywordpress.com/?p=8' title='Longer Post'>Longer Post</a></li> </ul> </div> <div id="footerbar-center"> <ul class="footerbar-center-in"><br /><br /> <li><a href="http://test.qualitywordpress.com/?p=13">admin @ Premium Wordpress Themes ...</a></li><li><a href="http://test.qualitywordpress.com/?p=15">admin @ New Design Concept Pieces ...</a></li><li><a href="http://test.qualitywordpress.com/?p=8"> @ Longer Post ...</a></li> </ul> </div> <div id="footerbar-right"> <ul class="footerbar-right-in"><br /><br /> Designed by: <a href="http://buyonline.gomangosteen.com/">Xango</a> <br /> <br /><a href="http://www.timesoftheinternet.com/business/">Finance News</a> <br /><a href="http://www.parfumy.com/c_Women's_Gifts">Fragrance Gift Sets</a> <br /><a href="http://www.mybestratedwebhosting.com">Web Hosting Reviews</a> </ul> </div> </div> <!-- /Footerbar --> <!-- Copyright --> <div id="copyright"> (c)Copyrighted <a href="http://main-center.tr.gg">Main-Center</a> Tüm Hakları Main-Center'da Gizlidir. </div> <!-- /Copyright --> </div> <!-- Footer --> </div></div></div> <!-- /Page --> </body> </html>
CSS Kodu
(Style tagleri olmadan yazınız):
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;} table {margin-left: auto;margin-right: auto}
Tasarımın üzerindeki yazı:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Theme Name </title> <meta name="generator" content="WordPress 2.3.3" /> <!-- leave this for stats --> <link rel="stylesheet" href="http://test.qualitywordpress.com/wp-content/themes/vids-mag/style.css" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="Theme Name RSS Feed" href="http://test.qualitywordpress.com/?feed=rss2" /> <link rel="pingback" href="http://test.qualitywordpress.com/xmlrpc.php" /> <link rel="stylesheet" type="text/css" href="http://test.qualitywordpress.com/wp-content/themes/vids-mag/style.css" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="http://test.qualitywordpress.com/wp-content/themes/vids-mag/style_ie.css" /> <![endif]--> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://test.qualitywordpress.com/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://test.qualitywordpress.com/wp-includes/wlwmanifest.xml" /> </head> <body> <!-- Page --> <div id="page"><div id="page-top"><div id="page-bottom"> <!-- Header --> <div id="header"> <!-- Title --> <div id="header-info"> <h1><a href="http://test.qualitywordpress.com/">White-Fire</a></h1> <div class="description">Css Tasarım Bölümü (M-C)</div> </div> <!-- /Title --> <!-- Menu --> <div id="header-menu"> <ul> <li class="current_page_item"><a href="http://test.qualitywordpress.com/">Home</a></li> <li class="page_item page-item-2"><a href="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" title="Archives">Archives</a></li> <li class="page_item page-item-16"><a href="http://test.qualitywordpress.com/?page_id=16" title="Links">Links</a></li> </ul> </div> <!-- /Menu --> <!-- Search --> <div id="header-search"> <form method="get" id="searchform" action="http://test.qualitywordpress.com/"> <input type="text" value="" name="s" id="s" /> <input type="submit" id="searchsubmit" value="" /> </form> </div> <!-- /Search --> <!-- Stu --> <div id="header-stu"> <a href="http://www.digg.com/" rel="nofollow"><img src="http://test.qualitywordpress.com/wp-content/themes/vids-mag/images/blank.gif" alt="RSS Feed" width="60" height="60" /></a> </div> <!-- /Stu --> <!-- Feed --> <div id="header-feed"> <a href="http://test.qualitywordpress.com/?feed=rss"><img src="http://test.qualitywordpress.com/wp-content/themes/vids-mag/images/blank.gif" alt="RSS Feed" width="60" height="60" /></a> </div> <!-- /Feed --> <!-- Feed1 --> <div id="header-feed1"> <a href="http://www.digg.com/ rel="nofollow"><img src="http://test.qualitywordpress.com/wp-content/themes/vids-mag/images/blank.gif" alt="RSS Feed" width="60" height="60" /></a> </div> <!-- /Feed1 --> <!-- Feed2 --> <div id="header-feed2"> <a href="http://delicious.com/" rel="nofollow"><img src="http://test.qualitywordpress.com/wp-content/themes/vids-mag/images/blank.gif" alt="RSS Feed" width="60" height="60" /></a> </div> <!-- /Feed2 --> <!-- Feed3 --> <div id="header-feed1"> <a href="http://technorati.com/" rel="nofollow"><img src="http://test.qualitywordpress.com/wp-content/themes/vids-mag/images/blank.gif" alt="RSS Feed" width="60" height="60" /></a> </div> <!-- /Feed3 --> </div> <!-- /Header --> <!-- Main --> <div id="main"> <!-- Content --> <div id="content"> <br /><br /> </div>
Tasarımın altındaki yazı:
<!-- /Content --> <!-- Sidebar --> <div id="sidebar"> <div class="sidebar-box"> <h3>Big Reklam</h3> <center> <img src="https://img.webme.com/pic/m/main-center/250250main.jpg" alt="Banner" width="275" height="275" /></center> </div> <div class="sidebar-box"> <h3>Dost Siteler</h3> <div class="sidebar-ads"> <div class="sidebar-ads-in"><img src="https://img.webme.com/pic/m/main-center/125125main.jpg" alt="Banner" width="125" height="125" /></div> <div class="sidebar-ads-in"><img src="http://test.qualitywordpress.com/wp-content/themes/vids-mag/images/banner.gif" alt="Banner" width="125" height="125" /></div> <div class="sidebar-ads-in"><img src="http://test.qualitywordpress.com/wp-content/themes/vids-mag/images/banner.gif" alt="Banner" width="125" height="125" /></div> <div class="sidebar-ads-in"><img src="http://test.qualitywordpress.com/wp-content/themes/vids-mag/images/banner.gif" alt="Banner" width="125" height="125" /></div> <div class="clear"></div> </div> </div> <div class="sidebar-box"> <h3>Pages</h3> <ul> <li class="page_item page-item-2"><a href="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" title="Archives">Archives</a></li> <li class="page_item page-item-16"><a href="http://test.qualitywordpress.com/?page_id=16" title="Links">Links</a></li> </ul> </div> <div class="sidebar-box"> <h3>Categories</h3> <ul> <li class="cat-item cat-item-3"><a href="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" 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" 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" 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" title="View all posts filed under Uncategorized">Uncategorized</a> </li> </ul> </div> <div class="sidebar-box"> <h3>Archives</h3> <ul> <li><a href='http://test.qualitywordpress.com/?m=200810' title='October 2008'>October 2008</a></li> <li><a href='http://test.qualitywordpress.com/?m=200809' title='September 2008'>September 2008</a></li> <li><a href='http://test.qualitywordpress.com/?m=200808' title='August 2008'>August 2008</a></li> <li><a href='http://test.qualitywordpress.com/?m=200806' title='June 2008'>June 2008</a></li> </ul> </div> <div class="sidebar-box"> <h3>Blog Roll</h3> <ul> <li><a href="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/">WordPress Planet</a></li> </ul> </div> </div> <!-- Sidebar --> <div class="clear"></div> </div> <!-- /Main --> <!-- Footer --> <div id="footer"> <!-- Footerbar --> <div id="footerbar"> <div id="footerbar-left"> <ul class="footerbar-left-in"> <li><a href='http://test.qualitywordpress.com/?p=15' title='New Design Concept Pieces'>New Design Concept Pieces</a></li> <li><a href='http://test.qualitywordpress.com/?p=14' title='Success Through Themes'>Success Through Themes</a></li> <li><a href='http://test.qualitywordpress.com/?p=13' title='Premium Wordpress Themes'>Premium Wordpress Themes</a></li> <li><a href='http://test.qualitywordpress.com/?p=8' title='Longer Post'>Longer Post</a></li> </ul> </div> <div id="footerbar-center"> <ul class="footerbar-center-in"> <li><a href="http://test.qualitywordpress.com/?p=13">admin @ Premium Wordpress Themes ...</a></li><li><a href="http://test.qualitywordpress.com/?p=15">admin @ New Design Concept Pieces ...</a></li><li><a href="http://test.qualitywordpress.com/?p=8"> @ Longer Post ...</a></li> </ul> </div> <div id="footerbar-right"> <ul class="footerbar-right-in"> Designed by: <a href="http://wordpress.reviewitonline.net">Free Wordpress Themes</a> <br /> <br /><a href="http://bingo.reviewitonline.net">Bingo</a> <br /><a href="http://www.freebingo.me">Free Bingo</a> <br /><a href="http://www.lordbingo.co.uk">Online Bingo</a> </ul> </div> </div> <!-- /Footerbar --> <!-- Copyright --> <div id="copyright"> (c)Copyrighted <a href="http://test.qualitywordpress.com/">Main-Center</a> Tüm Hakları Saklıdır. </div> <!-- /Copyright --> </div> <!-- Footer --> </div></div></div> <!-- /Page --> </body> </html>
CSS Kodu
(Style tagleri olmadan yazınız):
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;} table {margin-left: auto;margin-right: auto}
Tasarımın üzerindeki yazı:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Theme Name </title> <meta name="generator" content="WordPress 2.3.3" /> <!-- leave this for stats --> <link rel="stylesheet" href="http://test.qualitywordpress.com/wp-content/themes/grundge-fx/style.css" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="Theme Name RSS Feed" href="http://test.qualitywordpress.com/?feed=rss2" /> <link rel="pingback" href="http://test.qualitywordpress.com/xmlrpc.php" /> <link rel="stylesheet" type="text/css" href="http://test.qualitywordpress.com/wp-content/themes/grundge-fx/style.css" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="http://test.qualitywordpress.com/wp-content/themes/grundge-fx/style_ie.css" /> <![endif]--> <!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="http://test.qualitywordpress.com/wp-content/themes/grundge-fx/style_ie6.css" /> <![endif]--> <script type="text/javascript" src="http://test.qualitywordpress.com/wp-content/themes/grundge-fx/jquery-1.3.1.min.js"></script> <script type="text/javascript" src="http://test.qualitywordpress.com/wp-content/themes/grundge-fx/sliders.js"></script> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://test.qualitywordpress.com/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://test.qualitywordpress.com/wp-includes/wlwmanifest.xml" /> </head> <body> <!-- Page --> <div id="page"><div id="page-in"> <!-- Header --> <div id="header"><div id="header-top"><div id="header-bottom"> <!-- Title --> <div id="header-info"> <h1><a href="http://Main-Center.tr.gg/">Main-Center</a></h1> <div class="description">Css Tasarım Bölümü</div> </div> <!-- /Title --> <!-- Menu --> <div id="header-menu"> <ul> <li class="current_page_item"><a href="http://Main-Center.tr.gg/">Home</a></li> <li class="page_item page-item-2"><a href="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" title="Archives">Archives</a></li> <li class="page_item page-item-16"><a href="http://test.qualitywordpress.com/?page_id=16" title="Links">Links</a></li> </ul> </div> <!-- /Menu --> <!-- Foo --> <div id="header-foo"> <a href="http://twitter.com""><img src="http://test.qualitywordpress.com/wp-content/themes/grundge-fx/images/blank.gif" width="190" height="!37"></a> </div></div> <!-- /Foo --> <!-- Foo2 --> <div id="header-foo2"> <b>Featured News</b><br />This is where you can add a brief excerpt of your featured text. Open header.php to edit this. <br /><br /><a href=#""><img src="http://test.qualitywordpress.com/wp-content/themes/grundge-fx/images/more.gif"></a> </div> <!-- /Foo2 --> <!-- Foo3 --> <div id="header-foo3"> <a href="#"><img src="http://test.qualitywordpress.com/wp-content/themes/grundge-fx/images/feature.jpg"></a> </div> <!-- /Foo3 --> <!-- Foo4 --> <div id="header-foo4"> </div> <!-- /Foo4 --> <!-- Foo5 --> <div id="header-foo5"> </div> <!-- /Foo5 --> <!-- Feed --> <div id="header-feed"> </div> <!-- /Feed --> <!-- Feed2 --> <div id="header-feed2"> <a href="http://test.qualitywordpress.com/?feed=rss"><img src="http://test.qualitywordpress.com/wp-content/themes/grundge-fx/images/blank.gif" alt="RSS Feed" width="100" height="30" /></a> </div> <!-- /Feed2 --> <!-- Text --> <div id="header-text"> </div> <!-- /Text --> <!-- Slide --> <div id="header-slide"> </div> <!-- /Slide --> <!-- Slider --> <div id="header-clear"></div> <div id="cat"> </div> <!-- /Slider --> </div></div></div> <!-- /Header --> <!-- Main --> <div id="main"> <!-- Content --> <div id="content"> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <center><a href="#"><img src="http://test.qualitywordpress.com/wp-content/themes/grundge-fx/images/468-ad.gif"></a></center> </div>
Tasarımın altındaki yazı:
<!-- /Content --><br /> <!-- Sidebar --> <div id="sidebar"> <div class="sidebar-box"> <h3>Categories</h3> <ul> <li class="cat-item cat-item-3"><a href="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" 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" 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" 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" title="View all posts filed under Uncategorized">Uncategorized</a> </li> </ul> </div> <div class="sidebar-box"> <h3>Archives</h3> <ul> <li><a href='http://test.qualitywordpress.com/?m=200810' title='October 2008'>October 2008</a></li> <li><a href='http://test.qualitywordpress.com/?m=200809' title='September 2008'>September 2008</a></li> <li><a href='http://test.qualitywordpress.com/?m=200808' title='August 2008'>August 2008</a></li> <li><a href='http://test.qualitywordpress.com/?m=200806' title='June 2008'>June 2008</a></li> </ul> </div> <div class="sidebar-box"> <h3>Blog Roll</h3> <ul> <li><a href="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/">WordPress Planet</a></li> </ul> </div> </div> <!-- Sidebar --> <div class="clear"></div> </div> <!-- /Main --> <!-- Footer --> <div id="footer"><br /> (c)Copyrighted <a href=" http://main-center.tr.gg /">Main-Center</a>, All Rights Reserved.<br />Designed by: <a href="http://fatbikez.com/hid-conversion-kits.html">Hid Headlights</a><br /><a href="http://main-center.tr.gg">Car Audio Tunig</a> / <a href=" http://main-center.tr.gg ">main-center</a> / <a href="http://vpsnoc.com/">VPS Hosting</a> </div> <!-- Footer --> </div></div> <!-- /Page --> </body> </html>
CSS Kodu
(Style tagleri olmadan yazınız):
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;} table {margin-left: auto;margin-right: auto}
Tasarımın üzerindeki yazı:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Theme Name </title> <meta name="generator" content="WordPress 2.3.3" /> <!-- leave this for stats --> <link rel="stylesheet" href="http://test.qualitywordpress.com/wp-content/themes/life/style.css" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="Theme Name RSS Feed" href="http://test.qualitywordpress.com/?feed=rss2" /> <link rel="pingback" href="http://test.qualitywordpress.com/xmlrpc.php" /> <link rel="stylesheet" type="text/css" href="http://test.qualitywordpress.com/wp-content/themes/life/style.css" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="http://test.qualitywordpress.com/wp-content/themes/life/style_ie.css" /> <![endif]--> <!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="http://test.qualitywordpress.com/wp-content/themes/life/style_ie6.css" /> <![endif]--> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://test.qualitywordpress.com/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://test.qualitywordpress.com/wp-includes/wlwmanifest.xml" /> </head> <body> <!-- Page --> <div id="page"> <!-- Header --> <div id="header"> <!-- Menu --> <div id="header-menu"> <ul> <li class="page_item page-item-2"><a href="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" title="Archives">Archives</a></li> <li class="page_item page-item-16"><a href="http://test.qualitywordpress.com/?page_id=16" title="Links">Links</a></li> </ul> </div> <!-- /Menu --> <!-- Title --> <div id="header-info"> <h1><a href="http://main-center.tr.gg/">Main-Center</a></h1> <div class="description">Css Tasartım Bölümü</div> </div> <!-- /Title --> <!-- Feed --> <div id="header-feed"> <a href="http://test.qualitywordpress.com/?feed=rss"><img src="http://test.qualitywordpress.com/wp-content/themes/life/images/blank.gif" alt="RSS Feed" width="145" height="40" /></a> </div> <!-- /Feed --> <!-- Topbar --> <div id="topbar"> <div id="topbar-left"> </div> <div id="topbar-center"> <b>Yazı Kutusu #1</b><br /><br /> Buraya herhangi birşey yazılacak. </div> <div id="topbar-right"><b>Yazı Kutusu #2</b><br /><br /> Site hakkında birşetler...</div> </div> <!-- /Topbar --> </div> <!-- /Header --> <!-- Main --> <div id="main"><div id="main-top"><div id="main-bottom"> <!-- Sidebar --> <div class="sidebar"> <h3>Pages</h3> <ul> <li class="page_item page-item-2"><a href="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" title="Archives">Archives</a></li> <li class="page_item page-item-16"><a href="http://test.qualitywordpress.com/?page_id=16" title="Links">Links</a></li> </ul> <h3>Archives</h3> <ul> <li><a href='http://test.qualitywordpress.com/?m=200810' title='October 2008'>October 2008</a></li> <li><a href='http://test.qualitywordpress.com/?m=200809' title='September 2008'>September 2008</a></li> <li><a href='http://test.qualitywordpress.com/?m=200808' title='August 2008'>August 2008</a></li> <li><a href='http://test.qualitywordpress.com/?m=200806' title='June 2008'>June 2008</a></li> </ul> </div> <!-- Sidebar --> <!-- Content --> <div id="content"> </div>
Tasarımın altındaki yazı:
<!-- /Content --> <!-- Sidebar --> <div class="sidebar sidebar-right"> <h3>Categories</h3> <ul> <li class="cat-item cat-item-3"><a href="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" 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" 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" 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" title="View all posts filed under Uncategorized">Uncategorized</a> </li> </ul> <h3>Blogroll</h3> <ul> <li><a href="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/">WordPress Planet</a></li> </ul> </div> <!-- Sidebar --> <div class="clear"></div> </div></div></div> <!-- /Main --> <!-- Footer --> <div id="footer"> <!-- Copyright --> <div id="copyright"> <br />(c)Copyrighted Theme Name, All Rights Reserved.<br />Designed by: <a href="http://www.mangosteenhut.com/">xango</a><br /> Code by: <a href="http://www.main-center.tr.gg/">Main-Center</a><br /><a href="http://www.wallpaperseek.com">Free Wallpapers</a> : <a href="http://onlineloseweight.info">Healthy Weight Loss</a></div> <!-- /Copyright --> </div> <!-- Footer --> </div> <!-- /Page --> </body> </html>
CSS Kodu
(Style tagleri olmadan yazınız):
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;} table {margin-left: auto;margin-right: auto}
Tasarımın üzerindeki yazı:
<div id="wrap"> <div id="topbar"> <h1 id="sitename"><a href="http://www.main-center.tr.gg/">Site<span>Başlığı</span></a></h1> <div id="topmenu"> <ul> <li><a href="url">Link </a></li> <li><a href="url">Link</a></li> <li><a href="url">Link</a></li> <li><a href="url">Link</a></li> </ul> </div> </div> <div id="header"> <h2 id="description">SpotLight Tasarımı</h2> </div> <div id="main"> <div id="content"> <div class="post"> <div class="posthead"> </div>
Tasarımın altındaki yazı:
</div> </div> <div id="sidebar"> <div> </div> <div class="sidebarcontent"> <div class="sidebarbox"> <h2>About</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam commodo ornare massa. Vivamus eu nisi. Pellentesque non quam a mauris lacinia condimentum. Nulla facilisi. Fusce malesuada, ligula ac vehicula lobortis, sapien augue ultrices eros, at imperdiet mi lorem nec ipsum. Cras hendrerit blandit enim. <a href="http://www.free-css.com/">Read More</a></p> </div> <div class="sidebarcol"> <h2>Pages</h2> <ul class="normalmenu"> <li><a href="http://www.free-css.com/">Welcome Page</a></li> <li><a href="tables.html">Tables Example</a></li> <li><a href="forms.html">Forms Example</a></li> <li><a href="http://www.free-css.com/">No Go Link</a></li> </ul> </div> <div class="sidebarcol"> <h2>Categories</h2> <ul class="normalmenu"> <li><a href="http://www.free-css.com/">Web Design</a></li> <li><a href="http://www.free-css.com/">Graphic Design</a></li> <li><a href="http://www.free-css.com/">CSS & XHTML</a></li> <li><a href="http://www.free-css.com/">Wordpress</a></li> </ul> </div> <p class="clear2"></p> <h2>Recent Posts</h2> <ul class="posts"> <li><a href="http://www.free-css.com/"> Donec mattis metus eget dui. </a></li> <li><a href="http://www.free-css.com/">Sed egestas suscipit risus. </a></li> <li><a href="http://www.free-css.com/">Nulla odio nunc, consectetuer ut</a></li> <li><a href="http://www.free-css.com/"> placerat eleifend, vestibulum eget, justo. </a></li> <li><a href="http://www.free-css.com/">Morbi non elit. Suspendisse iaculis nisi.</a></li> <li><a href="http://www.free-css.com/"> Curabitur nulla. </a></li> <li><a href="http://www.free-css.com/">Maecenas scelerisque convallis arcu. </a></li> </ul> </div> <div class="sidebarbtm"></div> </div> <div class="clear"></div> </div> <div id="footer"> Linkler | <a href="http://www.free-css.com/">And</a> | <a href="http://www.free-css.com/">Some</a> | <a href="http://www.free-css.com/">Links</a> | <a href="http://www.free-css.com/">Goes</a> | <a href="http://www.free-css.com/">Here</a> <div id="credit"> <a href="http://ramblingsoul.com">CSS Template</a> Rambling Soul | Plantilla adaptada por <a href="http://main-center.tr.gg">Main-Center</a> </div> </div>
CSS Kodu
(Style tagleri olmadan yazınız):
table {margin-left: auto;margin-right: auto} li.nav_element a{display: none;} 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; } #wrap { margin: auto; width: 893px; } #wrap #topbar { height: 35px; padding-top: 15px; } #wrap #header { background: url(http://img29.xooimage.com/files/8/1/c/header-125da66.jpg) no-repeat; height: 176px; } body { background: #E6E0D2; url(http://img45.xooimage.com/files/c/2/b/bg-125da69.jpg) repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } #wrap #main #content p { line-height: 22px; margin-bottom: 25px; color: #513F33; } #wrap #main #sidebar .sidebarcontent .sidebarcol { float: left; width: 48%; } #wrap #main #sidebar .sidebarcontent .sidebarbox { color: #513F33; font-size: 11px; padding: 10px; background: #F2ECD7; margin: 0px 10px 10px 10px; line-height: 18px; } #wrap #main #content .post .posthead span { color: #E84002; } #wrap #main #content .post .posthead h2 { font-family: "Trebuchet MS", Arial, Verdana; font-size: 25px; color: #000000; } #wrap #main #content .post .posthead .datebox { display: block; margin: 0px; padding: 0px; background-image: url(http://img27.xooimage.com/files/f/e/e/date-125da74.jpg); background-repeat: no-repeat; height: 96px; width: 112px; float: right; } #wrap #main #content h1, h2, h3, h4 { color: #000000; font-family: "Trebuchet MS", Verdana, Halvetica, Arial; } #wrap #main #content .post form { padding-right: 15px; padding-left: 15px; } #wrap #main #content .post #form label { font-family: "Trebuchet MS", Verdana, Halvetica, Arial; font-size: 12px; color: #040507; display: block; } #wrap #main #content .post #form .textfield { display: block; width: 250px; border: 1px solid #AF9D72; background-color: #F2ECD7; } #wrap #main #content .post .posthead .datebox .day { font-size: 32px; display: block; text-align: center; padding-top: 18px; color: #999900; } #wrap #main #content .post .posthead .datebox .month { display: block; text-align: center; } #wrap #main #content .post .postinfo { background-color: #F2ECD7; padding: 3px; margin: 0px; color: #E83900; border-top-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-bottom-style: dotted; border-top-color: #D4CEC2; border-bottom-color: #D4CEC2; font-size: 10px; } #wrap #main #content .post { margin-top: 15px; margin-bottom: 15px; } #wrap #main #sidebar .sidebartop img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 25px; } #wrap #header #description { font-family: "Trebuchet MS", Arial, Verdana; font-variant: small-caps; font-size: 14px; display: block; float: right; width: 100px; text-align: center; padding-right: 90px; padding-top: 55px; color: #FFFFFF; font-weight: normal; } #wrap #main #content .post .readmore { display: inline; background-color: #F2ECD7; padding: 3px; } #wrap #topbar #sitename { color: #EC4900; font-family: "Trebuchet MS", Arial, Verdana; font-size: 26px; margin: 0px; padding-left: 15px; display: block; float: left; } #wrap #main #sidebar .sidebarcontent h2 { color: #000000; font-family: "Trebuchet MS", Arial, Verdana; text-transform: uppercase; font-weight: normal; font-size: 20px; display: block; padding-left: 10px; } #wrap #main #sidebar .sidebarcontent ul { list-style-type: none; padding-left: 15px; margin-bottom: 15px; } #wrap #main #sidebar .sidebarcontent .posts li { padding: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F2ECD7; } #wrap #main #sidebar .sidebarcontent .posts a { color: #938157; text-decoration: none; } #wrap #topbar #sitename span { color: #000000; } .clear { clear: both; } #wrap #main #content { width: 490px; float: left; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 15px; } #wrap #main #sidebar { margin-left: 520px; } #wrap #main #sidebar .sidebartop { background-image: url(http://img41.xooimage.com/files/7/7/8/sidebar1-125da7c.jpg); background-repeat: no-repeat; height: 51px; } #wrap #main #sidebar .sidebarcontent { background-image: url(http://img45.xooimage.com/files/f/6/1/sidebar2-125da86.jpg); background-repeat: repeat-y; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 25px; } #wrap #main #sidebar .sidebarbtm { background: url(http://img25.xooimage.com/files/6/4/c/sidebar3-125da8d.jpg) no-repeat; height: 73px; } #wrap #main #sidebar .sidebarcontent .posts a:visited, active { color: #938157; text-decoration: none; } #wrap #main #sidebar .sidebarcontent .posts a:hover { color: #282317; text-decoration: none; } #wrap #main #sidebar .sidebarcontent .normalmenu li { display: block; height: 25px; border-bottom: solid 1px#F2ECD7; } #wrap #main #sidebar .sidebarcontent .normalmenu a { display: block; height: 20px; padding-top: 5px; padding-left: 5px; color: #A2816D; text-decoration: none; border-bottom-color: #DCFC3; } #wrap #main #sidebar .sidebarcontent .normalmenu a:visited, active { display: block; height: 20px; padding-top: 5px; padding-left: 5px; color: #A2816D; text-decoration: none; border-bottom-color: #DCFC3; } #wrap #main #content a { color: #993300; } #wrap #main #sidebar .sidebarcontent .normalmenu a:hover { display: block; height: 20px; padding-top: 5px; padding-left: 5px; color: #333333; text-decoration: none; background-color: #F2ECD7; } #wrap #main #content a:visited, active { color: #993300; } #wrap #main #content a:hover { color: #000000; text-decoration: none; } #wrap #footer { background : url(http://img21.xooimage.com/files/4/1/f/footer-125da94.jpg) no-repeat center top; padding: 25px 15px 15px 15px; text-align: center; } #wrap #footer #credit { padding-top: 25px; font-size: 10px; } #wrap #footer a { color: #990000; } #wrap #footer a:visited, active { color: #990000; } #wrap #footer a:hover { color: #000000; text-decoration: none; } #wrap #main #sidebar .sidebarcontent a { color: #990000; } #wrap #main #sidebar .sidebarcontent a:visited, active { color: #990000; } #wrap #main #sidebar .sidebarcontent a:hover { color: #000000; text-decoration: none; } #wrap #main #content .post blockquote { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; background : url(http://img21.xooimage.com/files/2/e/e/blockquote-125da9b.jpg) no-repeat left top; padding : 5px 5px 5px 30px; display: block; text-align: right; border-right: dashed 1px #CEC8BC; margin: 5px 10px 5px 5px; } #wrap #main #content .post img { padding: 3px; background-color: #FFFFCC; border: 1px solid #D1C6AB; } #wrap #main #content .post .alignleft { float: left; margin: 5px; } #wrap #main #content .post .posthead .postinfotop { font-size: 10px; margin: 0px; } #wrap #main #content .post blockquote p { color: #993300; padding: 0px; margin: 0px; } #wrap #main #content .post ul { padding: 10px; list-style-type: none; margin-left: 15px; } #wrap #main #content .post ol { padding: 10px; list-style-type: decimal; margin-left: 15px; list-style-position: inside; } #wrap #main #content .post ul li { background: url(http://img25.xooimage.com/files/b/7/e/bullet-125daa1.jpg) no-repeat 0px 7px; padding:3px 15px 3px; padding-top: 3px; } #wrap #main #content .post ol li { margin-bottom: 5px; padding-top: 3px; padding-bottom: 3px; } #wrap #main #content .post code { font-size: 12px; color: #333333; background: #F0F0F0; white-space: pre; padding: 10px; margin-bottom: 25px; font-family: "Courier New", Courier, monospace; display: block; } #wrap #main #content .post #pagination { padding: 5px; margin-top: 15px; margin-bottom: 15px; text-align: center; } #wrap #main #content .post #pagination span { padding-left: 150px; } #wrap #main #content table { width: 95%; border: 1px solid #C5B798; margin-top: 15px; margin-bottom: 25px; } #wrap #main #content .post td { border-bottom: 1px solid #CDC1A7; padding: 5px; } #wrap #main #content .post th { font-family: "Trebuchet MS", Arial, Verdana; font-size: 14px; padding: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CDC1A7; background-color: #CDC1A7; color: #993300; } #wrap #main #content .post .extract { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; background: url(http://img21.xooimage.com/files/2/e/e/blockquote-125da9b.jpg) no-repeat left top; padding: 5px 5px 5px 30px; display: block; float: left; width: 150px; text-align: right; border-right: dashed 1px #CEC8BC; margin: 5px 10px 5px: 5px; } #wrap #main #content .post #form .textfield:hover { display: block; width: 250px; border: 1px solid #AF9D72; background-color: #FFFFCC; } #wrap #main #content .post #form input { padding: 3px; margin-bottom: 15px; } #wrap #main #content .post #form .buttons { padding: 15px; } #wrap #main #content .post #form .buttons input { border: 1px solid #AF9D72; background-color: #F2ECD7; } #wrap #topbar #topmenu { float: right; font-size: 16px; font-family: "Trebuchet MS", Verdana, Halvetica, Arial; padding-right: 15px; padding-left: 15px; } #wrap #topbar #topmenu ul { list-style-type: none; } #wrap #topbar #topmenu li { display: inline; } #wrap #topbar #topmenu a { display: block; float: left; text-decoration: none; color: #993300; font-weight: bold; padding-right: 15px; padding-left: 10px; margin-left: 5px; border-right-width: 1px; border-right-style: solid; border-right-color: #E0D9C9; } #wrap #main #content .post #form .textfield:focus { display: block; width: 250px; border: 1px solid #70613F; background-color: #FFFFFF; } #wrap #topbar #topmenu a:visited, active { display: block; float: left; text-decoration: none; color: #993300; font-weight: bold; padding-right: 15px; padding-left: 10px; margin-left: 5px; border-right-width: 1px; border-right-style: solid; border-right-color: #E0D9C9; } #wrap #topbar #topmenu a:hover { display: block; float: left; text-decoration: underline; color: #000000; font-weight: bold; padding-right: 15px; padding-left: 10px; margin-left: 5px; border-right-width: 1px; border-right-style: solid; border-right-color: #E0D9C9; } #wrap #topbar #sitename a { color: #E84002; text-decoration: none; } #wrap #topbar #sitename a:visited, active, hover { color: #E84002; text-decoration: none; }li.nav_element a{display: none;} 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; } #wrap { margin: auto; width: 893px; } #wrap #topbar { height: 35px; padding-top: 15px; } #wrap #header { background: url(http://img29.xooimage.com/files/8/1/c/header-125da66.jpg) no-repeat; height: 176px; } body { background: #E6E0D2; url(http://img45.xooimage.com/files/c/2/b/bg-125da69.jpg) repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } #wrap #main #content p { line-height: 22px; margin-bottom: 25px; color: #513F33; } #wrap #main #sidebar .sidebarcontent .sidebarcol { float: left; width: 48%; } #wrap #main #sidebar .sidebarcontent .sidebarbox { color: #513F33; font-size: 11px; padding: 10px; background: #F2ECD7; margin: 0px 10px 10px 10px; line-height: 18px; } #wrap #main #content .post .posthead span { color: #E84002; } #wrap #main #content .post .posthead h2 { font-family: "Trebuchet MS", Arial, Verdana; font-size: 25px; color: #000000; } #wrap #main #content .post .posthead .datebox { display: block; margin: 0px; padding: 0px; background-image: url(http://img27.xooimage.com/files/f/e/e/date-125da74.jpg); background-repeat: no-repeat; height: 96px; width: 112px; float: right; } #wrap #main #content h1, h2, h3, h4 { color: #000000; font-family: "Trebuchet MS", Verdana, Halvetica, Arial; } #wrap #main #content .post form { padding-right: 15px; padding-left: 15px; } #wrap #main #content .post #form label { font-family: "Trebuchet MS", Verdana, Halvetica, Arial; font-size: 12px; color: #040507; display: block; } #wrap #main #content .post #form .textfield { display: block; width: 250px; border: 1px solid #AF9D72; background-color: #F2ECD7; } #wrap #main #content .post .posthead .datebox .day { font-size: 32px; display: block; text-align: center; padding-top: 18px; color: #999900; } #wrap #main #content .post .posthead .datebox .month { display: block; text-align: center; } #wrap #main #content .post .postinfo { background-color: #F2ECD7; padding: 3px; margin: 0px; color: #E83900; border-top-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-bottom-style: dotted; border-top-color: #D4CEC2; border-bottom-color: #D4CEC2; font-size: 10px; } #wrap #main #content .post { margin-top: 15px; margin-bottom: 15px; } #wrap #main #sidebar .sidebartop img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 25px; } #wrap #header #description { font-family: "Trebuchet MS", Arial, Verdana; font-variant: small-caps; font-size: 14px; display: block; float: right; width: 100px; text-align: center; padding-right: 90px; padding-top: 55px; color: #FFFFFF; font-weight: normal; } #wrap #main #content .post .readmore { display: inline; background-color: #F2ECD7; padding: 3px; } #wrap #topbar #sitename { color: #EC4900; font-family: "Trebuchet MS", Arial, Verdana; font-size: 26px; margin: 0px; padding-left: 15px; display: block; float: left; } #wrap #main #sidebar .sidebarcontent h2 { color: #000000; font-family: "Trebuchet MS", Arial, Verdana; text-transform: uppercase; font-weight: normal; font-size: 20px; display: block; padding-left: 10px; } #wrap #main #sidebar .sidebarcontent ul { list-style-type: none; padding-left: 15px; margin-bottom: 15px; } #wrap #main #sidebar .sidebarcontent .posts li { padding: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F2ECD7; } #wrap #main #sidebar .sidebarcontent .posts a { color: #938157; text-decoration: none; } #wrap #topbar #sitename span { color: #000000; } .clear { clear: both; } #wrap #main #content { width: 490px; float: left; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 15px; } #wrap #main #sidebar { margin-left: 520px; } #wrap #main #sidebar .sidebartop { background-image: url(http://img41.xooimage.com/files/7/7/8/sidebar1-125da7c.jpg); background-repeat: no-repeat; height: 51px; } #wrap #main #sidebar .sidebarcontent { background-image: url(http://img45.xooimage.com/files/f/6/1/sidebar2-125da86.jpg); background-repeat: repeat-y; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 25px; } #wrap #main #sidebar .sidebarbtm { background: url(http://img25.xooimage.com/files/6/4/c/sidebar3-125da8d.jpg) no-repeat; height: 73px; } #wrap #main #sidebar .sidebarcontent .posts a:visited, active { color: #938157; text-decoration: none; } #wrap #main #sidebar .sidebarcontent .posts a:hover { color: #282317; text-decoration: none; } #wrap #main #sidebar .sidebarcontent .normalmenu li { display: block; height: 25px; border-bottom: solid 1px#F2ECD7; } #wrap #main #sidebar .sidebarcontent .normalmenu a { display: block; height: 20px; padding-top: 5px; padding-left: 5px; color: #A2816D; text-decoration: none; border-bottom-color: #DCFC3; } #wrap #main #sidebar .sidebarcontent .normalmenu a:visited, active { display: block; height: 20px; padding-top: 5px; padding-left: 5px; color: #A2816D; text-decoration: none; border-bottom-color: #DCFC3; } #wrap #main #content a { color: #993300; } #wrap #main #sidebar .sidebarcontent .normalmenu a:hover { display: block; height: 20px; padding-top: 5px; padding-left: 5px; color: #333333; text-decoration: none; background-color: #F2ECD7; } #wrap #main #content a:visited, active { color: #993300; } #wrap #main #content a:hover { color: #000000; text-decoration: none; } #wrap #footer { background : url(http://img21.xooimage.com/files/4/1/f/footer-125da94.jpg) no-repeat center top; padding: 25px 15px 15px 15px; text-align: center; } #wrap #footer #credit { padding-top: 25px; font-size: 10px; } #wrap #footer a { color: #990000; } #wrap #footer a:visited, active { color: #990000; } #wrap #footer a:hover { color: #000000; text-decoration: none; } #wrap #main #sidebar .sidebarcontent a { color: #990000; } #wrap #main #sidebar .sidebarcontent a:visited, active { color: #990000; } #wrap #main #sidebar .sidebarcontent a:hover { color: #000000; text-decoration: none; } #wrap #main #content .post blockquote { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; background : url(http://img21.xooimage.com/files/2/e/e/blockquote-125da9b.jpg) no-repeat left top; padding : 5px 5px 5px 30px; display: block; text-align: right; border-right: dashed 1px #CEC8BC; margin: 5px 10px 5px 5px; } #wrap #main #content .post img { padding: 3px; background-color: #FFFFCC; border: 1px solid #D1C6AB; } #wrap #main #content .post .alignleft { float: left; margin: 5px; } #wrap #main #content .post .posthead .postinfotop { font-size: 10px; margin: 0px; } #wrap #main #content .post blockquote p { color: #993300; padding: 0px; margin: 0px; } #wrap #main #content .post ul { padding: 10px; list-style-type: none; margin-left: 15px; } #wrap #main #content .post ol { padding: 10px; list-style-type: decimal; margin-left: 15px; list-style-position: inside; } #wrap #main #content .post ul li { background: url(http://img25.xooimage.com/files/b/7/e/bullet-125daa1.jpg) no-repeat 0px 7px; padding:3px 15px 3px; padding-top: 3px; } #wrap #main #content .post ol li { margin-bottom: 5px; padding-top: 3px; padding-bottom: 3px; } #wrap #main #content .post code { font-size: 12px; color: #333333; background: #F0F0F0; white-space: pre; padding: 10px; margin-bottom: 25px; font-family: "Courier New", Courier, monospace; display: block; } #wrap #main #content .post #pagination { padding: 5px; margin-top: 15px; margin-bottom: 15px; text-align: center; } #wrap #main #content .post #pagination span { padding-left: 150px; } #wrap #main #content table { width: 95%; border: 1px solid #C5B798; margin-top: 15px; margin-bottom: 25px; } #wrap #main #content .post td { border-bottom: 1px solid #CDC1A7; padding: 5px; } #wrap #main #content .post th { font-family: "Trebuchet MS", Arial, Verdana; font-size: 14px; padding: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CDC1A7; background-color: #CDC1A7; color: #993300; } #wrap #main #content .post .extract { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; background: url(http://img21.xooimage.com/files/2/e/e/blockquote-125da9b.jpg) no-repeat left top; padding: 5px 5px 5px 30px; display: block; float: left; width: 150px; text-align: right; border-right: dashed 1px #CEC8BC; margin: 5px 10px 5px: 5px; } #wrap #main #content .post #form .textfield:hover { display: block; width: 250px; border: 1px solid #AF9D72; background-color: #FFFFCC; } #wrap #main #content .post #form input { padding: 3px; margin-bottom: 15px; } #wrap #main #content .post #form .buttons { padding: 15px; } #wrap #main #content .post #form .buttons input { border: 1px solid #AF9D72; background-color: #F2ECD7; } #wrap #topbar #topmenu { float: right; font-size: 16px; font-family: "Trebuchet MS", Verdana, Halvetica, Arial; padding-right: 15px; padding-left: 15px; } #wrap #topbar #topmenu ul { list-style-type: none; } #wrap #topbar #topmenu li { display: inline; } #wrap #topbar #topmenu a { display: block; float: left; text-decoration: none; color: #993300; font-weight: bold; padding-right: 15px; padding-left: 10px; margin-left: 5px; border-right-width: 1px; border-right-style: solid; border-right-color: #E0D9C9; } #wrap #main #content .post #form .textfield:focus { display: block; width: 250px; border: 1px solid #70613F; background-color: #FFFFFF; } #wrap #topbar #topmenu a:visited, active { display: block; float: left; text-decoration: none; color: #993300; font-weight: bold; padding-right: 15px; padding-left: 10px; margin-left: 5px; border-right-width: 1px; border-right-style: solid; border-right-color: #E0D9C9; } #wrap #topbar #topmenu a:hover { display: block; float: left; text-decoration: underline; color: #000000; font-weight: bold; padding-right: 15px; padding-left: 10px; margin-left: 5px; border-right-width: 1px; border-right-style: solid; border-right-color: #E0D9C9; } #wrap #topbar #sitename a { color: #E84002; text-decoration: none; } #wrap #topbar #sitename a:visited, active, hover { color: #E84002; text-decoration: none; }
Tasarımın üzerindeki yazı:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>SEO Click </title> <meta name="generator" content="WordPress 2.3.3" /> <!-- leave this for stats --> <link rel="stylesheet" href="http://seoclick.qualitywordpress.com/wp-content/themes/seoclick/style.css" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="SEO Click RSS Feed" href="http://seoclick.qualitywordpress.com/?feed=rss2" /> <link rel="pingback" href="http://seoclick.qualitywordpress.com/xmlrpc.php" /> <link rel="stylesheet" type="text/css" href="http://seoclick.qualitywordpress.com/wp-content/themes/seoclick/style.css" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="http://seoclick.qualitywordpress.com/wp-content/themes/seoclick/style_ie.css" /> <![endif]--> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://seoclick.qualitywordpress.com/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://seoclick.qualitywordpress.com/wp-includes/wlwmanifest.xml" /> </head> <body> <!-- Page --> <div id="page"> <!-- Header --> <div id="header"> <!-- Title --> <div id="header-info"> <h1><a href="http://main-center.tr.gg/">SEO Click</a></h1> <div class="description">Main-Center Özel Google Tasarımı</div> </div> <!-- /Title --> <!-- Menu --> <div id="header-menu"> <ul> <li class="page_item page-item-2"><a href="http://seoclick.qualitywordpress.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-6"><a href="http://seoclick.qualitywordpress.com/?page_id=6" title="Contact">Contact</a></li> <li class="page_item page-item-5"><a href="http://seoclick.qualitywordpress.com/?page_id=5" title="Links">Links</a></li> </ul> </div> <!-- /Menu --> </div> <!-- /Header --> <!-- Main --> <div id="main"><div id="main-top"><div id="main-bottom"> <!-- Sidebar --> <div class="sidebar sidebar-left"> <h3>Pages</h3> <ul> <li class="page_item page-item-2"><a href="http://seoclick.qualitywordpress.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-6"><a href="http://seoclick.qualitywordpress.com/?page_id=6" title="Contact">Contact</a></li> <li class="page_item page-item-5"><a href="http://seoclick.qualitywordpress.com/?page_id=5" title="Links">Links</a></li> </ul> <h3>Categories</h3> <ul> <li class="cat-item cat-item-5"><a href="http://seoclick.qualitywordpress.com/?cat=5" title="View all posts filed under Art">Art</a> </li> <li class="cat-item cat-item-3"><a href="http://seoclick.qualitywordpress.com/?cat=3" title="View all posts filed under Click">Click</a> </li> <li class="cat-item cat-item-6"><a href="http://seoclick.qualitywordpress.com/?cat=6" title="View all posts filed under Design">Design</a> </li> <li class="cat-item cat-item-4"><a href="http://seoclick.qualitywordpress.com/?cat=4" title="View all posts filed under Life">Life</a> </li> <li class="cat-item cat-item-1"><a href="http://seoclick.qualitywordpress.com/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a> </li> </ul> <h3>Archives</h3> <ul> <li><a href='http://seoclick.qualitywordpress.com/?m=200805' title='May 2008'>May 2008</a></li> </ul> </div> <!-- Sidebar --> <!-- Content --> <div id="content"> <h1> <img alt="" src="https://img.webme.com/pic/n/net-deposu/googlex.gif" /> Sitemize Hosgeldiniz</h1> <img alt="" src="https://img.webme.com/pic/m/main-center/woodnes.jpg" /> </div>
Tasarımın altındaki yazı:
<!-- /Content --> <!-- Sidebar --> <div class="sidebar sidebar-right"> <h3>RSS Feed</h3> <div id="sidebar-feed"> <a href="http://seoclick.qualitywordpress.com/?feed=rss"><img src="http://seoclick.qualitywordpress.com/wp-content/themes/seoclick/images/rss_feed.jpg" alt="RSS Feed" width="160" height="60" /></a> </div> <h3>Search</h3> <form id="searchform" method="get" action="http://seoclick.qualitywordpress.com"> <div> <input type="text" name="s" id="s" size="15" /><br /> <input type="submit" value="Search" /> </div> </form> <h3>Blog Roll</h3> <ul> <li><a href="http://wordpress.org/development/">Development Blog</a></li> <li><a href="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/">WordPress Planet</a></li> </ul> </div> <!-- Sidebar --> <div class="clear"></div> </div></div></div> <!-- /Main --> <!-- Footer --> <div id="footer"> (c)Copyrighted <a href="http://seoclick.qualitywordpress.com/">SEO Click</a>, All Rights Reserved<br />SEO Click | Design: <a href="http://www.experten-tricks.ch" title="NT Marketing">NT Marketing</a>, <a href="http://urltra.de/suche/0/spielzeug/" title="Spielzeug">Spielzeug</a>. Code: <a href="http://www.fototapete.dk" title="Fototapete Bambus">Fototapete Bambus</a>, <a href="http://www.abendkleid.net/hochzeitsmode/brautmode,17/" title="Brautmode">Brautmode</a>. </div> <!-- Footer --> </div> <!-- /Page --> </body> </html>
CSS Kodu
(Style tagleri olmadan yazınız):
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;} table {margin-left: auto;margin-right: auto}
Bu Tasarımlar
www.main-center.tr.gg
sitesinden alıntıdır!!!
Bugün 19662 ziyaretçi (56094 klik) kişi burdaydı!
Son Üyeler
Son Konular
Bu web sitesi ücretsiz olarak
Bedava-Sitem.com
ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol
