www.CityState.tr.gg | Sınırsız Güç , Yine Güçtür =)

War Craft Tasarımı

Tasarım Önizlemesi

TASARIM ÜSTÜ

<div id="box"> <div id="top"> <div id="header"><h1><a href="http://themepreview.amazingwordpressthemes.com/" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/" title="‘World of Warcraft/world-of-warcraft’ Theme Preview">‘World of Warcraft/world-of-warcraft’ Theme Preview</a></h1></div>  </div>   <div id="navbox">  <div id="nav"> <ul class="nav"> <li class="current_page_item"><a href="http://themepreview.amazingwordpressthemes.com/" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/">Home</a></li> <li class="page_item page-item-2"><a href="http://themepreview.amazingwordpressthemes.com/?page_id=2" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-5"><a href="http://themepreview.amazingwordpressthemes.com/?page_id=5" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?page_id=5" title="Sample Page">Sample Page</a></li> </ul> </div>   <form id="searchform" method="get" action="http://themepreview.amazingwordpressthemes.com/"><input value="Search" onfocus_fckprotectedatt="%20onfocus%3D%22if%20(this.value%20%3D%3D%20'Search')%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'%3B%7D%22" size="18" maxlength="50" name="s" id="s" type="text"> </form>  </div>   	<div id="content">  	   	 		 		<div class="post" id="post-4">  		<div class="posthead"> 		<h2>HackeR FrienD</h2> 		<small class="postauthor">Bilgi Güçtür, Paylaştıkça Büyür!</small> 		<p class="postdate"> 		<small class="day">12</small> 		<small class="month">Feb</small> 		<small class="year"></small> 		</p> 		</div> <!--{12487054253254}-

TASARIM ALTI

</div>   		 		  		 	  		 		<div class="navigation"> 			<div class="alignleft"></div> 			<div class="alignright"></div> 		</div>   	 	</div>   <div id="sidebar">  <div class="lsidebar"> <ul> 	  			<li class="pagenav"><h2>Pages</h2><ul><li class="page_item page-item-2"><a href="http://themepreview.amazingwordpressthemes.com/?page_id=2" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-5"><a href="http://themepreview.amazingwordpressthemes.com/?page_id=5" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?page_id=5" title="Sample Page">Sample Page</a></li> </ul></li> 	 			<li class="categories"><h2>Categories</h2><ul>	<li class="cat-item cat-item-3"><a href="http://themepreview.amazingwordpressthemes.com/?cat=3" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?cat=3" title="View all posts filed under Sample Posts">Sample Posts</a> (2) </li> 	<li class="cat-item cat-item-1"><a href="http://themepreview.amazingwordpressthemes.com/?cat=1" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a> (1) </li> </ul></li> 			<li><h2>Archives</h2> 				<ul> 					<li><a href="http://themepreview.amazingwordpressthemes.com/?m=200802" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?m=200802" title="February 2008">February 2008</a> (3)</li> 				</ul> 			</li>  							<li id="linkcat-2" class="linkcat"><h2>Blogroll</h2> 	<ul> <li><a href="http://wordpress.org/development/" _fcksavedurl="http://wordpress.org/development/">Development Blog</a></li> <li><a href="http://codex.wordpress.org/" _fcksavedurl="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/" _fcksavedurl="http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="http://wordpress.org/extend/ideas/" _fcksavedurl="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/" _fcksavedurl="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/" _fcksavedurl="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/" _fcksavedurl="http://planet.wordpress.org/">WordPress Planet</a></li>  	</ul> </li>  					</ul> </div>    <div class="rsidebar"> <ul> 		      <li><h2>Recent Comments</h2> 		 				      <ul> <li>admin:<a href="http://themepreview.amazingwordpressthemes.com/?p=4#comment-2" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?p=4#comment-2" title="on Sample Post">Id wisi erat lorem massa pede </a></li> <li>Mr WordPress:<a href="http://themepreview.amazingwordpressthemes.com/?p=1#comment-1" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?p=1#comment-1" title="on Hello world!">Hi, this is a comment.To</a></li> </ul> 	 			</li>     <li><h2>Recent Post</h2> 		<ul>  <li><a href="http://themepreview.amazingwordpressthemes.com/?p=3" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?p=3">Lorem ipsum</a></li> <li><a href="http://themepreview.amazingwordpressthemes.com/?p=4" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?p=4">Sample Post</a></li> 	 		</ul> 		</li>      				</ul> </div>   </div>  <div id="bottom-sep"> </div> <div id="bottom">  <div class="bottom-divs">   	 	<div id="bottom-left"> 		<h2>About Author</h2> 		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum at arcu. Integer et risus. Morbi id tellus. Integer felis. Mauris malesuada, turpis vitae facilisis euismod, dui arcu adipiscing sem, eu vulputate leo ante in lacus. Sed porta accumsan lectus. Aenean ac sem. In consequat tempus velit. Phasellus leo enim, adipiscing a, egestas nec, pretium ut, pede. Mauris sollicitudin diam et mauris. Sed quis enim vel augue egestas lobortis. Etiam tempus ipsum vel neque. </p> 	</div>  	  	 	<div id="bottom-mid"> 		<h2>Resources</h2> 		<ul> 			<li><a href="" _fcksavedurl="" title="">Resources 1</a></li> 			<li><a href="" _fcksavedurl="" title="">Resources 2</a></li> 			<li><a href="" _fcksavedurl="" title="">Resources 3</a></li> 			<li><a href="" _fcksavedurl="" title="">Resources 4</a></li> 			<li><a href="" _fcksavedurl="" title="">Resources 5</a></li> 		</ul> 	</div>    	 	<div id="bottom-right"> 		<h2>Meta</h2> 		<ul> 						<li><a href="http://themepreview.amazingwordpressthemes.com/wp-login.php" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/wp-login.php">Login</a></li> 			<li><a href="http://validator.w3.org/check/referer" _fcksavedurl="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li> 			<li><a href="http://gmpg.org/xfn/" _fcksavedurl="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li> 			<li><a href="http://wordpress.org/" _fcksavedurl="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li> 					</ul> 	</div>    </div>   </div>  <div id="footer">    <p>© 2008 <a href="http://themepreview.amazingwordpressthemes.com/" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/" title="‘World of Warcraft/world-of-warcraft’ Theme Preview">      ‘World of Warcraft/world-of-warcraft’ Theme Preview    </a> | World of Warcraft and Blizzard are trademarks of Blizzard Entertainment<br>     <a href="http://www.templatepanic.com/" _fcksavedurl="http://www.templatepanic.com/">World of Warcraft Theme</a> by TemplatePanic      <br>     Powered By Wordpress - Theme Provided By <a href="http://www.amazingwordpressthemes.com/" _fcksavedurl="http://www.amazingwordpressthemes.com/">Wordpress Theme</a> - <a href="http://onlinecollege.typolis.net/" _fcksavedurl="http://onlinecollege.typolis.net/">distance learning college online</a>    </p> </div>   </div>

CSS KODU

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;}   /* -------------------- GENERAL -------------------- */   body { font-family: Verdana, Arial, Helvetica; font-size: 13px; background: #101f05 url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/bg.jpg) repeat-y top center; margin: 0; padding: 0; color: #f2f2f2; }  #box { width: 940px; margin: 0 auto; padding: 0px; }  #top { width: 940px; background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/header.jpg) no-repeat; height: 208px; margin: 0; padding: 0; }  a, a:link { text-decoration: none; color: #f7941d; } a:hover { text-decoration: underline; color: #0072bc; }  hr { border: none; border-top: 1px solid #ccc; }   /* -------------------- HEADER -------------------- */   #header { float: left; width: 880px; margin: 160px 0 0 10px; padding: 0; } #header h1 { font-family: Georgia, Tahoma, Verdana; margin: 0; padding: 0; color: #fbaf5d; font-size: 26px; font-weight: normal; font-style: italic; text-align: right; } #header h1 a, #header h1 a:link { color: #fad00a; } #header h1 a:hover { color: #fff; text-decoration: none; } #description { text-align: right; color: #fff; width: 880px; font-size: 12px; padding: 0 0 0 10px; }   /* -------------------- SEARCH -------------------- */   #searchform { height: 25px; line-height: 25px; float: right; padding: 20px 18px 0 0; margin: 0; } #searchform #s { font-size: 8pt; width: 230px; } #searchform #submit { font-size: 8pt; }  input#s { font-family: Verdana, Arial; color: #ccc; text-align: center; border: 1px solid #1d1d1d; background: #111; } input#s:hover { background: #193207; }   /* -------------------- NAV -------------------- */   #navbox { background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/nav.jpg) no-repeat top center; height: 42px; margin: 0px auto; }  #nav { width: 510px; height: 25px; line-height: 35px; float: left; padding: 0; }  ul.nav { height: 35px; line-height: 25px; float: left; list-style: none; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0; }  ul.nav li { float: left !important; list-style-type: none; margin: 0; padding: 0; } ul.nav li ul { float: left; margin: 0; padding: 0; }  ul.nav li a, ul.nav li a:link, ul.nav li a:visited { border-left: 0; color: #999; float: left; display: block; text-decoration: none; padding: 10px 10px 0 10px; height: 42px; } ul.nav li a:hover, ul.nav li a:active { background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/nav-hover.jpg) repeat-x; color: #ccc; text-decoration: none; height: 42px; }  ul.nav li.current_page_item a { text-decoration: none; height: 42px; background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/nav-hover.jpg) repeat-x; color: #f2f2f2; }   /* -------------------- POST -------------------- */   .post { width: 520px; float: left; margin: 5px auto; padding: 10px; } .post img { border: none; padding: 5px; }  h2 { font-size: 22px; font-weight: normal; padding: 0px; margin: 0px; }  #content { width: 545px; float: left; margin: 5px auto; padding: 0; }  .notes { padding: 25px; }  .posthead { position: relative; clear: left; padding-bottom: 10px; } .posthead h2 { font-size: 22px; font-weight: normal; padding: 0px 0px 0px 50px; margin: 0px; } .posthead h2 a { color: #fff200; } .posthead h2 a:hover { color: #007e03; }	  .postauthor { padding: 0px 0px 0 50px; margin: 0px; font-size: 10px; color:#666; } .postdate { margin: 0px; position: absolute; top: 0px; left: 0px; text-align: center; padding: 0px 10px 6px 10px; } .postdate small { font-size: 9px; color:#666; } .postdate .month { display:block; text-transform: uppercase; font-size: 9px;} .postdate .day { display:block; font-size: 22px; letter-spacing: -1px; font-weight: normal; color:#777;} .postdate .year { display:block;}  .navigation { width: 510px; float: left; color: #666; padding: 5px 6px 10px; }  .relatedposts { width: 520px; float: left; color: #666; margin: 5px auto; padding: 0 5px 5px 5px; font-size: 10px; }  h1, h2, h3 { padding: 0 10px 0 0; font-family: Georgia, Verdana; }  img.wp-smiley { border: 0; padding: 0; }   /* -------------------- SIDEBAR -------------------- */   #sidebar { width: 380px; float: right; font-size: 11px; margin-top: 5px; padding: 0; }  #sidebar img, .lsidebar img { border: none; }  .alignright { float: right; margin-top: 10px; } .alignleft { float: left; margin-top: 10px; }  .rsidebar { width: 165px; float: right; margin: 0 auto; padding: 0 10px 5px; } .rsidebar, .lsidebar img { border: none; }  .lsidebar { width: 165px; float: left; margin: 0 auto; padding: 0 10px 5px; }  .lsidebar h2, .rsidebar h2 { font-size: 12px; font-weight: bold; margin: 0 0 10px; padding: 5px 0 0 5px; background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/sidebartitle.jpg) no-repeat top center; height: 39px; width: 166px; color: #f2f2f2; }  .rsidebar ul, .lsidebar ul { list-style-type: none; margin: 0; padding: 0; } .rsidebar ul li, .lsidebar ul li { list-style-type: none; margin: 0 0 25px; padding: 0; } .rsidebar ul li ul, .lsidebar ul li ul { list-style-type: square; margin: 0; padding: 0 0 0 5px; } .rsidebar ul li ul li, .lsidebar ul li ul li { list-style-type: circle; margin: 0 0 0 10px; padding: 0 0 0 5px; } .rsidebar p, .lsidebar p { padding: 0 5px; }   /* -------------------- FOOTER -------------------- */   #footer { width: 940px; background: #111 url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/footer.jpg) no-repeat bottom center; height: 50px; clear: both; color: #ccc; font-size: 9px; margin: 0; text-align: center; }  #footer p { padding: 16px 10px 0 0; }  #footer a, .footer a:link { text-decoration: none; color: #04bf08; } #footer a:hover { text-decoration: none; color: #ccc; }   /*-------------------- Comment --------------------*/   .commentsbox { width: 520px; float: left; margin: 5px auto; }  .commentsbox p { margin: 0; padding: 0; } .commentsbox img { border: 1px solid #666; margin: 3px; }  #commentlist ol { margin: 0; padding: 0; } #commentlist li { list-style-position: outside; list-style-type: decimal; padding: 10px; } .alt { background-color: #040002 !important; background-image: none !important; } #commentlist li:hover { background-color: #040002; }  .comment-title { margin: 0 0 0 0px; font-size: 10px; color: #666; } .comment-title a:link { color: #0072bc; } .comment-title a:hover { color: #666; }  .comment-text { }  h2.postcomment { margin: 0; font-size: 20px; font-weight: normal; }  .postcomment { clear: both; margin: 20px 0 0 0; padding: 20px; }  .postcomment input, .postcomment textarea { border: 1px dotted #aaa; background: #0d1d01; color: #ccc; } .postcomment input:hover, .postcomment textarea:hover { border: 1px dotted #ccc; background: #040002; } .postcomment input#author, .postcomment input#email, .postcomment input#url { width: 100% !important; width: 456px; /* IE hack */ height: 18px; }  .postcomment textarea#comment { width: 100% !important; /* IE hack */ height: 200px; }  .postcomment input#submit { width: auto; background: #0d1d01; height: 25px; padding: 2px 10px 3px 10px; } .postcomment input#submit:hover { background: #040002; }	   /*-------------------- Bottom --------------------*/   #bottom { clear: both; float: left; width: 940px; height: 100%; margin: 0 0 0 0; padding: 0; background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/bot.jpg) top center; text-align: left; color: #ccc; font-size: 10px; } #bottom-divs { float: left; clear: both; margin: 0; padding: 20px; }  #bottom-left { width: 30%; padding: 20px 0 20px 30px; float: left; } #bottom-mid, #bottom-right { width: 30%; padding: 20px 0 20px 20px; float: left; }  #bottom h2 { margin: 0 0 10px 0; padding: 0 8px; font-size: 14px; color: #f2f2f2; font-weight: bold; }  #bottom h3 { margin: 0; padding: 10px 10px; font-size: 12px; color: #999; text-align: center; } #bottom h3:hover { color: #f2f2f2; }  #bottom ul { margin: 0; padding: 0; list-style-type: none; border-top: 1px solid #666; } #bottom ul li { line-height: 20px; border-bottom: 1px solid #666; } #bottom ul li a { display: block; padding: 0 10px; color: #fff; text-decoration: none; }  #bottom ul li a:hover { background: #111; } #bottom-right ul li a:hover { background: #111; }  #bottom-sep { clear: both; }

www.CityState.tr.gg | Sınırsız Güç , Yine Güçtür =) | Welcome

War Craft Tasarımı