- CSS TASARIM 10.

CSS TASARIM 10.

TASARIMIN ÜSTÜNE

<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Blog Template - Free CSS Website</title> <meta name="keywords" content="Blog Template, Free CSS Website, templatemo" /> <meta name="description" content="Blog Template Layout - Free CSS Website from TemplateMo.com" /> <link href="templatemo_style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="templatemo_container_wrapper"> <div id="templatemo_container">      <div id="templatemo_menu">         <ul>             <li><a href="#" class="current">Link</a></li>             <li><a href="#">Link</a></li>             <li><a href="#">Link</a></li>             <li><a href="#">Link</a></li>             <li><a href="#">Link</a></li>             <li><a href="#" class="first">Link</a></li>         </ul>     </div>          <div id="templatemo_banner">     	<div class="headersection"> 	        <div class="sitetitle">Buzz<span>Dungeon<span>.es.tl</span></div>             <p>algun sub texto</p> 		</div>         <div class="aboutco"> 	        <h1>Titulo</h1> 	        <p>texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>     	    <div class="readmore_black"><a href="#">leer mas...</a></div>         </div>     </div>          <div id="templatemo_content">          	<div id="templatemo_leftcolumn">

TASARIMIN ALTINA

<div class="post">                 <div class="postbody">                                                                 <div class="posttext"> 	                                                          </div>               </div>             </div>                          <div class="post">                 <div class="postbody">                     <div class="posttext">                    </div>                 </div>             </div>                          <div class="post">                                  <div class="postbody">                                                           <div class="posttext">                   </div>                 </div>             </div>                                      <div class="paging">                                         </div>              		</div>                    <div id="templatemo_rightcolumn">                  	<div class="rc_panel">             	<div class="rc_paneltop"></div>                 <div class="rc_panelbody">                     <form method="post" action="#">                       <input class="textfield" name="search"  type="text" value="Buscar..." id="keyword"/> <input class="button"  type="submit" name="Submit" value="ya!" />                     </form>                 </div>                 <div class="rc_panelbottom"></div>             </div>                          <div class="rc_panel">             	<div class="rc_paneltop"></div>                 <div class="rc_panelbody">                 	<h3>Titulo 2</h3>                     <ul>                         <li><a  href="#">Link</a></li>                         <li><a  href="#">Link</a></li>                         <li><a  href="#">Link</a></li>                         <li><a  href="#">Link</a></li>                         <li><a  href="#">Link</a></li>                         <li><a  href="#">Link</a></li>                     </ul>                 </div>                 <div class="rc_panelbottom"></div>             </div>                            <div class="rc_panel">             	<div class="rc_paneltop"></div>                 <div class="rc_panelbody">                 	<h3>Titulo 3</h3>                     <ul>                         <li><a  href="#">Link</a></li>                         <li><a  href="#">Link</a></li>                         <li><a  href="#">Link</a></li>                         <li><a  href="#">Link</a></li>                         <li><a  href="#">Link</a></li>                      </ul>                 </div>                 <div class="rc_panelbottom"></div>             </div>                           <a  href="http://validator.w3.org/check?uri=referer"><img  style="border:0;width:88px;height:31px"  src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0  Transitional" width="88" height="31" vspace="8" border="0"  /></a> <a href="http://jigsaw.w3.org/css-validator/check/referer"><img  style="border:0;width:88px;height:31px"   src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid  CSS!" vspace="8" border="0" /></a>                                 </div>                     </div>           <div id="temmplatemo_bottompanel">     	<div class="bp_column1">         	<h3>Titulo 5</h3>             <div class="popularpost">             	<h4><a href="#">Un Link</a></h4>                 Texto Texto Texto <span  class="comment">(0)</span></div>             <div class="popularpost">             	<h4><a href="#">Un Link</a></h4>                 Texto Texto Texto <span  class="comment">(0)</span></div>             <div class="popularpost">             	<h4><a href="#">Un Link</a></h4>                 Texto Texto Texto <span  class="comment">(0)</span></div>             <div class="popularpost">             	<h4><a href="#">Un Link</a></h4>                 Texto Texto Texto <span  class="comment">(0)</span></div> 	    </div>          		<div class="bp_column2">         	<h3>Titulo 4</h3>             <a href="#"><img  src="http://img703.imageshack.us/img703/1952/photo04.gif" alt="image 4"  /></a>             <a href="#"><img  src="http://img140.imageshack.us/img140/8338/photo02.gif" alt="image 3"  /></a>             <a href="#"><img  src="http://img72.imageshack.us/img72/3161/photo03.gif" alt="image 2"  /></a>             <a href="#"><img  src="http://img225.imageshack.us/img225/2885/photo01.gif" alt="image 1"  /></a>             <div class="readmore_black"><a href="#">Ver  Mas...</a></div> 	    </div>                  <div class="bg_recentproject">         	<h3>Titulo 6</h3>             <img  src="http://img219.imageshack.us/img219/4413/recentproject.jpg"  alt="iamge" />             <p>Texto texto texto texto texto texto texto texto  texto texto texto texto texto</p>             <div class="readmore_black"><a href="#">Ver  Mas...</a></div>                      </div>     </div>           	<div id="templatemo_footer"> <a href="#">Link</a> | <a href="#">Link</a> |  <a href="#">Link</a> | <a href="#">Link</a> |  <a href="#">Link</a><br />  <a href="http://www.BuzzDungeon.es.tL"  target="_parent">Adaptado</a> por  <a href="http://www.BuzzDungeon.es.tL" target="_parent">  BuzzDungeon.es.tL</a>  		</div> 	</div> </div> </body> </html>

CSS BÖLÜMÜNE

table[height ="102"] {margin-left:auto;margin-right:auto;margin-top:-15px;}   #nav_container {display:none;}  lli.nav_element{display: 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;}    body { 	margin:0; 	padding:0; 	line-height: 1.5em; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 11px; 	color: #333333; 	background: #191919; }  a:link, a:visited { color: #9791ad; text-decoration: none; }  a:active, a:hover { color: #464350;}  h1 { 	margin: 0px; 	padding: 0px 0px 5px 0px; 	font-size: 22px; 	font-weight: bold; 	color:#CCCCCC; }  h2 { 	margin: 0px; 	padding: 0px 0px 5px 0px; 	font-size: 20px; 	font-weight: bold; 	color:#363340; }  h3 { 	margin: 0px; 	padding-bottom: 10px; 	font-size: 16px; 	font-weight: bold; 	color: #9791ad; 	text-decoration: underline; }  h4 { 	margin: 0px; 	font-weight: normal; 	padding-bottom: 3px; 	font-size: 12px; 	color: #FFFFFF; 	text-decoration: none; }  p { 	margin: 0 0 5px 0; 	font-size: 11px; 	text-align: justify; }  .readmore_black a{ 	clear: both; 	float: right; 	display: block; 	width: 80px; 	height: 18px; 	padding-top: 2px; 	text-align: center; 	color: #FFFFFF; 	text-decoration: none; 	background: url(http://img213.imageshack.us/img213/261/templatemomore.gif) no-repeat; }  #templatemo_container_wrapper { 	background: url(images/templatemo_mainBG.gif) repeat-x; }  #templatemo_container { 	margin: 0px auto; 	width: 900px; }  /* ------------- Menu ------------------ */ #templatemo_menu { 	width: 900px; 	height: 50px; 	margin: 0px; 	background: url(http://img690.imageshack.us/img690/2339/templatemomenubg.gif) repeat-x; }  #templatemo_menu ul { 	margin: 0px; 	text-align: right; 	list-style: none; }  #templatemo_menu ul li { 	margin: 0px; 	display: inline; }  #templatemo_menu ul li a { 	display:inline-block; 	width: 140px; 	height: 35px; 	margin: 0px; 	padding: 15px 0px 0px 0px; 	text-align: center; 	font: 14px arial; 	color:#000000; 	font-weight: bold; 	text-decoration: none; }  #templatemo_menu ul li a:hover, .current { 	color: #FFFFFF; 	background: url(http://img209.imageshack.us/img209/2262/templatemomenuhoverbg.gif) repeat-x; } /* ---------- End of Menu ------------- */  #templatemo_banner{ 	width: 900px; 	height: 150px; 	padding: 0; 	background: url(http://img442.imageshack.us/img442/5898/templatemobannerbgf.jpg) no-repeat; }  #templatemo_banner p{ 	padding: 0px; 	color: #999999; 	text-align: justify; }  .headersection { 	float: left; 	width: 300px; 	height: 100px; 	padding: 50px 0 0 50px; 	color: #FFCC00; 	font-size: 28px; 	font-weight: bold; }  .sitetitle { 	color: #FFFFFF; 	font-size: 28px; 	font-weight: bold; 	padding-bottom: 5px; } .sitetitle span{ 	color:#CCCCCC; 	font-weight: normal; }  .aboutco { 	float: right; 	width: 350px; 	padding: 30px 200px 0 0; }    /* content */ #templatemo_content { 	float: left; 	width: 900px; 	background: #FFFFFF; }  #templatemo_leftcolumn { 	float: left; 	width: 510px; 	padding: 30px 0px 0px 50px; }  .post { 	float: left; 	width: 500px; 	padding-bottom: 40px; }  .postdate{ 	float: left; 	width: 48px; 	height: 68px; }  .postbody { 	float: left; 	width: 435px; 	padding-left: 12px; 	border-left: 5px solid #666666; }  .postbody img { 	float: left; 	margin-right: 10px; 	border: 3px solid #333333; }  .posttext{ 	float: left; 	width: 310px; }  .postdate { 	float: left; 	width: 35px; 	height: 50px; 	padding: 15px 0 0 13px; 	font-size: 20px; 	color: #000000; 	font-weight: bold; 	background:url(http://img831.imageshack.us/img831/381/templatemodatebg.gif) top right no-repeat; } .month { 	clear: both; 	padding: 15px 0 0 0; 	font-size:12px; }  .tagline { 	font-size: 12px; 	font-weight: bold; 	margin-bottom: 5px; }  .tagline span { 	color:#474451; }  .comment_more { 	clear: both; 	width: 310px; 	text-align: right; 	height: 20px; }  .comment_more span { 	padding-left: 15px; 	background: url(http://img585.imageshack.us/img585/1815/templatemocommenticon02.gif) left center no-repeat; }  .paging{ 	clear: both; 	width: 510px; 	height: 25px; 	margin-bottom: 10px; }  .paging a{ 	float: left; 	height: 22px; 	padding: 3px 10px 0 10px; 	text-align: center; 	font-size: 12px; 	margin-right: 5px; 	color: #FFFFFF; 	text-decoration: none; 	background:url(http://img338.imageshack.us/img338/3751/templatemopagingbg.gif) repeat-x; }  .paging a:hover { 	background: url(http://img707.imageshack.us/img707/3900/templatemopaginghoverbg.gif) repeat-x; }   /* right column */ #templatemo_rightcolumn { 	float: right; 	width: 250px; 	padding: 30px 50px 0 0; }  .rc_panel { 	width: 250px; 	margin-bottom: 20px; 	background: url(http://img526.imageshack.us/img526/7481/templatemorcpannelbg.gif) repeat-y; }  .rc_paneltop{ 	width: 250px; 	height: 10px; 	background: url(http://img130.imageshack.us/img130/7438/templatemorcpaneltop.gif) no-repeat; }  * html .rc_paneltop{ 	width: 250px; 	height: 10px; 	margin-bottom: -10px; 	background: url(http://img130.imageshack.us/img130/7438/templatemorcpaneltop.gif) no-repeat; }  .rc_panelbottom{ 	width: 250px; 	height: 10px; 	background: url(http://img541.imageshack.us/img541/2865/templatemorcbottom.gif) no-repeat; }  * html .rc_panelbottom{ 	width: 250px; 	 	height: 10px; 	margin-bottom: -10px; 	background: url(http://img541.imageshack.us/img541/2865/templatemorcbottom.gif) no-repeat; }  .rc_panelbody { 	padding: 10px 0 20px 25px; }  .rc_panel form { 	padding: 0 0 10px 0; 	margin: 0px; }  .textfield { 	float: left; 	height: 19px; 	width: 150px; }  .button { 	float: left; 	display: block; 	width: 42px; 	height: 25px; 	text-align: center; 	background: url(http://img716.imageshack.us/img716/4301/templatemogobuttombg.gif) no-repeat; 	color: #FFFFFF; 	text-decoration: none; 	border: none; 	 }  .rc_panelbody ul{ 	margin: 0px; 	padding: 0 0 0 10px; } .rc_panelbody li{ 	padding: 4px 0px 4px 0px; 	list-style: none; 	color: #666666;  }  .rc_panelbody li a{ 	padding-left: 20px; 	color: #666666; 	text-decoration: none; 	background: url(http://img264.imageshack.us/img264/1410/templatemolisticon.gif) left center no-repeat;	 } .rc_panelbody li a:hover{ 	color: #9791ad; 	text-decoration: none; 	background: url(http://img607.imageshack.us/img607/4056/templatemolisticonhover.gif) left center no-repeat;	 } /* end of content */  /* bottom panel */  #temmplatemo_bottompanel { 	float: left; 	width: 900px; 	padding-bottom: 10px; 	background: #242424; 	border-top: 4px solid #403d4a; }  .bp_column1 { 	float: left; 	width: 230px; 	margin: 20px 20px 15px 25px; 	padding: 10px; 	background:#000000; }  * html .bp_column1 { 	float: left; 	width: 230px; 	margin: 20px 20px 15px 15px; 	padding: 10px; 	background:#000000; }  .popularpost{ 	padding-bottom: 5px; 	margin-top: 5px; 	border-bottom: 1px solid #3d3b3b; }  .comment{ 	padding-left: 18px; 	background:url(http://img844.imageshack.us/img844/7710/templatemocommenticon.gif) left center no-repeat; }  .popularpost a{ 	color: #FFFFFF; 	text-decoration: none; } .popularpost a:hover { 	color: #999999; }  .bp_column2 { 	float: left; 	width: 250px; 	margin: 20px 20px 15px 20px; 	padding: 10px; 	background:#000000; }  .bp_column2 img{ 	margin: 0 0 10px 10px; 	border: 1px solid #1b1b1b; }  .bp_column2 a{ 	border: none; }  .bg_recentproject { 	float: left; 	width: 250px; 	margin: 20px 20px 15px 20px; 	padding: 10px 0; }  * html .bg_recentproject { 	float: left; 	width: 250px; 	margin: 20px 10px 15px 20px; 	padding: 10px 0; }  .bg_recentproject img{ 	border: 5px solid #000000; 	margin-bottom: 10px; }  .bg_recentproject p { 	color: #555555; }  /* end of bottom panel */  /* ----- Footer ----- */ #templatemo_footer { 	clear: both; 	width: 860px; 	height: 50px; 	padding: 10px 40px 0px 0px; 	text-align: center; 	color: #333333; 	line-height: 18px; 	background: #0d0d0d; 	border-top: 4px solid #403d4a;	 }  #templatemo_footer a{ 	color: #333333; 	text-decoration: none; }  #templatemo_footer a:hover{ 	text-decoration: underline; }  /* ----- End of Footer ----- */