ThemePix <link rel="stylesheet" href="http://themepix.com/demo/wp-content/themes/WoorkOut/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="http://themepix.com/demo/wp-content/themes/WoorkOut/jdgallery/jd.gallery.css" type="text/css" media="screen" charset="utf-8" /> <link rel="alternate" type="application/rss+xml" title="ThemePix RSS Feed" href="http://themepix.com/demo/feed/" /> <link rel="alternate" type="application/atom+xml" title="ThemePix Atom Feed" href="http://themepix.com/demo/feed/atom/" /> <link rel="pingback" href="http://themepix.com/demo/xmlrpc.php" /> <link rel="stylesheet" href="http://themepix.com/demo/wp-content/themes/WoorkOut/menu/MenuMatic.css" type="text/css" media="screen" charset="utf-8" /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://themepix.com/demo/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://themepix.com/demo/wp-includes/wlwmanifest.xml" /> <FCK:meta name="generator" content="WordPress 3.3.1" /> <link rel="stylesheet" href="http://themepix.com/demo/wp-content/plugins/wordpress-theme-demo-bar/default.css" type="text/css" /> <style type="text/css">#wpthemedemobar { position:fixed !important; }</style> </head> <body> <div id="wrapper"><div id="wrapper-bg"><div id="wrapper-bg2"> <div id="outer-wrapper" class="outer-wrapper"> <div class="outer"> <div class="menu-links"> <div id="pagemenucontainer"> <ul id="pagemenu"> <li class="current_page_item" ><a href="http://themepix.com/demo/" _fcksavedurl="http://themepix.com/demo/">Home</a></li> <li class="page_item page-item-27"><a href="http://themepix.com/demo/contact/" _fcksavedurl="http://themepix.com/demo/contact/">Contact</a></li> <li class="page_item page-item-20"><a href="http://themepix.com/demo/support/" _fcksavedurl="http://themepix.com/demo/support/">Support</a></li> <li class="page_item page-item-26"><a href="http://themepix.com/demo/news/" _fcksavedurl="http://themepix.com/demo/news/">News</a></li> <li class="page_item page-item-47"><a href="http://themepix.com/demo/about/" _fcksavedurl="http://themepix.com/demo/about/">About</a></li> </ul> </div> </div> <div class="twit-rss rightsector"> <div class="feedtwitter"> <a href="http://themepix.com/demo/feed/" _fcksavedurl="http://themepix.com/demo/feed/"><img src="http://themepix.com/demo/wp-content/themes/WoorkOut/images/rss.png" _fcksavedurl="http://themepix.com/demo/wp-content/themes/WoorkOut/images/rss.png" style="margin:0 4px 0 0;" /></a> <a href="http://facebook.com/ThemePix" _fcksavedurl="http://facebook.com/ThemePix" title="Follow me on Facebook!"><img src="http://themepix.com/demo/wp-content/themes/WoorkOut/images/facebook.png" _fcksavedurl="http://themepix.com/demo/wp-content/themes/WoorkOut/images/facebook.png" style="margin:0 4px 0 0; " title="Follow me on Facebook!" /></a> <a href="http://twitter.com/ThemePix" _fcksavedurl="http://twitter.com/ThemePix" title="Follow me on Twitter!"><img src="http://themepix.com/demo/wp-content/themes/WoorkOut/images/twitter.png" _fcksavedurl="http://themepix.com/demo/wp-content/themes/WoorkOut/images/twitter.png" style="margin:0 4px 0 0; " title="Follow me on Twitter!" /></a> </div> <div id="topsearch" > <div id="search"> <form method="get" id="searchform" action="http://themepix.com/demo/"> <input type="text" value="Search" name="s" id="s" onblur_fckprotectedatt="%20onblur%3D%22if%20(this.value%20%3D%3D%20'')%20%20%7Bthis.value%20%3D%20'Search'%3B%7D%22" onfocus_fckprotectedatt="%20onfocus%3D%22if%20(this.value%20%3D%3D%20'Search')%20%7Bthis.value%20%3D%20''%3B%7D%22" /> <input type="image" src="http://themepix.com/demo/wp-content/themes/WoorkOut/images/search.gif" style="border:0; vertical-align: top;" /> </form> </div> </div> </div> </div> <div id="header" class="outer"> <div class="header-part"> <a href="http://themepix.com/demo" _fcksavedurl="http://themepix.com/demo"><img src="http://themepix.com/demo/wp-content/themes/WoorkOut/images/logo.png" _fcksavedurl="http://themepix.com/demo/wp-content/themes/WoorkOut/images/logo.png" alt="ThemePix" title="ThemePix" class="logoimg" /></a> </div> <div class="header-part rightsector" style="padding-top: 0; text-align:right;"> <a href="http://themepix.com" _fcksavedurl="http://themepix.com"><img src="http://themepix.com/pix/uploads/ad-468.png" _fcksavedurl="http://themepix.com/pix/uploads/ad-468.png" style="border: 0;" alt="Advertise Here" /></a> </div> </div> <div class="outer"> <div id="navcontainer"> <ul id="nav"> <li class="current-cat" ><a href="http://themepix.com/demo" _fcksavedurl="http://themepix.com/demo">Home</a></li> <li class="cat-item cat-item-7"><a href="http://themepix.com/demo/category/apple/" _fcksavedurl="http://themepix.com/demo/category/apple/" title="View all posts filed under Apple">Apple</a> </li> <li class="cat-item cat-item-8"><a href="http://themepix.com/demo/category/business/" _fcksavedurl="http://themepix.com/demo/category/business/" title="View all posts filed under Business">Business</a> </li> <li class="cat-item cat-item-9"><a href="http://themepix.com/demo/category/entertaiment/" _fcksavedurl="http://themepix.com/demo/category/entertaiment/" title="View all posts filed under Entertaiment">Entertaiment</a> </li> <li class="cat-item cat-item-10"><a href="http://themepix.com/demo/category/mobile/" _fcksavedurl="http://themepix.com/demo/category/mobile/" title="View all posts filed under Mobile">Mobile</a> </li> <li class="cat-item cat-item-23"><a href="http://themepix.com/demo/category/parent-category/" _fcksavedurl="http://themepix.com/demo/category/parent-category/" title="View all posts filed under Parent Category">Parent Category</a> <ul class='children'> <li class="cat-item cat-item-25"><a href="http://themepix.com/demo/category/parent-category/child-category/" _fcksavedurl="http://themepix.com/demo/category/parent-category/child-category/" title="View all posts filed under Child Category">Child Category</a> <ul class='children'> <li class="cat-item cat-item-26"><a href="http://themepix.com/demo/category/parent-category/child-category/grandchild-category/" _fcksavedurl="http://themepix.com/demo/category/parent-category/child-category/grandchild-category/" title="View all posts filed under GrandChild">GrandChild</a> </li> </ul> </li> <li class="cat-item cat-item-24"><a href="http://themepix.com/demo/category/parent-category/child-category-i/" _fcksavedurl="http://themepix.com/demo/category/parent-category/child-category-i/" title="View all posts filed under Child Category I">Child Category I</a> </li> </ul> </li> <li class="cat-item cat-item-12"><a href="http://themepix.com/demo/category/social-media/" _fcksavedurl="http://themepix.com/demo/category/social-media/" title="View all posts filed under Social Media">Social Media</a> </li> <li class="cat-item cat-item-13"><a href="http://themepix.com/demo/category/web-video/" _fcksavedurl="http://themepix.com/demo/category/web-video/" title="View all posts filed under Web Video">Web Video</a> </li> <li class="cat-item cat-item-14"><a href="http://themepix.com/demo/category/wordpress/" _fcksavedurl="http://themepix.com/demo/category/wordpress/" title="View all posts filed under Wordpress">Wordpress</a> </li> </ul> </div> </div> <div class="outer" id="contentwrap"> <div class="sidecont"> <div class="sidebar sidebar-left"> <ul> <li><h2>Recent Posts</h2> <ul> <li><a href='http://themepix.com/demo/2008/09/another-post-with-everything-in-it/' _fcksavedurl='http://themepix.com/demo/2008/09/another-post-with-everything-in-it/' title='Another Post with Everything In It'>Another Post with Everything In It</a></li> <li><a href='http://themepix.com/demo/2008/09/an-ordered-list-post/' _fcksavedurl='http://themepix.com/demo/2008/09/an-ordered-list-post/' title='An Ordered List Post'>An Ordered List Post</a></li> <li><a href='http://themepix.com/demo/2008/09/a-simple-text-post/' _fcksavedurl='http://themepix.com/demo/2008/09/a-simple-text-post/' title='A Simple Text Post'>A Simple Text Post</a></li> <li><a href='http://themepix.com/demo/2008/09/quotes-time/' _fcksavedurl='http://themepix.com/demo/2008/09/quotes-time/' title='Quotes Time!'>Quotes Time!</a></li> <li><a href='http://themepix.com/demo/2008/09/another-text-only-post/' _fcksavedurl='http://themepix.com/demo/2008/09/another-text-only-post/' title='Another Text-Only Post'>Another Text-Only Post</a></li> </ul> </li> <li class="categories"><h2>Categories</h2><ul> <li class="cat-item cat-item-7"><a href="http://themepix.com/demo/category/apple/" _fcksavedurl="http://themepix.com/demo/category/apple/" title="View all posts filed under Apple">Apple</a> </li> <li class="cat-item cat-item-8"><a href="http://themepix.com/demo/category/business/" _fcksavedurl="http://themepix.com/demo/category/business/" title="View all posts filed under Business">Business</a> </li> <li class="cat-item cat-item-9"><a href="http://themepix.com/demo/category/entertaiment/" _fcksavedurl="http://themepix.com/demo/category/entertaiment/" title="View all posts filed under Entertaiment">Entertaiment</a> </li> <li class="cat-item cat-item-10"><a href="http://themepix.com/demo/category/mobile/" _fcksavedurl="http://themepix.com/demo/category/mobile/" title="View all posts filed under Mobile">Mobile</a> </li> <li class="cat-item cat-item-23"><a href="http://themepix.com/demo/category/parent-category/" _fcksavedurl="http://themepix.com/demo/category/parent-category/" title="View all posts filed under Parent Category">Parent Category</a> </li> <li class="cat-item cat-item-12"><a href="http://themepix.com/demo/category/social-media/" _fcksavedurl="http://themepix.com/demo/category/social-media/" title="View all posts filed under Social Media">Social Media</a> </li> <li class="cat-item cat-item-1"><a href="http://themepix.com/demo/category/uncategorized/" _fcksavedurl="http://themepix.com/demo/category/uncategorized/" title="View all posts filed under Uncategorized">Uncategorized</a> </li> <li class="cat-item cat-item-14"><a href="http://themepix.com/demo/category/wordpress/" _fcksavedurl="http://themepix.com/demo/category/wordpress/" title="View all posts filed under Wordpress">Wordpress</a> </li> </ul></li> <li><h2>Recent Comments</h2> <ul> <li><a href="http://themepix.com/demo/2008/09/another-post-with-everything-in-it/#comment-330" _fcksavedurl="http://themepix.com/demo/2008/09/another-post-with-everything-in-it/#comment-330" title="on Another Post with Everything In It"><strong>klo</strong></a>: coments hierarchy... <a href="http://themepix.com/demo/2008/09/another-post-with-everything-in-it/#comment-330" _fcksavedurl="http://themepix.com/demo/2008/09/another-post-with-everything-in-it/#comment-330" title="on Another Post with Everything In It"><b>»</b></a></li> <li><a href="http://themepix.com/demo/2008/09/another-post-with-everything-in-it/#comment-106" _fcksavedurl="http://themepix.com/demo/2008/09/another-post-with-everything-in-it/#comment-106" title="on Another Post with Everything In It"><strong>Dan Philibin</strong></a>: Here is a non-admin comment. It has multiple line... <a href="http://themepix.com/demo/2008/09/another-post-with-everything-in-it/#comment-106" _fcksavedurl="http://themepix.com/demo/2008/09/another-post-with-everything-in-it/#comment-106" title="on Another Post with Everything In It"><b>»</b></a></li> <li><a href="http://themepix.com/demo/2008/09/quotes-time/#comment-100" _fcksavedurl="http://themepix.com/demo/2008/09/quotes-time/#comment-100" title="on Quotes Time!"><strong>Dan Philibin</strong></a>: Here is a non-admin comment. It has multiple line... <a href="http://themepix.com/demo/2008/09/quotes-time/#comment-100" _fcksavedurl="http://themepix.com/demo/2008/09/quotes-time/#comment-100" title="on Quotes Time!"><b>»</b></a></li> <li><a href="http://themepix.com/demo/2008/09/a-post-with-an-ordered-list/#comment-99" _fcksavedurl="http://themepix.com/demo/2008/09/a-post-with-an-ordered-list/#comment-99" title="on A Post With an Ordered List"><strong>Dan Philibin</strong></a>: Here is a non-admin comment. It has multiple line... <a href="http://themepix.com/demo/2008/09/a-post-with-an-ordered-list/#comment-99" _fcksavedurl="http://themepix.com/demo/2008/09/a-post-with-an-ordered-list/#comment-99" title="on A Post With an Ordered List"><b>»</b></a></li> <li><a href="http://themepix.com/demo/2008/09/a-post-with-an-ordered-list/#comment-98" _fcksavedurl="http://themepix.com/demo/2008/09/a-post-with-an-ordered-list/#comment-98" title="on A Post With an Ordered List"><strong>Dan Philibin</strong></a>: Here is a non-admin comment. It has multiple line... <a href="http://themepix.com/demo/2008/09/a-post-with-an-ordered-list/#comment-98" _fcksavedurl="http://themepix.com/demo/2008/09/a-post-with-an-ordered-list/#comment-98" title="on A Post With an Ordered List"><b>»</b></a></li> </ul></li> </ul> <div class="sidebaradbox"> <a href="http://themepix.com/" _fcksavedurl="http://themepix.com/"><img src="http://themepix.com/pix/uploads/ad-160x600.png" _fcksavedurl="http://themepix.com/pix/uploads/ad-160x600.png" style="border: 0;" alt="Premium WordPress Themes" /></a> </div> </div> </div> <div class="postcont"> <div id="content"> <div class="fullbox_excerpt"> <div class="fullbox_content"> <div class="smooth_gallery"> <div id="myGallery"> <div class="imageElement"> <h3>This is featured post 1 title</h3> <p>To set your featured posts, please go to your theme options page in wp-admin. You can also disable featured posts slideshow if you don't wish to display them.</p> <a href="#" _fcksavedurl="#" title="This is featured post 1" class="open"></a> <img src="http://themepix.com/demo/wp-content/themes/WoorkOut/jdgallery/slides/1.jpg" _fcksavedurl="http://themepix.com/demo/wp-content/themes/WoorkOut/jdgallery/slides/1.jpg" class="full" alt="" /> <img src="http://themepix.com/demo/wp-content/themes/WoorkOut/jdgallery/slides/1.jpg" _fcksavedurl="http://themepix.com/demo/wp-content/themes/WoorkOut/jdgallery/slides/1.jpg" class="thumbnail" alt="" /> </div> <div class="imageElement"> <h3>This is featured post 2 title</h3> <p>To set your featured posts, please go to your theme options page in wp-admin. You can also disable featured posts slideshow if you don't wish to display them.</p> <a href="#" _fcksavedurl="#" title="This is featured post 2" class="open"></a> <img src="http://themepix.com/demo/wp-content/themes/WoorkOut/jdgallery/slides/2.jpg" _fcksavedurl="http://themepix.com/demo/wp-content/themes/WoorkOut/jdgallery/slides/2.jpg" class="full" alt="" /> <img src="http://themepix.com/demo/wp-content/themes/WoorkOut/jdgallery/slides/2.jpg" _fcksavedurl="http://themepix.com/demo/wp-content/themes/WoorkOut/jdgallery/slides/2.jpg" class="thumbnail" alt="" /> </div> <div class="imageElement"> <h3>This is featured post 3 title</h3> <p>To set your featured posts, please go to your theme options page in wp-admin. You can also disable featured posts slideshow if you don't wish to display them.</p> <a href="#" _fcksavedurl="#" title="This is featured post 3" class="open"></a> <img src="http://themepix.com/demo/wp-content/themes/WoorkOut/jdgallery/slides/3.jpg" _fcksavedurl="http://themepix.com/demo/wp-content/themes/WoorkOut/jdgallery/slides/3.jpg" class="full" alt="" /> <img src="http://themepix.com/demo/wp-content/themes/WoorkOut/jdgallery/slides/3.jpg" _fcksavedurl="http://themepix.com/demo/wp-content/themes/WoorkOut/jdgallery/slides/3.jpg" class="thumbnail" alt="" /> </div> <div class="imageElement"> <h3>This is featured post 4 title</h3> <p>To set your featured posts, please go to your theme options page in wp-admin. You can also disable featured posts slideshow if you don't wish to display them.</p> <a href="#" _fcksavedurl="#" title="This is featured post 4" class="open"></a> <img src="http://themepix.com/demo/wp-content/themes/WoorkOut/jdgallery/slides/4.jpg" _fcksavedurl="http://themepix.com/demo/wp-content/themes/WoorkOut/jdgallery/slides/4.jpg" class="full" alt="" /> <img src="http://themepix.com/demo/wp-content/themes/WoorkOut/jdgallery/slides/4.jpg" _fcksavedurl="http://themepix.com/demo/wp-content/themes/WoorkOut/jdgallery/slides/4.jpg" class="thumbnail" alt="" /> </div> <div class="imageElement"> <h3>This is featured post 5 title</h3> <p>To set your featured posts, please go to your theme options page in wp-admin. You can also disable featured posts slideshow if you don't wish to display them.</p> <a href="#" _fcksavedurl="#" title="This is featured post 5" class="open"></a> <img src="http://themepix.com/demo/wp-content/themes/WoorkOut/jdgallery/slides/5.jpg" _fcksavedurl="http://themepix.com/demo/wp-content/themes/WoorkOut/jdgallery/slides/5.jpg" class="full" alt="" /> <img src="http://themepix.com/demo/wp-content/themes/WoorkOut/jdgallery/slides/5.jpg" _fcksavedurl="http://themepix.com/demo/wp-content/themes/WoorkOut/jdgallery/slides/5.jpg" class="thumbnail" alt="" /> </div> </div> </div> </div> </div>
 
Tasarım altı


Css Kodu



Tasarım özellikleri ;

NOT : Tasarımda hiçbiryere dokunmadım fakat , Footer'da küçük bir microsofthelp linki bıraktım. Lütfen kaldırmadan kullanırsanız memnun olurum .


Kodları CTRL+A ile alabilirsiniz ..
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol