BHA-TASARIM VE DANIŞMANLIK - SADE VE 2 KOLONLU CSS TASARIM

SADE VE 2 KOLONLU CSS TASARIM

TASARIMIN ÜSTÜNE

<body>   <div id="header"> 	<div id="logo"> 		<h1><a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/"><span>KATEKO</span></a></h1>   		<p>Design por KATEKO.ES.TL</p> 	</div> 	<div  id="menu"> 		<ul id="main"> 			<li  class="current_page_item"><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/"  class="first">Menu</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> 		 	<li><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Menu1</a></li> 		 </ul> 	</div> </div>  <div  id="wrapper"> 	 	<div id="page"> 	 <div id="page-bg"> 		<div id="sidebar1" class="sidebar"> 			 <ul> 				<li>  					<h2>Sub Menu 1</h2> 					 <ul> 			<li><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Sub  Menu1</a></li> 			<li><a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Sub  Menu1</a></li> 			<li><a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Sub  Menu1</a></li> 			<li><a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Sub  Menu1</a></li> 					</ul> 				</li> 				 <li> 					<h2>Sub Menu2</h2> 					<ul> 			 <li><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Sub  Menu2</a></li> 			<li><a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Sub  Menu2</a></li> 			<li><a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Sub  Menu2</a></li> 			<li><a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Sub  Menu2</a></li> 					</ul> 				</li> 				 <li>  					<h2>Sub Menu3</h2> 					<ul> 			 <li><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Sub  Menu3</a></li> 			<li><a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Sub  Menu3</a></li> 			<li><a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Sub  Menu3</a></li> 			<li><a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Sub  Menu3</a></li> 					</ul> 				</li> 			 </ul> 		</div> 		 		<div  id="content">   				<h1 class="title"><a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Texto Aquí  =D</a></h1>

TASARIMIN ALTINA

</div> 		 	 	  		<div id="sidebar2"  class="sidebar"> 			<ul> 				<li> 					<form  id="searchform" method="get" action="#"> 						<div> 							 <h2>Buscar</h2> 							<input type="text" name="s" id="s"  size="15" value="" /> 						</div>  					</form> 				 </li> 					<h2>Calendario</h2> 					<div  id="calendar_wrap"> 						<table summary="Calendar"> 							 <caption> 							October 2009 							</caption> 							 <thead> 								<tr>  									<th abbr="Monday"  scope="col" title="Monday">M</th> 									<th  abbr="Tuesday" scope="col" title="Tuesday">T</th> 									 <th abbr="Wednesday" scope="col" title="Wednesday">W</th> 		 							<th abbr="Thursday" scope="col"  title="Thursday">T</th> 									<th abbr="Friday"  scope="col" title="Friday">F</th> 									<th  abbr="Saturday" scope="col" title="Saturday">S</th>  									 <th abbr="Sunday" scope="col" title="Sunday">S</th> 								 </tr> 							</thead> 							<tfoot> 								 <tr> 									<td abbr="September" colspan="3"  id="prev"><a href="#" _fcksavedurl="#" title="View posts for  September 2009">« Sep</a></td> 									<td  class="pad"> </td>  									<td colspan="3"  id="next"> </td> 								</tr> 							</tfoot> 				 			<tbody> 								<tr> 									<td>1</td> 				 					<td>2</td> 									<td>3</td>  									 <td id="today">4</td> 									<td>5</td> 						 			<td>6</td> 									<td>7</td> 								 </tr> 								<tr> 									<td>8</td>  								 	<td>9</td> 									<td>10</td> 									 <td>11</td> 									<td>12</td> 									 <td>13</td> 									<td>14</td>  								 </tr> 								<tr> 									<td>15</td> 								 	<td>16</td> 									<td>17</td> 									 <td>18</td> 									<td>19</td>  									 <td>20</td> 									<td>21</td> 								 </tr> 								<tr> 									<td>22</td> 								 	<td>23</td> 									<td>24</td>  									 <td>25</td> 									<td>26</td> 									 <td>27</td> 									<td>28</td> 								 </tr> 								<tr> 									<td>29</td>  							 		<td>30</td> 									<td>31</td> 									 <td class="pad" colspan="4"> </td> 								</tr> 					 		</tbody> 						</table> 					</div> 				</li>   				<li> 					<h2>Sub Menu 4</h2> 					<ul> 			 <li><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Sub  Menu1</a></li> 			<li><a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Sub  Menu1</a></li> 			<li><a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Sub  Menu1</a></li> 			<li><a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Sub  Menu1</a></li> 					</ul> 				</li> 			 </ul> 		</div> 		 		<div  style="clear: both;"> </div> 	</div> 	 </div>  </div> <div id="footer"> <div  id="footer-bg"> 	<p class="copyright">©  2009 Tu Web Aquí.  Todos los Derechos Reservados.</p> 	<p class="link"><a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Plantilla por  KATEKO.ES.TL</a> & <a href="http://www.DASR.es.tl/"  _fcksavedurl="http://www.DASR.es.tl/">Auspiciado por  DASR.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 */  body  { 	margin: 0; 	padding: 0; 	background: #EBEBEB  url(https://img.webme.com/pic/k/kateko/img00001.gif) repeat-x left top; 	 text-align: justify; 	font-family: Arial, Helvetica, sans-serif; 	 font-size: 12px; 	color: #454545; }  h1, h2, h3 { 	margin-top: 0; 	 color: #8C0209; }  h1 { 	font-size: 1.6em; 	font-weight: normal; }  h2 {  	font-size: 1.6em; }  h3 { 	font-size: 1em; }  ul { }  a { 	 text-decoration: none; 	color: #3F5C10; }  a:hover { 	border-bottom:  none; }  a img { 	border: none; }  img.left { 	float: left; 	margin: 0  20px 0 0; }  img.right { 	float: right; 	margin: 0 0 0 20px; }  #header {  	width: 1000px; 	height: 203px; 	margin: 0 auto; }  /* Header */  #logo  { 	width: 960px; 	height: 150px; 	margin: 0 auto; 	background:  url(images/img02.jpg) no-repeat left top; }  #logo h1, #logo p { 	float:  left; 	margin: 0px; }  #logo span { 	color: #FFFFFF; }  #logo h1 { 	 padding-top: 40px; 	letter-spacing: -1px; 	text-transform: lowercase; 	 font-weight: normal; 	font-size: 5em; }  #logo p { 	display: block; 	 padding-top: 80px; 	text-transform: uppercase; 	font-size: 10px; 	color:  #FFFFFF; }  #logo a { 	border: none; 	text-decoration: none; 	color:  #FFFFFF; }  /* Menu */  #menu { 	width: 960px; 	margin: 0 auto; 	 padding: 0; 	height: 50px; 	background: #BF3503; }  #menu ul { 	margin:  0; 	padding: 0; 	list-style: none; }  #menu li { 	display: inline; }   #menu a { 	display: block; 	float: left; 	margin: 1px 0px 0px 0px; 	 padding: 15px 35px 0px 35px; 	text-decoration: none; 	text-transform:  capitalize; 	font-size: 12px; 	color: #FFFFFF; }  #menu a:hover { 	 color: #FFFFFF; }  #menu .current_page_item a { 	color: #FFFFFF; }   #menu .first { 	background: none; }  /* Wrapper */  #wrapper { }  /*  Page */  #page { 	width: 960px; 	margin: 0 auto; 	background:  url(https://img.webme.com/pic/k/kateko/img00005.gif) repeat-y left top; }   #page-bg { 	background:  url(https://img.webme.com/pic/k/kateko/img00006.gif) no-repeat left top;  	padding: 0px 10px; }  /* Latest Post */  #latest-post { 	padding: 20px;  	border: 1px solid #E7E7E7; }  /* Content */  #content { 	float: left;  	width: 440px; 	padding: 30px 40px 0px 40px; }  .post { 	padding-bottom:  45px; 	line-height: 200%; }  .post h1 { 	font-weight: normal; }  .title  { 	margin: 0px; 	padding: 0px 0px 14px 0px; 	letter-spacing: -1px; 	 font-size: 3em; 	font-weight: normal; 	background:  url(https://img.webme.com/pic/k/kateko/img00004.gif) repeat-x left  bottom; }  .title a { 	border-bottom: none; 	color: #454545; }  .title  a:hover { }  .byline { 	background:  url(https://img.webme.com/pic/k/kateko/img00004.gif) repeat-x left  bottom; 	padding-bottom: 10px; }  .tag { 	padding: 0 15px; }  .entry { }   .links { 	padding: 4px 0px; 	text-align: right; 	font-weight: bold; }   .links a { 	border: none; }  .links a:hover { }  /* Sidebars */   #sidebar1 { 	float: left; }  #sidebar2 { 	float: right; }  .sidebar { 	 float: left; 	width: 210px; 	padding: 0; 	font-size: 12px; }  .sidebar  ul { 	margin: 0; 	padding: 0; 	list-style: none; }  .sidebar li { 	 padding: 0 0 20px 0; }  .sidebar li ul { 	padding: 10px 0px; }  .sidebar  li li { 	margin: 0 20px 0 15px; 	padding: 8px 0px; 	background:  url(https://img.webme.com/pic/k/kateko/img00004.gif) repeat-x left  bottom; }   .sidebar li h2 { 	height: 34px; 	margin: 0 0 0 0; 	padding:  12px 15px 0px 15px; 	font-size: 20px; 	font-weight: normal; 	color:  #000000; }  .sidebar a { }  /* Search */  #searchform { 	margin: 0; 	 padding: 0 0 0 0; }  #searchform br { 	display: none; }  #searchform h2 {  }  #s { 	margin: 10px 0px 0 15px; 	padding: 2px 2px; 	width: 180px; 	 height: 18px; 	border: none; 	background: #FFFFFF; 	font-size: 10px; 	 color: #000000; }  #x { 	margin: 0; 	padding: 2px 5px; 	height: 25px; 	 background: #CA8186; 	text-decoration: none; 	text-transform: uppercase;  	font-family: Arial, Helvetica, sans-serif; 	font-size: 10px; 	color:  #CCCCCC; } /* Calendar */  #calendar_wrap { 	padding: 0 15px; 	 text-align: center; }  #calendar_wrap table { 	width: 100%; }   #calendar_wrap th { }  #calendar_wrap td { }  #calendar_wrap tfoot td {  	border: none; }  #calendar_wrap tfoot td#prev { 	text-align: left; 	 font-weight: bold; 	border: none; }  #calendar_wrap tfoot td#prev a { 	 border: none; }  #calendar_wrap tfoot td#next { 	text-align: right; 	 font-weight: bold; 	border: none; }  #calendar_wrap tfoot td#next a { 	 border: none; }  /* Footer */  #footer { 	width: 100%; 	height: 70px; 	 margin: 0 auto; 	background: #161600; }  #footer-bg { 	width: 960px; 	 margin: 0 auto; }  #footer p { 	margin: 0; 	padding: 25px 0 0 0; 	 text-align: center; 	font-size: smaller; }  #footer a { 	color: #E7E7E7;  }  #footer .link { 	float: right; }  #footer .copyright { 	float: left;  }

GURURUM 5 DEN ALINTIDIR