-SENİDUNYAN- Webmaster Sitesi

CSS TASARIMLARI

Süper Mario !

Tasarımın Üstündeki Yazı

CCS Kodu Bölüm

h1#title{display: none;} h2#title span  {display: none;} div.header{display: none;}  li.nav_element{list-style-type: none;} #Header_oben { height: 160px;  width: 921px; background: ;  background-image:url(https://img.webme.com/pic/r/razor-designs/marioheader.png);  color: #FFFFFF; border: 0px solid #ffffff; margin: 0px 0px 0px 0px;  padding: 0px; float: left; position:absolute;left:45px;top:25px;} body  {background-image:url(https://img.webme.com/pic/r/razor-designs/399765159_67c524b29a_b.jpg);background-position:;}  a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover  {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color:  #ffffff; font-size: 15px; text-decoration: none;} a:active {color:  #ffffff; font-size: 15px; text-decoration: none;} a:visited {color:  #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{  color:#ffffff; display: block; margin: 5px; padding-left: 0px  text-decoration: none; width: 80px; height: 25px;  background-image: none; background-color:} li.nav_element a:hover{  color:#ffffff; display: block; margin: 0px; padding-left: 0px  text-decoration: none; width: 80px; height: 25px;  background-image:url(hover); background-color:} * { padding: 0; margin:  0; } #Design { margin: 0 auto; width: 922px; } #nav_container { width:  160px; height: 370px; background: ;  background-image:url(https://img.webme.com/pic/r/razor-designs/hahahahahahaa.png);  color: ; border: 1px solid #0000E1; margin: 0px 0px 0px 0px; padding:  10px; float: left;overflow:auto;  position:absolute;left:785px;top:180px;} #content { height: 370px;  width: 540px; background:;  background-image:url(https://img.webme.com/pic/r/razor-designs/hahahahahahaa.png);  color: #ffffff; border: 1px solid #0000E1; margin: 0px 0px 0px 0px;  padding: 10px; display: inline; float: left; overflow:auto;  position:absolute;left:45px;top:180px;} #sidebar_container { height:  370px; width: 100px; background: ;  background-image:url(https://img.webme.com/pic/r/razor-designs/backgroundsidebar.png);  color:#ffffff ; border: 1px solid #0000E1; margin: 0px 0px 0px 0px;  padding: 10px; float: left; overflow:auto;  position:absolute;left:630px;top:180px;} #counter{display: none;}

RATATOİLLE

Tasarımın Üstündeki Yazı

CCS Kodu Bölümü

h1#title{display: none;} h2#title span  {display: none;} div.header{display: none;}  li.nav_element{color:#000000;list-style-type: none;} #Header_oben {  height: 130px; width: 921px; background: ;  background-image:url(https://img.webme.com/pic/r/razor-designs/header.png);  color: #000000; border: 0px solid #ffffff; margin: 0px 0px 0px 0px;  padding: 0px; float: left; position:absolute;left:45px;top:25px;} body  {background-image:url(https://img.webme.com/pic/r/razor-designs/93602.jpg);background-position:;}  a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover  {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color:  #ffffff; font-size: 15px; text-decoration: none;} a:active {color:  #ffffff; font-size: 15px; text-decoration: none;} a:visited {color:  #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{  color:#ffffff; display: block; margin: 5px; padding-left: 0px  text-decoration: none; width: 80px; height: 25px;  background-image: none; background-color:} li.nav_element a:hover{  color:#ffffff; display: block; margin: 0px; padding-left: 0px  text-decoration: none; width: 80px; height: 25px;  background-image:url(hover); background-color:} * { padding: 0; margin:  0; } #Design { margin: 0 auto; width: 922px; } #nav_container { width:  160px; height: 370px; background: ;  background-image:url(https://img.webme.com/pic/r/razor-designs/background.png);  color: ; border: 1px solid #0000E1; margin: 0px 0px 0px 0px; padding:  10px; float: left;overflow:auto;  position:absolute;left:785px;top:180px;} #content { height: 370px;  width: 540px; background:;  background-image:url(https://img.webme.com/pic/r/razor-designs/background.png);  color: #ffffff; border: 1px solid #0000E1; margin: 0px 0px 0px 0px;  padding: 10px; display: inline; float: left; overflow:auto;  position:absolute;left:45px;top:180px;} #sidebar_container { height:  370px; width: 100px; background: ;  background-image:url(https://img.webme.com/pic/r/razor-designs/background.png);  color:#ffffff ; border: 1px solid #0000E1; margin: 0px 0px 0px 0px;  padding: 10px; float: left; overflow:auto;  position:absolute;left:630px;top:180px;} #counter{display: none;}

İŞ SEKTÖRÜ

Tasarimin Üzerine

Tasarimin ALtına

</div> 	<div  id="left">		 			<h3>MENÜ</h3> 			<ul> 			   <li><ul> 				  <li><a href="#"  _fcksavedurl="#">Ana Sayfa</a></li> 				  <li><a  href="#" _fcksavedurl="#">İletişim</a></li> 				   <li><a href="#" _fcksavedurl="#">Ziyaretci  Defteri</a></li> 				  <li><a href="#"  _fcksavedurl="#">Toplist</a></li> 				  <li><a  href="#" _fcksavedurl="#">Link Ekle</a></li> 				   <li><a href="#" _fcksavedurl="#">Dost  Siteler</a></li> 				  </ul> 			  </li> 			 </ul> 			<h3>Takvim</h3> 			<ul> 				<li  id="calendar">			 				<div id="calendar1"> 					<table  id="calendar2" summary="Calendar"> 						<caption> 						 January 2008 						</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="Des" colspan="3" id="prev"><a  href="#" _fcksavedurl="#">« Des</a></td> 								<td  class="pad"> </td> 								<td abbr="Feb" colspan="3"  id="next" class="pad"><a href="#" _fcksavedurl="#">Feb  »</a></td> 							</tr> 						</tfoot> 						 <tbody> 							<tr> 								<td colspan="2"  class="pad"> </td> 								<td>1</td> 								 <td>2</td> 								<td>3</td> 								 <td>4</td> 								<td>5</td> 							</tr>  							<tr> 								<td>6</td> 								 <td>7</td> 								<td>8</td> 								 <td>9</td> 								<td>10</td> 								 <td>11</td> 								<td>12</td> 							 </tr> 							<tr> 								<td>13</td> 								 <td>14</td> 								<td>15</td> 								 <td>16</td> 								<td>17</td> 								 <td>18</td> 								<td>19</td> 							 </tr> 							<tr> 								<td>20</td> 								 <td id="now">21</td> 								<td>22</td> 							 	<td>23</td> 								<td>24</td> 								 <td>25</td> 								<td>26</td> 							 </tr> 							<tr> 								<td>27</td> 								 <td>28</td> 								<td>29</td> 								 <td>30</td> 								<td>31</td> 								<td  class="pad" colspan="2"> </td> 							</tr> 						 </tbody> 					</table> 				</div> 			</li> 		   </ul> 		  <h3>Site Hakkında</h3> 			<p>Buraya  Siteniz Hakkında Bilgi Verebilirsiniz...</p> 			<br /> 	 </div> 	     	</div>  <div  id="footer"> <p>Copyright © 2008. Designed by <a  href="http://www.css-tasarimm.tr.gg"  _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" title="Css Tasarim  Merkezi">Css Tasarim Merkezi</a></p>  	</div>  </div> </div>

Css Kod Bölümüne

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;}   /* Design by WWW.CSS-TASARİMM.TR.GG */  * { margin: 0px; padding: 0px; }   a:link { 	color: #A5A9B2; }  a:hover { 	text-decoration: none; 	color:  #FF0000; }  a:visited { 	color: #A5A9B2; }  body { 	 	background:  #ffffff url(https://img.webme.com/pic/c/css-tasarimm/1-back_all.gif)  repeat-x; 	font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; 	 color: #666666; }  #contentt { 	margin: 0 auto; 	background: #ffffff; 	 width: 742px; 	text-align: left; }  #back { background: #ffffff; width:  742px; }  #header { 	height: 406px; 	text-align: left;		 }  #menu1 {  width: 702px; height: 152px; padding-left: 40px; }  #menu ul { 	 list-style: none;	 }  #menu li { 	 	display: inline;  	 }  #menu a { 	 float: left; 	width: 79px; 	height: 32px;     display: block; 	 text-align: center; 	text-decoration: none; 	color: #000000; 	 font-weight: bold; 	font-size: 12px; 	text-transform: uppercase; }   #menu a:hover { 	width: 79px;     height: 32px; 	color: #004586; 	 text-decoration: underline; }  #button1 a { background:  url(https://img.webme.com/pic/c/css-tasarimm/1-button1.jpg) no-repeat;  height: 24px; width: 124px; padding-top: 120px; } #button1 a:hover {  background: url(https://img.webme.com/pic/c/css-tasarimm/1-button1_r.jpg)  no-repeat; height: 24px; width: 124px; }  #button2 a { background:  url(https://img.webme.com/pic/c/css-tasarimm/1-button2.jpg) no-repeat;  height: 24px; width: 124px; padding-top: 120px; } #button2 a:hover {  background: url(https://img.webme.com/pic/c/css-tasarimm/1-button2_r.jpg)  no-repeat; height: 24px; width: 124px; }  #button3 a { background:  url(https://img.webme.com/pic/c/css-tasarimm/1-button3.jpg) no-repeat;  height: 24px; width: 124px; padding-top: 120px; } #button3 a:hover {  background: url(https://img.webme.com/pic/c/css-tasarimm/1-button3_r.jpg)  no-repeat; height: 24px; width: 124px; } #button4 a { background:  url(https://img.webme.com/pic/c/css-tasarimm/1-button4.jpg) no-repeat;  height: 24px; width: 124px; padding-top: 120px; } #button4 a:hover {  background: url(https://img.webme.com/pic/c/css-tasarimm/1-button4_r.jpg)  no-repeat; height: 24px; width: 124px; } #button5 a { background:  url(https://img.webme.com/pic/c/css-tasarimm/1-button5.jpg) no-repeat;  height: 24px; width: 124px; padding-top: 120px; } #button5 a:hover {  background: url(https://img.webme.com/pic/c/css-tasarimm/1-button5_r.jpg)  no-repeat; height: 24px; width: 124px; }   #logo { background:  url(https://img.webme.com/pic/c/css-tasarimm/1-header.jpg) no-repeat;  width: 722px; height: 234px; text-align: left; padding-left: 20px;  padding-top: 10px; }   #logo a { 	text-decoration: none; 	 text-transform: lowercase; 	font-style: italic; 	font-size: 18px; 	 color: #000000; } #logo H2 a { font-size: 12px; }  #left { 	width:  266px; }  #left H3 { width: 241px; height: 47px; font-size: 14px;  font-weight: bold; padding-left: 25px; padding-top: 15px;  text-transform: uppercase; color: #000000; background:  url(https://img.webme.com/pic/c/css-tasarimm/1-title.gif) repeat-x }   #left ul { 	list-style: none;  }  #left li ul { 	border: 0px; 	 margin-left: 20px; 	margin-bottom: 10px; }  #left li li { 	padding: 4px  20px;     background:  url(https://img.webme.com/pic/c/css-tasarimm/1-small.gif) no-repeat left;  }  #left a { 	color: #A5A9B2; } #left a:visited { 	color: #A5A9B2; }   #left p { padding: 10px; }  #calendar1 { 	padding: 0 10px 20px 10px; }   #calendar table { 	width: 100%; 	text-align: center; }  #calendar thead {   }  #calendar tbody td { 	border: 1px solid #F1F1F1; }  #calendar #prev  { 	text-align: left; }  #calendar #next { 	text-align: right; }   #calendar tfoot a { 	text-decoration: none; 	font-weight: bold; }   #calendar #now { 	background: #696969; 	border: 1px solid #ff0000; 	 font-weight: bold; 	color: #ffffff }  #right { float: right; width:  450px; padding-right: 10px; }  #right H4 { 	margin: 0; 	padding: 0px; 	 font-size: 12px; 	color: #C5C5C5; }  #right a { color: #A5A9B2;  text-decoration: none; }  #right p { 	margin: 0; 	padding: 0; 	 padding-bottom: 10px; }  #right h2 { 	margin: 0; 	padding: 0; 	 padding-top: 10px; 	color: #C5C5C5; } .date { 	text-align: right; 	 color: #808080; 	font-size: 11px; }  .date a { 	color: #D72020; }     #footer { 	height: 29px; 	clear: both; 	padding-top: 50px; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/1-footer.gif) repeat-x  bottom; }  #footer p { 	margin: 0; 	font-size: 10px; 	text-align:  center; 	color: #ffffff; }  #footer a { 	color: #ffffff; }

Tasarimin Üzerine

Tasarimin ALtına

</div>  	</div>  	 <div class="navigation">  		<h1>Menü</h1> 							 <ul> 								<li><a href="#" _fcksavedurl="#"  _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></li> 				 				<li><a href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">İletişim</a></li> 								 <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">Ziyaretci Defteri</a></li> 								 <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">Toplist</a></li> 								<li><a  href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Link  Listesi</a></li> 								<li><a href="#"  _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">Yorumlar</a></li>  		</ul>  		 <h1>Tasarimlar</h1> 							<ul> 								 <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">İceblue Tasarim</a></li> 								 <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">Red Tasarimları</a></li> 								 <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">Butterfly Tasarimlari</a></li> 								 <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">CSS Design</a></li> 								 <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">Flash Tasarim</a></li> 		</ul>  		 <h1>Arşiv</h1> 							<ul> 								<li><a  href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">September</a> </li> 								 <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">Ağustos</a> </li> 								 <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">Ocak</a> </li> 								<li><a  href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">Şubat</a> </li> 								<li><a  href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">Mart</a> </li> 								<li><a  href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">Nisan</a></li> 		</ul>  	 </div> 	 	<div  class="clearer"><span></span></div>  	<div  class="footer">© 2008 <a href="#"  _fcksavedurl="#">Siteniz.tR.gg</a>. Valid <a  href="http://www.csstasarim-arsiv.tr.gg"  _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS</a> &  <a href="http://www.csstasarim-arsiv.tr.gg"  _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">XHTML</a>.  Tasarim design by <a href="http://www.csstasarim-arsiv.tr.gg"  _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">Css Tasarim  Merkezi</a> 	</div>  </div>

Css Kod Bölümüne

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;}   /*#############################################################  www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg  www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg  www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg  www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg  www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg  www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg  #############################################################*/  /*  standard elements */ * { 	margin: 0; 	padding: 0; } a {color: #682;}  a:hover {color: #9A6;} body { 	background: #5F8000  url(https://img.webme.com/pic/c/css-tasarimm/5-bg.gif) repeat-y center  top; 	color: #333; 	font: normal 62.5% "Lucida Sans Unicode",sans-serif;  } input { 	color: #555; 	font: normal 1.1em "Lucida Sans  Unicode",sans-serif; } p,cite,code,ul { 	font-size: 1.2em; 	 padding-bottom: 1.2em; } ul {margin-left: 1.2em;} li {list-style-image:  url(https://img.webme.com/pic/c/css-tasarimm/5-li.gif);} h1 {font-size:  1.4em;} blockquote { 	background: #FFF; 	border-bottom: 1px solid #EEE;  	border-top: 1px solid #EEE; 	color: #333; 	display: block; 	font-size:  0.9em; 	margin-bottom: 1.2em; 	padding: 6px 12px; } blockquote p  {padding: 3px 0;} h1,h2,h3 {color: #654;}  /* misc */ .clearer {clear:  both;}  /* structure */ .container { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/5-bgcontainer.gif) repeat-y;  	margin: 0 auto; 	width: 702px; }  /* top */ .top { 	background:  #567300; 	font: normal 2.4em Verdana,sans-serif; 	height: 60px; 	margin:  0 auto; 	width: 630px; } .top a { 	color: #FFF; 	display: block; 	 line-height: 60px; 	text-decoration: none; 	width: 100%; } .top span  {padding-left: 24px;} .top a:hover { 	background: #688B00; 	color: #FFF;  }  /* header */ .header { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/5-header.jpg) no-repeat; 	 height: 180px; 	margin: 0 auto; 	width: 630px; }  /* item */ .item  {clear: both;} .item .date { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/5-bgdate.gif) no-repeat; 	 color: #FDD; 	float: left; 	height: 40px; 	text-align: center; 	width:  36px; } .item .date div {padding-top: 4px;} .item .date span {font:  normal 1.6em serif;} .item .content { 	float: left; 	width: 420px; }  .item h1 { 	background: #567300; 	color: #FFF; 	line-height: 40px; 	 padding-left: 16px; } .item .body {padding: 12px 18px;}  /* main */  .main {float: left;}  /* navigation */ .navigation { 	float: left; 	 margin-left: 1px; 	width: 208px; } .navigation h1 { 	background:  #81AC00; 	color: #FFF; 	font-size: 1.3em; 	line-height: 40px; 	 padding-left: 12px; } .navigation ul {margin: 0; padding: 0;}  .navigation li { 	border-bottom: 1px solid #D5E8AD; 	list-style: none; }  .navigation li a { 	background: #E8F6BF  url(https://img.webme.com/pic/c/css-tasarimm/5-bgnavigation.gif)  repeat-x;	 	color: #553; 	display: block; 	padding: 8px 4px 8px 12px; 	 text-decoration: none; } .navigation li a:hover { 	background: #F0FFC6;  	color: #553; }  /* footer */ .footer { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/5-bgfooter.gif) repeat-x; 	 color: #FFF; 	font-size: 1.1em; 	line-height: 40px; 	margin: 0 auto; 	 text-align: center; 	width: 626px; } .footer a {color: #FFF;} .footer  a:hover {color: #FAFCB0;}

Tasarimin Üzerine

<div id="containr">  <div id="logo"><a href="www.css-tasarimm.tr.gg" _fcksavedurl="www.css-tasarimm.tr.gg">CSS TASARİM MERKEZİ</a></div> <div id="menu"> <a href="#" _fcksavedurl="#">Ana Sayfa</a> <a href="#" _fcksavedurl="#">Hakkımızda</a> <a href="#" _fcksavedurl="#">Toplist</a> <a href="#" _fcksavedurl="#">Link Listesi</a> <a href="#" _fcksavedurl="#">Sponsorlar</a> </div>   <div id="main"> <div id="sidebar"> <h2>Site Menüsü</h2> <ul> <li><a href="#" _fcksavedurl="#">Tasarim 1</a></li> <li><a href="#" _fcksavedurl="#">Tasarim 2</a></li> <li><a href="#" _fcksavedurl="#">Tasarim 3</a></li> <li><a href="#" _fcksavedurl="#">Tasarim 4</a></li> <li><a href="#" _fcksavedurl="#">Tasarim 5</a></li> <li><a href="#" _fcksavedurl="#">Tasarim 6</a></li> <li><a href="#" _fcksavedurl="#">Tasarim 7</a></li> <li><a href="#" _fcksavedurl="#">Tasarim 8</a></li> <li><a href="#" _fcksavedurl="#">Tasarim 9</a></li> <li><a href="#" _fcksavedurl="#">Tasarim 10</a></li> </ul> </div> <div id="text">

Tasarimin ALtına

</div> </div>   <div id="footer"> <div id="menu_footer"><a href="#" _fcksavedurl="#">Ana Sayfa</a> | <a href="#" _fcksavedurl="#">Hakkımızda</a> | <a href="#" _fcksavedurl="#">Toplist</a> | <a href="#" _fcksavedurl="#">Link Listesi</a> | <a href="#" _fcksavedurl="#">Sponsorlar</a> | <a href="#" _fcksavedurl="#">İletişim</a> | <a href="#" _fcksavedurl="#">Site Haritasi</a> | <a href="#" _fcksavedurl="#">HTML Kodlari</a> | <a href="#" _fcksavedurl="#">Diğer</a></div> <div id="left_footer">© Copyright 2008 <b>www.siteadresi.tr.gg</b></div> <div id="right_footer">  Design by <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg" title="CSS Tasarim Merkezi"><b>siteadresiniz.tr.gg</b></a> & <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg" title="CSS Tasarimm"><b>CSS Tasarimm</b></a> </div> </div>  </div>

Css Kod Bölümüne

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;} html {background:url(https://img.webme.com/pic/c/css-tasarimm/10-body.gif);} body {margin:0; font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; background:url(https://img.webme.com/pic/c/css-tasarimm/10-body_bckg.gif) repeat-x;} a {color:#EE4400; text-decoration:none;} a:hover {text-decoration:underline;} #containr {background:url(https://img.webme.com/pic/c/css-tasarimm/10-main_bckg.jpg) center top no-repeat; width:1000px; margin:0 auto;} #logo {font-size:24px; font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; padding:40px 100px 70px 210px;} #logo a {color:#FFFFFF; text-decoration:none; text-transform:uppercase;} #menu {height:40px; text-align:center;} #menu a {color:#B02802; font-size:14px; font-weight:bold; text-decoration:none; margin:0 20px; text-transform:lowercase;} #menu a:hover {color:#000000;} #main {margin:0 110px; float:left; background-color:#FFFFFF; min-height:350px; display:inline;} #text {margin:20px 220px 0 40px;} #text ul {padding:0; margin:10px 0 10px 40px;} #text li {list-style:none; padding-left:15px; background:url(https://img.webme.com/pic/c/css-tasarimm/10-li.gif) no-repeat 0px 6px;} h1 {margin:20px 0 0 0; text-transform:uppercase; font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; font-size:22px; font-weight:normal;} #text p {margin:10px 0;} #sidebar {float:right; padding:20px 30px 0 30px; width:170px;} #sidebar h2 {font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; margin:0 0 20px 0; text-transform:uppercase; font-size:18px; font-weight:normal;} #sidebar ul {margin:0; padding:0;} #sidebar li {list-style:none; border-bottom:1px solid #ebebeb; padding:3px 2px;} #sidebar li:hover {background-color:#f3f3f3;} #sidebar a {text-decoration:none;} #footer {padding:0 110px; height:169px; clear:both; background:url(https://img.webme.com/pic/c/css-tasarimm/10-footer_bckg.jpg) center top no-repeat;} #menu_footer {color:#7A2200; font-size:11px; padding:40px 0 0 30px;} #menu_footer a {color:#7A2200; text-transform:lowercase;} #left_footer {float:left; padding:60px 0 0 100px; color:#FFFFFF; font-size:12px;} #left_footer a {color:#FFFFFF;} #right_footer {float:right; padding:60px 100px 0 0; color:#FFFFFF; font-size:12px;} #right_footer a {color:#FFFFFF;}

-SHOWFM-

eBlog Templates Demo

Reklam Alanı

-SENİDUNYAN- Webmaster Sitesi

CSS TASARIMLARI