- CSS BEDAVA SİTEM TASARIMI

CSS BEDAVA SİTEM TASARIMI

TASARIMIN ÜSTÜNE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML  1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">   <html xmlns="http://www.w3.org/1999/xhtml"> <head>  <FCK:meta http-equiv="content-type" content="text/html;  charset=utf-8"  /> <title>KATEKO.es.tl</title>  <FCK:meta name="keywords" content=""  /> <FCK:meta  name="description" content=""  /> <link href="default.css"  rel="stylesheet" type="text/css" /> </head> <body>  <div id="wrapper">   <div id="header">     <div  id="logo">        <h1><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">KATEKO</a></h1>        <h2><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">La Mejor Ayuda  WebMaster</a></h2>     </div>        </div>      <div  id="menu">     <ul>        <li class="active"><a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Menu1</a></li>        <li><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Menu1</a></li>        <li><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Menu1</a></li>        <li><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Menu1</a></li>      </ul>   </div>   <div id="splash"><img  src="https://img.webme.com/pic/k/kateko/img0444.gif"  _fcksavedurl="https://img.webme.com/pic/k/kateko/img0444.gif" alt=""  /></div>    <div id="header-search">     <form  method="get" action="">       <fieldset>       <input  type="text" id="header-search-text" name="s" value="" />        <input type="submit" id="header-search-submit" value="Search" />        </fieldset>     </form>   </div>       <div id="page">     <div id="page-bgtop">        <div id="content">         <div class="post">            <h2 class="title"><a href="#" _fcksavedurl="#">LO QUE  DESEES AQUI</a></h2>           <p  class="byline">Plantilla por KATEKO.ES.TL</p>           <div  class="entry">

TASARIMIN ALTINA

</div>         </div>        </div>              <div  id="sidebar">          <ul>           <li id="search">              <h2>Search</h2>             <form method="get"  action="">               <fieldset>               <input  type="text" id="search-text" name="s" value="" />                <input type="submit" id="search-submit" value="Search" />                </fieldset>              </form>           </li>            <li>             <h2>Menu2</h2>              <ul>       <li><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Menu2</a></li>        <li><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Menu2</a></li>        <li><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Menu2</a></li>              </ul>            </li>           <li>              <h2>Menu3</h2>             <ul>        <li><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Menu3</a></li>        <li><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Menu3</a></li>        <li><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Menu3</a></li>              </ul>           </li>           <li>               <h2>Menu4</h2>             <ul>        <li><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Menu4</a></li>        <li><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Menu4</a></li>        <li><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Menu4</a></li>              </ul>           </li>         </ul>         </div>              <div  style="clear: both; height: 1px"></div>     </div>    </div>      <div id="footer">      <p>Copyright © 2007 Tu Web Aquí. Todos los Derechos  Reservados.</p>      <p id="links"><a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Plantilla por  KATEKO.ES.TL</a></p>   </div>    </div>  </body>  </html>

CSS-BÖLÜMÜNE

table {margin-left:auto;margin-right:auto;}      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;}    /* Plantilla por KATEKO.ES.TL */  * {  	margin: 0; 	padding: 0; }  body { 	margin-top: 40px; 	background:  #000000 url(https://img.webme.com/pic/k/kateko/img0111.gif) repeat left  top; 	text-align: justify; 	font-family: Arial, Helvetica, sans-serif; 	 font-size: 13px; 	color: #4D4D4D; }  h1, h2, h3 { 	color: #AA2808; }  h1  { }  h2 { }  h3 { }  p, blockquote, ul, ol { 	margin-bottom: 20px; 	 line-height: 2em; }  p { }  blockquote { }  ul, ol, li { 	margin: 0px; 	 padding: 0px; 	list-style: none; }  a { 	text-decoration: underline; 	 color: #FFFFFF; }  a:hover { 	text-decoration: none; 	color: #838383; }   /* Wrapper */  #wrapper { }  /* Header */  #header { 	width: 892px; 	 height: 91px; 	margin: 0 auto; }  /* Logo */  #logo { 	float: left; 	 width: 270px; 	height: 76px; 	margin: 0px; 	padding: 15px 0px 0px 0px; 	 background: url(https://img.webme.com/pic/k/kateko/img0111.gif) no-repeat  left top; }  #logo h1 { 	margin: 0; 	padding: 0; 	font: normal 36px  Georgia, "Times New Roman", Times, serif; }  #logo h2 { 	margin: -2px 0 0  0; 	padding: 0; 	text-transform: uppercase; 	letter-spacing: 2px; 	 font-size: 10px; 	font-weight: bold; 	color: #444444; }  #logo a { 	 text-decoration: none; 	color: #F0F0F0; }  /* Menu */  #menu { 	width:  940px; 	height: 60px; 	margin: 0 auto; 	background:  url(https://img.webme.com/pic/k/kateko/img0333.gif) repeat-x left top; }   #menu ul { 	margin: 0; 	padding: 20px 0 0 0px; 	list-style: none; 	 line-height: normal; 	margin-left: 30px; }  #menu li { 	display: inline;  	text-align: center; }  #menu a { 	display: block; 	float: left; 	 margin-right: 3px; 	padding: 5px 20px 5px 20px; 	text-decoration: none;  	text-align: center; 	text-transform: uppercase; 	font-size: 11px; 	 font-weight: bold; 	color: #FFFFFF; }  #menu a:hover, #menu .active a {  	background: #FFFFFF; 	color: #110404; }  #splash { 	width: 940px; 	 height: 299px; 	margin: 0 auto; }  /* Search */  #header-search { 	 width: 940px; 	height: 51px; 	margin: 0 auto; 	padding: 0px 0px 0px 0px;  	background: url(https://img.webme.com/pic/k/kateko/img0555.gif)  repeat-x left top; }  #header-search form { 	float: right; 	width:  300px; 	margin: 0; 	padding: 12px 0px 0px 0px; }  #header-search  fieldset { 	margin: 0; 	padding: 0; 	border: none; }   #header-search-text { 	width: 200px; 	padding: 2px 3px; 	background:  #1E1E1E; 	border: none; 	color: #4D4D4D; }  #header-search-submit { 	 background: none; 	border: none; 	font-family: Arial, Helvetica,  sans-serif; 	font-size: 12px; 	color: #E4E4E4; }  #search { 	height:  51px; 	margin: 0 auto; 	padding: 0px 0px 60px 0px; }  #search form { 	 margin: 0; 	padding: 12px 0px 0 0; }  #search fieldset { 	margin: 0; 	 padding: 0; 	border: none; }  #search input { 	float: left; 	font: 12px  Arial, Helvetica, sans-serif; }  #search-text { 	width: 160px; 	height:  18px; 	padding: 3px 0 3px 5px; 	border: none; 	color: #000000; }   #search-submit { 	margin-left: 10px; 	padding: 4px 4px; 	border: none; 	 background: #000000; 	color: #FFFFFF; }  /* Page */  #page { 	width:  940px; 	margin: 0 auto; }  #page-bgtop { 	padding: 0px 0px 0px 20px; }   /* Content */  #content { 	float: left; 	width: 580px; 	padding-top:  30px; } .post { 	margin: 0px 0px 30px 0px; 	background:  url(https://img.webme.com/pic/k/kateko/img0666.gif) repeat-x left bottom;  }  .post .title { 	margin: 0px; 	padding: 0px 0px 5px 0px; 	color:  #232F01; }  .post .title a { 	padding: 4px 35px 4px 15px; 	background:  #FF9200; 	text-decoration: none; 	font-weight: normal; 	color: #FFFFFF; }   .post .entry { 	padding: 20px 0px; }  .post img { 	float: left; 	 padding: 15px 0px; }  .post .meta { 	text-align: right; 	padding: 0px 0  20px 0; 	font-weight: bold; 	color: #202020; }  .post .byline { 	float:  right; 	margin-top: -30px; 	font-size: 12px; 	color: #5E5E5E; }  /*  Sidebar */  #sidebar { 	float: right; 	width: 240px; 	margin: 20px 0px;  	padding: 30px 30px 30px 30px; 	background: #212121; }  #sidebar ul { 	 margin: 0; 	padding: 0; 	list-style: none; 	line-height: normal; }   #sidebar li { 	margin-bottom: 1px; }  #sidebar li ul { 	margin: 0px; 	 padding: 0px 0px 40px 0px; }  #sidebar li li { 	margin: 0; 	padding: 9px  0px; 	border: none; 	background:  url(https://img.webme.com/pic/k/kateko/img0666.gif) repeat-x left bottom;  	border-bottom: 1px solid #171717; }  #sidebar h2 { 	margin: 0px; 	 padding: 0px 0px 20px 0px; 	font-family: "Times New Roman", Times,  serif; 	font-size: 160%; 	font-weight: normal; 	color: #FFFFFF; }   #sidebar h3 { 	font-size: 77%; 	color: #110404; }  #sidebar p { 	margin:  0; 	line-height: normal; 	color: #D4C792; }  #sidebar a { 	border:  none; 	text-decoration: none; 	color: #4D4D4D; }  #sidebar a:hover { 	 text-decoration: underline; }  /* Submenu */  #submenu { }  /* News */   #news { }  #news a { 	font-size: 85%; }  /* Footer */  #footer { 	width:  100%; 	margin: 0 auto; 	padding: 40px 0px; 	background:  url(https://img.webme.com/pic/k/kateko/img0222.gif) repeat left top; 	 color: #FFFFFF; }  #footer p { 	margin: 0; 	text-align: center; 	 font-size: 77%; }  #footer a { 	text-decoration: underline; 	color:  #FFFFFF; }  #footer a:hover { 	text-decoration: none; }