StralKars - Cssbook Tasarimi

https://img.webme.com/pic/p/procssdesign/img10.jpg

Tasarım Üst :

<head   profile="http://gmpg.org/xfn/11"> 	 		 	 	 	  	 	  	 	  </head> <body> <div  id="header">    <a id="logo" href="#"  _fcksavedurl="#">CRAZYBOOK DESIGN</a> <div  id="navigation"> <div id="page-nav"> <ul id="nav1">  <li id="welcome" class="current_page_item2"><a href="#"   _fcksavedurl="#" title="Home">Welcome</a></li> <li  class="page_item page-item-101"><a href="#"  _fcksavedurl="#"  title="About">About</a></li> <li class="page_item  page-item-104"><a href="#"  _fcksavedurl="#" title="Page Number  Three">Page Number  Three</a></li> <li  class="page_item page-item-106"><a href="#"  _fcksavedurl="#"  title="Page Number Four">Page Number  Four</a></li>  <li class="page_item page-item-108"><a href="#"   _fcksavedurl="#" title="Page Number Five">Page Number   Five</a></li> <li class="page_item  page-item-111"><a href="#"  _fcksavedurl="#"  title="Contact">Contact</a></li> </ul>  </div>   <div id="cat-nav">  <ul id="nav2"> 	<li class="cat-item cat-item-76"><a  href="#" _fcksavedurl="#"  title=" Category Three">Category  Three</a> </li> 	<li class="cat-item  cat-item-75"><a href="#" _fcksavedurl="#"  title="Category  Two">Category Two</a> </li> 	<li class="cat-item  cat-item-77"><a href="#" _fcksavedurl="#"  title=" General  Stuff">General Stuff</a> </li> 	<li class="cat-item  cat-item-70"><a href="#" _fcksavedurl="#"  title="Category  One"> Category One</a> <ul class='children'> 	<li  class="cat-item cat-item-71"><a href="#" _fcksavedurl="#"   title="Sub Category One">Sub Category One</a> </li> 	 <li class="cat-item cat-item-73"><a href="#" _fcksavedurl="#"   title="Sub Category Three">Sub Category Three</a> </li> 	 <li class="cat-item cat-item-72"><a href="#" _fcksavedurl="#"   title=" Sub Category Two">Sub Category Two</a></li>  </ul> </li> 	<li class="cat-item cat-item-1"><a  href="#" _fcksavedurl="#"  title="  Uncategorized">Uncategorized</a> </li> 	<li  class="cat-item cat-item-78"><a href="#" _fcksavedurl="#"   title="Whatever">Whatever</a> </li> 	<li  class="cat-item cat-item-79"><a href="#" _fcksavedurl="#"   title="ProCss">ProCss</a> </li> </ul>   </div>  </div>  </div> <div id="wrap"><div  class="main-container">

Tasarım Alt :

<div   class="post-title"><a title="Procssdesign post" href="#"   _fcksavedurl="#">ProCssDesign Post</a></div>   <div class="post-meta-data">Added  Dec 6, 2010, Under: <a  rel="category" href="#"  _fcksavedurl="#">Categoria  Two</a></div>          	<a title="ProCssDesign"  href="#" _fcksavedurl="#">    	<img class="thumbs-in-archive"  witdh="200" height="65"  alt="Annoying Consequences"   src="https://img.webme.com/pic/p/procssdesign/img2.jpg"   _fcksavedurl="https://img.webme.com/pic/p/procssdesign/img2.jpg" />     	</a> <div class="post-excerpt"> <p>Hola amigos aqui  de nuevo bueno este tipo de post solo es  funcionable en este disenho ya  que en otros que los kieran poner no les  servira cuando pongan el  disenho esto se activara por el style bueno  solo lo que tienen que acer  es agregar 1 de estos en html y ponerle como  noticia no le pongan todo  solo ponga la mitad despues ponen el link en  el titulo de la noticia  completa para que se vea como una web  profesional.  Saludos</p>  </div>  <div  class="author-box-small">By  <a title="ProCssDesign"  href="#"  _fcksavedurl="#">ProCssDesign</a> with No  Comments</div>

Css Kodu :

</div>   <div  id="sidebar"> <div id="searchform">		 		<form  method="get" action="http://aparatus.fearlessflyer.com/"> 		<input  name="s" type="text" class="inputs" id="s" value=""  size="30" /> 		 <input type="submit" class="go" value="SEARCH" />	      		 </form> </div>   <div id="twitter-entry">  <p>Welcome al disenho CrAzYbOoK Design espero les guste les manda   saludo su amigo ProCssDesign   </p></div>  <div  id="adblock-big"> <a href="" _fcksavedurl=""><img   src="http://img408.imageshack.us/img408/9769/adblock.jpg"   _fcksavedurl="http://img408.imageshack.us/img408/9769/adblock.jpg"    /></a> </div>  <div  id="tabbed-container">  	<div id="myTabs" class="mootabs"> 				 <ul class="mootabs_title"> 					<li  title="Popular">Popular</li> 					<li  title="RecentComments">Comments</li> 					<li  title="Tags">Tags</li> 				</ul> 				 				<div  id="Popular" class="mootabs_panel"> 				<ul>         			 <li><a href="#" _fcksavedurl="#" title="little   title">Nombre</a> </li><li><a href="#"   _fcksavedurl="#" title="little title">Nombre</a> </li>   <li><a href="#" _fcksavedurl="#" title="little   title">Nombre</a> </li> <li><a href="#"   _fcksavedurl="#" title="little title">Nombre</a> </li>   <li><a href="#" _fcksavedurl="#" title="little   title">Nombre</a> </li> <li><a href="#"   _fcksavedurl="#" title="little title">Nombre</a> </li>     			</ul> 				</div>				 				  				<div id="RecentComments" class="mootabs_panel"> 				 				  <ul> <li><a href="#" _fcksavedurl="#" title="little   title">Nombre</a> </li>  <li><a href="#"  _fcksavedurl="#" title="little  title">Nombre</a> </li>   <li><a href="#" _fcksavedurl="#" title="little   title">Nombre</a> </li>  <li><a href="#"  _fcksavedurl="#" title="little  title">Nombre</a> </li>   <li><a href="#" _fcksavedurl="#" title="little   title">Nombre</a> </li>  </ul>					 				 </div> 				<div id="Tags" class="mootabs_panel">  <a  href='#' _fcksavedurl='#' class='tag-link-13' title='1 topic'   style='font-size: 8pt;'>Disponible</a> <a href='#'  _fcksavedurl='#' class='tag-link-8' title='2 topics'  style='font-size:  11.6pt;'>Disponible</a> <a href='#' _fcksavedurl='#'  class='tag-link-35' title='3 topics'  style='font-size:  14pt;'>Disponible</a> <a href='#' _fcksavedurl='#'  class='tag-link-11' title='8 topics'  style='font-size:  21pt;'>Disponible</a> <a href='#' _fcksavedurl='#'  class='tag-link-89' title='3 topics'  style='font-size:  14pt;'>Disponible</a> <a href='#' _fcksavedurl='#'  class='tag-link-32' title='2 topics'  style='font-size:  11.6pt;'>Disponible</a> <a href='#' _fcksavedurl='#'  class='tag-link-22' title='1 topic'  style='font-size:  8pt;'>Disponible</a> <a href='#' _fcksavedurl='#'  class='tag-link-17' title='1 topic'  style='font-size:  8pt;'>Disponible</a> <a href='#' _fcksavedurl='#'  class='tag-link-86' title='3 topics'  style='font-size:  14pt;'>Disponible</a> <a href='#' _fcksavedurl='#'  class='tag-link-20' title='1 topic'  style='font-size:  8pt;'>Disponible</a> <a href='#' _fcksavedurl='#'  class='tag-link-47' title='2 topics'  style='font-size:  11.6pt;'>Disponible</a> <a href='#' _fcksavedurl='#'  class='tag-link-42' title='2 topics'  style='font-size:  11.6pt;'>Disponible</a> <a href='#' _fcksavedurl='#'  class='tag-link-7' title='4 topics'  style='font-size:  16pt;'>Disponible</a> <a href='#' _fcksavedurl='#'  class='tag-link-91' title='3 topics'  style='font-size:  14pt;'>Disponible</a> <a href='#' _fcksavedurl='#'  class='tag-link-5' title='2 topics'  style='font-size:  11.6pt;'>Disponible</a> <a href='#' _fcksavedurl='#'  class='tag-link-19' title='3 topics'  style='font-size:  14pt;'>Disponible</a> <a href='#' _fcksavedurl='#'  class='tag-link-26' title='4 topics'  style='font-size:  16pt;'>Disponible</a> <a href='#' _fcksavedurl='#'  class='tag-link-46' title='2 topics'  style='font-size:  11.6pt;'>Disponible</a> <a href='#' _fcksavedurl='#'  class='tag-link-27' title='2 topics'  style='font-size:  11.6pt;'>Disponible</a>  				</div> 			</div>  </div>  <div  id="adblock-small"> <ul> 	<li><a href="#"  _fcksavedurl="#"><img   src="http://img10.imageshack.us/img10/3720/bannerpoj.jpg"   _fcksavedurl="http://img10.imageshack.us/img10/3720/bannerpoj.jpg"/></a></li>   	<li><a href="#" _fcksavedurl="#"><img   src="http://img10.imageshack.us/img10/3720/bannerpoj.jpg"   _fcksavedurl="http://img10.imageshack.us/img10/3720/bannerpoj.jpg"    /></a></li> 	<li><a href="#"  _fcksavedurl="#"><img   src="http://img10.imageshack.us/img10/3720/bannerpoj.jpg"   _fcksavedurl="http://img10.imageshack.us/img10/3720/bannerpoj.jpg"    /></a></li> 	<li><a href="#"  _fcksavedurl="#"><img   src="http://img10.imageshack.us/img10/3720/bannerpoj.jpg"   _fcksavedurl="http://img10.imageshack.us/img10/3720/bannerpoj.jpg"    /></a></a></li> </ul>  </div> 	<div  class="sidebar-row"><h3>History de tu web</h3>		 	<div  class="textwidget">Aecati cupiditate non provident,  similique sunt  in culpa qui officia deserunt mollitia animi, id est  laborum et dolorum  fuga. Et harum quidem rerum facilis est et  expedita</div> 		  </div></div></div>  <div  id="footer"> <div id="logo-footer"> CRAZYBOOK  DESIGN</div> <div id="page-nav-footer"> <ul> <li  class="first"><a href="#"   _fcksavedurl="#">Home</a></li> <li class="page_item  page-item-101"><a href="#"  _fcksavedurl="#"  title="About">About</a></li> <li class="page_item  page-item-104"><a href="#"  _fcksavedurl="#" title="Page Number  Three">Page Number  Three</a></li> <li  class="page_item page-item-106"><a href="#"  _fcksavedurl="#"  title="Page Number Four">Page Number  Four</a></li>  <li class="page_item page-item-108"><a href="#"   _fcksavedurl="#" title="Page Number Five">Page Number   Five</a></li> <li class="page_item  page-item-111"><a href="#"  _fcksavedurl="#"  title="Contact">Contact</a></li> </ul>  </div>   <div id="credits">© 2010 All rights  reserved. Design by<a  href="http://procssdesign.es.tl/"   _fcksavedurl="http://procssdesign.es.tl/">ProCssDesign</a></div>    </div>   </body>