Ömer YurdakuL Fan Sitesi - Web Tasarım İle İlgili Herşey - Web Site Yardım-Web Site Satış-Web Site RekLam

Css Tasarımları

TASARIMIN GÖRÜNÜMÜ

<= Tasarimin Üzerine =>

<= Tasarimin ALtına =>

</div> 				<p  class="meta"></p> 			</div> 			</div> 		 		<div id="sidebar"> 			<div  id="about-box"> 				<h4>Duyuru Panosu</h4> 				 <p>Burada Siteniz Hakkında Yenilikleri  Verebilirsiniz.<br>Yada Dost Siteleri Yazabilirsiniz.</p> 		 	</div> 			<ul> 				<li> 					 <h4>Menü</h4> 							<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> 				 </li> 				<li> 					<h4>Tasarimlar</h4> 							 <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> 				</li> 			 </ul> 		</div> 		 		<div  style="clear: both;"> </div> 	</div> </div>  <hr /> <div id="footer"> 	<p>(c) 2008  WwW.Site-Adi.tR.gg. Tüm Hakkları Saklıdır. Design by <a  href="http://www.css-tasarimm.tr.gg/"  _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">Css Tasarim  Merkezi</a> ve <a href="http://WwW.Site-Adi.tR.gg"  _fcksavedurl="http://WwW.Site-Adi.tR.gg">WwW.Site-Adi.tR.gg</a>.</p>  </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.CSSTASARİM-ARSİV.TR.GG WWW.CSSTASARİM-ARSİV.TR.GG  WWW.CSSTASARİM-ARSİV.TR.GG WWW.CSSTASARİM-ARSİV.GG  WWW.CSSTASARİM-ARSİV.TR.GG WWW.CSSTASARİM-ARSİV.TR.GG  WWW.CSSTASARİM-ARSİV.tr.GG WWW.CSSTASARİM-ARSİV.TR.GG  WWW.CSSTASARİM-ARSİV.TR.GG WWW.CSSTASARİM-ARSİV.TR.GG */  body { 	 margin: 0; 	padding: 0; 	background: #F4FBFF  url(https://img.webme.com/pic/c/css-tasarimm/7-img01.jpg) repeat-x; 	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 	font-size:  14px; 	color: #405A67; }  h3, h4, h5 { 	margin: 0; 	font-weight: normal;  	color: #4F6977; }  h3 { 	letter-spacing: -1px; 	font-size: 44px; }  h4  { 	font-size: 28px; }  h5 { 	font-size: 16px; }  p, ul, ol { 	margin: 0  0 1.5em 0; 	line-height: 1.5em; 	text-align: justify; }  p { }   blockquote { 	font-style: italic; }  ul { }  ol { }  a { 	color:  #38B5F1; }  a:hover { 	text-decoration: none; }  small { }  hr { 	 display: none; }  img { 	border: none; }  img.left { 	float: left; 	 margin: 0 15px 0 0; }  img.right { 	float: left; 	margin: 0 0 0 15px; }   /* Header */  #header { 	width: 954px; 	height: 183px; 	margin: 0 auto;  	margin-top: -31px; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/7-img02.jpg); }  /* Logo */   #logo { 	float: left; }  #logo h3, #logo h4 { 	float: left; 	 text-transform: lowercase; 	color: #FFFFFF; }  #logo h3 { 	padding:  115px 0 0 50px; 	font-weight: bold; }  #logo h4 { 	padding: 143px 0 0  8px; 	font-size: 14px; 	font-weight: bold; }  #logo a { 	 text-decoration: none; 	color: #FFFFFF; }  /* Menu */  #menu { 	float:  right; }  #menu ul { 	margin: 0; 	padding: 140px 20px 0 0; 	list-style:  none; 	line-height: normal; }  #menu li { 	display: inline; }  #menu a {  	padding: 0 28px 0 0; 	text-transform: lowercase; 	text-decoration:  none; 	font-size: 16px; 	font-weight: bold; 	color: #FFFFFF; }  /* Page  */  #page { 	width: 954px; 	margin: 0 auto; 	background: #FFFFFF  url(https://img.webme.com/pic/c/css-tasarimm/7-img03.jpg) repeat-y; }   #bg { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/7-img06.jpg) no-repeat left  bottom; }  /* Content */  #conttent { 	float: left; 	width: 680px; 	 background: url(https://img.webme.com/pic/c/css-tasarimm/7-img04.jpg)  no-repeat; }  /* Posts */  .post { 	width: 606px; 	padding: 30px 0 0  48px; }  .post .title { 	padding: 0 0 0 12px; }  .post .title a { 	 color: #4F6977; }  .post .date { 	margin: -26px 25px 15px 0; 	 text-align: right; 	color: #79AFCD; }  .post .entry { 	padding: 25px  20px 0 12px; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/7-img07.jpg) no-repeat; }   .post .meta { 	padding: 15px 12px; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/7-img08.jpg) no-repeat left  bottom; }  .post .meta b { 	display: none; }  .post .more, .post  .comments { 	padding: 0 30px 0 20px; }  .post .more { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/7-img09.gif) no-repeat left  center; }  .post .comments { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/7-img10.gif) no-repeat left  center; }  /* About Box */  #about-box { 	width: 185px; 	height: 162px;  	padding: 70px 37px 0 35px; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/7-img11.jpg) no-repeat left  bottom; }  #about-box h4 { 	margin-bottom: 25px; 	font-size: 18px; 	 font-weight: normal; }  #about-box p { 	font-size: 12px; }  /* Sidebar  */  #sidebar { 	float: right; 	width: 274px; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/7-img05.jpg) no-repeat; }   #sidebar ul { 	width: 206px; 	margin: 0; 	padding: 0 0 0 30px; 	 list-style: none; }  #sidebar li { }  #sidebar li ul { 	width: auto; 	 padding: 0 15px 0 10px; }  #sidebar li li { 	padding: 5px 0 5px 0; 	 background: url(https://img.webme.com/pic/c/css-tasarimm/7-img13.gif)  repeat-x; }  #sidebar li li.first { 	padding-top: 0; 	background: none; }   #sidebar li h4 { 	font-size: 18px; 	padding: 30px 0 40px 10px; 	 background: url(https://img.webme.com/pic/c/css-tasarimm/7-img12.jpg)  no-repeat left bottom; }  /* Footer */  #footer { 	padding: 30px 0; }   #footer p { 	text-align: center; 	font-size: 12px; 	color: #83B3CE; }   #footer a { 	color: #83B3CE; }

---------------------------------------------------------------------------------------------------------------------------------------------

TASARIMIN GÖRÜNÜMÜ

<= Tasarimin Üzerine =>

<= Tasarimin ALtına =>

</div> 	 	 	<div id="sidebar"> 	 	<ul> 			<li> 				<h2>Menü</h2> 							 <ul> 								<li><a href="#" _fcksavedurl="#"  _fcksavedurl="#">Ana Sayfa</a></li> 								 <li><a href="#" _fcksavedurl="#"  _fcksavedurl="#">İletişim</a></li> 								 <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ziyaretci  Defteri</a></li> 								<li><a href="#"  _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li> 						 		<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link  Listesi</a></li> 								<li><a href="#"  _fcksavedurl="#" _fcksavedurl="#">Yorumlar</a></li>  				 </ul> 			</li> 			<li> 				 <h2>Tasarimlar</h2> 							<ul> 								 <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İceblue  Tasarim</a></li> 								<li><a href="#"  _fcksavedurl="#" _fcksavedurl="#">Red  Tasarimları</a></li> 								<li><a href="#"  _fcksavedurl="#" _fcksavedurl="#">Butterfly  Tasarimlari</a></li> 								<li><a href="#"  _fcksavedurl="#" _fcksavedurl="#">CSS Design</a></li> 			 					<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Flash  Tasarim</a></li> 				</ul> 			</li> <li>  							<h2>Arşiv</h2> 							<ul> 								 <li><a href="#" _fcksavedurl="#"  _fcksavedurl="#">September</a> (23)</li> 								 <li><a href="#" _fcksavedurl="#"  _fcksavedurl="#">Ağustos</a> (31)</li> 								 <li><a href="#" _fcksavedurl="#"  _fcksavedurl="#">Ocak</a> (31)</li> 								 <li><a href="#" _fcksavedurl="#"  _fcksavedurl="#">Şubat</a> (30)</li> 								 <li><a href="#" _fcksavedurl="#"  _fcksavedurl="#">Mart</a> (31)</li> 								 <li><a href="#" _fcksavedurl="#"  _fcksavedurl="#">Nisan</a> (30)</li> 							</ul> 	 					</li> 		</ul> 	</div> 	  	<div style="clear: both;"> </div> </div>  <div id="footer"> 	<p>©2008 Tüm Hakları  SakLıdır.  •  Design by <a href="http://www.csstasarim-arsiv.tr.gg"  _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS Tasarim  Merkezi</a>.</p> </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.CSSTASARIM-ARSIV.TR.GG */  body { 	margin: 0; 	padding:  0; 	background: #AAE74A  url(https://img.webme.com/pic/c/css-tasarimm/3-img04.gif) repeat-x; }   body, th, td, input, textarea { 	font-family: "Trebuchet MS", Arial,  Helvetica, sans-serif; 	font-size: 13px; 	color: #666666; }  p, ol, ul {  	line-height: 170%; }  a:hover { 	text-decoration: none; }  /* Header  */  #header { 	width: 960px; 	height: 120px; 	margin: 0 auto; }  #logo {  	float: left; 	height: 120px;                       margin-top: -11px;  	margin-left: 10px; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/3-img1.gif) no-repeat left  center; }  #logo h1, #logo p { 	text-transform: lowercase; }  #logo h1 {  	margin: 0; 	padding: 25px 0 0 85px; 	letter-spacing: -2px; 	font-size:  3em; 	font-weight: normal; 	color: #000000; }  #logo h1 a { 	color:  #000000; }  #logo p { 	margin: -10px 0 0 2px; 	padding: 0 0 0 85px; 	 text-transform: lowercase; }  #search { 	float: right; 	width: 280px; }   #search form { 	margin-top: -5px; 	padding: 63px 0 0 0; }  #search  fieldset { 	margin: 0; 	padding: 0; 	border: none; }  #search #s,  #search #x { 	float: left; }  #search #s { 	width: 188px; 	margin: 2px  6px 0 0; 	padding: 2px 5px; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/3-img02.gif) repeat-x; 	 border: 1px solid #ACACAC; }  #search #x { 	width: 67px; 	height: 28px;  	padding: 0; 	background: #006BFF  url(https://img.webme.com/pic/c/css-tasarimm/3-img03.gif) no-repeat; 	 border: none; 	text-transform: lowercase; 	color: #FFFFFF; }  /* Menu */   #menu { 	width: 962px; 	height: 50px; 	margin-top: -32px; 	 margin-left: auto; 	margin-right: auto; }  #menu ul { 	margin: 0; 	 padding: 0; 	list-style: none; }  #menu li { 	display: block; 	float:  left; }  #menu a { 	display: block; 	float: left; 	height: 38px; 	 padding: 8px 20px 0 20px; 	text-decoration: none; 	text-transform:  lowercase; 	color: #000000; }  #menu a:hover { 	text-decoration:  underline; }  #menu .current_page_item { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/3-img05.gif) no-repeat; }   #menu .current_page_item a { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/3-img06.gif) no-repeat right  top; 	font-weight: bold; }  /* Page */  #page { 	width: 962px; 	margin:  0 auto; 	background: #FFFFFF  url(https://img.webme.com/pic/c/css-tasarimm/3-img07.gif) repeat-y; }  /*  Content */  #content { 	float: right; 	width: 700px; 	padding: 0; 	 background:  none no-repeat; }  #content a { 	color: #FF8900; }   .pagetitle { 	height: 33px; 	margin: 0; 	padding: 8px 0 0 15px; 	 background: url(https://img.webme.com/pic/c/css-tasarimm/3-img13.gif)  no-repeat; 	font-size: 1.4em; 	color: #FFFFFF; }  #content #rss-posts {  	display: block; 	margin: -30px 15px 0px 0px; 	padding: 0 20px 0 0; 	 background: url(https://img.webme.com/pic/c/css-tasarimm/3-rss.gif)  no-repeat right center; 	text-align: right; 	font-weight: bold; 	color:  #FFFFFF; }  .post { 	padding: 40px 30px 0 30px; }  .title { 	margin: 0;  	font-size: 2.4em; 	font-weight: normal; }  .byline { 	margin: 0 0 20px  0; }  .meta { 	border-top: 1px dotted #CCCCCC; 	text-align: right; }   .meta .more, .meta .comments { 	padding-left: 15px; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/3-img14.gif) no-repeat left  center; }  /* Sidebar */  #sidebar { 	float: left; 	width: 230px; 	 padding: 11px 5px 0 11px; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/3-img08.gif) no-repeat; }   #sidebar ul { 	margin: 0; 	padding: 0; 	list-style: none; }  #sidebar li  { 	margin-bottom: 20px; }  #sidebar li ul { 	padding: 10px 15px; }   #sidebar li li { 	margin: 0; 	padding-left: 15px; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/3-img12.gif) no-repeat left  center; }  #sidebar h2 { 	height: 33px; 	margin: 0; 	padding: 8px 0 0  15px; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/3-img11.gif) no-repeat; 	 font-size: 1.4em; 	color: #FFFFFF; }  #sidebar a { 	text-decoration:  none; 	color: #0065FF; }  #sidebar a:hover {	 	text-decoration:  underline; }  /* Footer */  #footer { 	width: 962px; 	margin: 0 auto; 	 padding: 30px 0; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/3-img10.gif) no-repeat; }   #footer p { 	margin: 0; 	text-align: center; 	color: #FFFFFF; }  #footer  a { 	color: #FFFFFF; }

---------------------------------------------------------------------------------------------------------------------------------------------------------
TASARIMIN GÖRÜNÜMÜ

<= 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;}

Tasarım ayarlarında ICEBLUE temasını seçin ve kodları tasarımın üzerindeki yazı kutusuna yapıştırın
Kodların içinde logoburada.gif yazan yere kendi logo adresinizi yapıştırın

TASARIM ÜSTÜ

<div id="conntainer">  	  	<div id="page_header"> 	<h1><span>Radio  Station</span></h1> 	</div>  	    	  	<div  id="navmenu">  		<ul> 		<li id="menu_first"><a  href="http://www.freewebsitetemplates.com/"  _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Home</b></a></li>  		<li><a href="http://www.freewebsitetemplates.com/"  _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Featured  Bands</b></a></li> 		<li><a  href="http://www.freewebsitetemplates.com/"  _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Playlist</b></a></li>  		<li><a href="http://www.freewebsitetemplates.com/"  _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Partners</b></a></li>  		<li><a href="http://www.freewebsitetemplates.com/"  _fcksavedurl="http://www.freewebsitetemplates.com/"><b>About  Us</b></a></li> 		<li id="menu_last"><a  href="http://www.freewebsitetemplates.com/"  _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Contact  Us</b></a></li> 		</ul>  		<div  class="clearthis"> </div> 	</div>  	  	<div id="page_static"> </div>  	   	<div id="main_content"> 	 <div id="main_content2">  		<div id="main_content_header"> 	 	<h2>Featured Band: The Black Eyed Peas</h2> 		</div>   		<div id="main_content_body"> 		<div id="content_box">  		 <div class="thumbnail"><img  src="http://www.freewebsitetemplates.com/preview/template25/images/main_thumbnail.gif"   _fcksavedurl="http://www.freewebsitetemplates.com/preview/template25/images/main_thumbnail.gif"  width="379" height="177" alt="Thumbnail Caption" /></div>

TASARIM ALTI

</div> 		</div>  		<div  id="main_content_footer"> </div>  	</div> 	</div>   	   	  	<div id="breaking_news">  		<div  id="breaking_news_header"> 		<h2>HackeR FrienD.Net</h2> 	 	</div>  		<div id="breaking_news_body">  			<div  class="thumbnail"><img  src="http://www.freewebsitetemplates.com/preview/template25/images/news_thumbnail.gif"   _fcksavedurl="http://www.freewebsitetemplates.com/preview/template25/images/news_thumbnail.gif"  width="175" height="63" alt="Thumbnail Caption" /></div>   <p> Please don't remove the link at the bottom. We have worked  hard to make the templates and ask that you respect our hard work so we  can continue providing you with high quality templates. </p>   <p> If you really want to remove the link you can buy a copyright  free version on <a href="http://www.freewebsitetemplates.com/nolink/"  _fcksavedurl="http://www.freewebsitetemplates.com/nolink/">our  website</a>. Thanks. </p> 		</div>   		<div  id="breaking_news_footer"> </div> 	</div>  	  	<div class="clearthis"> </div>   	   	<div id="page_footer"> 	Web  design by <a href="http://www.freewebsitetemplates.com/"  _fcksavedurl="http://www.freewebsitetemplates.com/">Free Website  Templates</a> 	</div>  	   </div>

CSS

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;}  * { 	margin: 0px; 	padding: 0px; }  body  { 	padding: 25px 0px 12px; 	background-color: #98a664; 	color: #fff; 	 font-family: verdana, arial, sans-serif; 	font-size: 11px; 	font-weight:  bold; 	text-align: center; }  a { 	color: #fff; 	background-color:  inherit; 	text-decoration: underline; }  a:hover { 	color: #526052; 	 background-color: inherit; }  span { 	display: none; }  img { 	border:  none; }  ul { 	list-style-type: none; }  li { 	list-style-type: none; }   p { 	margin: 10px 0px 12px; 	text-align: justify; 	line-height: 15px; }   .clearthis { 	margin : 0px; 	height : 1px; 	clear : both; 	float :  none; 	font-size : 1px; 	line-height : 0px; 	overflow : hidden; 	 visibility: hidden; }  #conntainer { 	margin: 0px auto; 	width: 767px; 	 background-image:  url('http://www.freewebsitetemplates.com/preview/template25/images/background_image.jpg');  	background-repeat: no-repeat; 	text-align: left; }  #page_static { 	 width: 767px; 	height: 235px; 	overflow: hidden; }  .thumbnail { 	 padding: 10px 0px; 	text-align: center; }   /* Page Header */   #page_header { 	padding: 5px 14px 2px; 	position: absolute; }   #page_header h1 { 	width: 265px; 	height: 49px; 	background:  url('http://www.freewebsitetemplates.com/preview/template25/images/radio_station.gif')  no-repeat 0% 50%; }   /* Navigation Menu */  #navmenu { 	margin: 54px  528px 0px 66px; 	padding-bottom: 2px; 	width: 173px; 	clear: both; 	 text-align: center; 	z-index: 1; 	position: absolute; }  #navmenu a { 	 text-decoration: none; }  #navmenu li { 	padding: 0px 11px; 	float:  left; 	background:  url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background.gif')  repeat-y 50% 0%; 	line-height: 23px; }  #navmenu li#menu_first { 	 padding-top: 5px; 	background-image:  url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background_top.gif');  	background-repeat: no-repeat; }  #navmenu li#menu_last { 	 padding-bottom: 12px; 	background-image:  url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background_bot.gif');  	background-repeat: no-repeat; }  #navmenu li a { 	display: block; 	 background-color: #acba78; 	color: inherit; 	font-size: 12px; 	 text-transform: uppercase; 	cursor: pointer; }  #navmenu li a:hover { 	 background-color: #ddebb1; 	color: #526052; }  #navmenu li#menu_first a {  	padding-top: 2px; 	background-image:  url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background_litop.gif');  	background-repeat: no-repeat; 	background-position: 50% 0%; }   #navmenu li#menu_last a { 	background-image:  url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background_libot.gif');  	background-repeat: no-repeat; 	background-position: 50% 100%; }   #navmenu li a b { 	margin: 0px auto; 	padding-bottom: 2px; 	display:  block; 	width: 151px; 	border-bottom: #fff 1px solid; }   /* Main  Content */  #main_content { 	padding-left: 22px; 	background:  url('http://www.freewebsitetemplates.com/preview/template25/images/main_background.gif')  repeat-y 22px 0%; 	float: left; 	clear: both; 	text-align: center; }   #main_content2 { 	width: 435px; 	background:  url('http://www.freewebsitetemplates.com/preview/template25/images/main_background_right.gif')  no-repeat 100% 0%; }  #main_content_header { 	width: 435px; 	 background:  url('http://www.freewebsitetemplates.com/preview/template25/images/main_background_top.gif')  no-repeat 50% 0%; }  #main_content_header h2 { 	padding: 20px 10px  12px; 	font-size: 12px; 	text-transform: uppercase; }   #main_content_body { 	margin: 0px auto; 	padding: 2px 0px; 	width:  411px; 	min-height: 220px; 	background-color: #98a664; 	color: inherit; }   #main_content_body #content_box { 	margin: 0px auto; 	padding-bottom:  15px; 	width: 380px; 	text-align: justify; }  #main_content_footer { 	 width: 435px; 	height: 21px; 	background:  url('http://www.freewebsitetemplates.com/preview/template25/images/main_background_bot.gif')  no-repeat 50% 100%; 	overflow: hidden; }   /* Breaking News */   #breaking_news { 	margin-top: 266px; 	width: 310px; 	background:  url('http://www.freewebsitetemplates.com/preview/template25/images/news_background.gif')  #98a664 repeat-y 0% 0%; 	color: #141619; 	float: right; 	font-size:  10px; 	font-weight: normal; 	letter-spacing: 1px; 	line-height: 11px; 	 text-align: justify; }  #breaking_news a { 	color: #141619; 	 background-color: inherit; }  #breaking_news a:hover { 	color: #606c35;  	background-color: inherit; }  #breaking_news p { 	margin-top: 2px; 	 line-height: 11px; }  #breaking_news .thumbnail { 	padding: 5px 0px 7px;  }  #breaking_news_header { 	padding: 7px 15px 0px; 	background:  url('http://www.freewebsitetemplates.com/preview/template25/images/news_background_top.gif')  no-repeat 0px 0%;	 }  #breaking_news h2 { 	width: 280px; 	 background-color: #ddebb1; 	color: #2f3c26; 	font-size: 10px; 	 font-weight: bold; 	line-height: 10px; 	text-transform: uppercase; 	 text-align: center; }  #breaking_news_body { 	padding: 0px 30px 3px; }   #breaking_news_footer { 	height: 6px; 	overflow: hidden; 	background:  url('http://www.freewebsitetemplates.com/preview/template25/images/news_background_bot.gif')  no-repeat 0% 0%; }   /* Page Footer */  #page_footer { 	padding: 18px  11px 0px; 	font-size: 10px; 	text-align: center; 	letter-spacing: 1px;  }

TASARIM ÜSTÜ

<div id="conntainer">  	  	<div id="page_header">  		<div id="company_name"> 	 	<h1><span>United Brothers</span></h1> 		 </div>  	</div>  	   	   	<div id="page_menu">  		 <ul> 		<li class="home"><a  href="http://www.freewebsitetemplates.com/"  _fcksavedurl="http://www.freewebsitetemplates.com/"  title="Home"><span>Home</span></a></li> 		 <li class="aboutus"><a  href="http://www.freewebsitetemplates.com/"  _fcksavedurl="http://www.freewebsitetemplates.com/" title="About  Us"><span>About Us</span></a></li> 		<li  class="gallery"><a href="http://www.freewebsitetemplates.com/"  _fcksavedurl="http://www.freewebsitetemplates.com/"  title="Gallery"><span>Gallery</span></a></li>  		<li class="portfolio"><a  href="http://www.freewebsitetemplates.com/"  _fcksavedurl="http://www.freewebsitetemplates.com/"  title="Portfolio"><span>Portfolio</span></a></li>  		<li class="procedure"><a  href="http://www.freewebsitetemplates.com/"  _fcksavedurl="http://www.freewebsitetemplates.com/"  title="Procedure"><span>Procedure</span></a></li>  		<li class="contact"><a  href="http://www.freewebsitetemplates.com/"  _fcksavedurl="http://www.freewebsitetemplates.com/"  title="Contact"><span>Contact</span></a></li>  		</ul>  	</div>  	   	   	<div id="left_sidebar">  		   		<div  class="content_header"> 		<h2><span>Experts'  Voice</span></h2> 		</div>  		<div  class="content_box_right"> 		<div class="content_box_left"> 		 <div class="content_box">  <div class="thumbnail"> <img  src="http://www.freewebsitetemplates.com/preview/moviecompany/images/_thumbnail01.gif"   _fcksavedurl="http://www.freewebsitetemplates.com/preview/moviecompany/images/_thumbnail01.gif"  width="106" height="100" alt="Caption Here" /> </div>   <h3> <strong>Mark Someone</strong> <br /> Video  Editor </h3>  <p>If you're looking for beautiful and  professionally made templates you can find them at <a  href="http://www.templatebeauty.com"  _fcksavedurl="http://www.templatebeauty.com">Template  Beauty</a>.</p> <p>If you're looking for beautiful and  professionally made templates you can find them at <a  href="http://www.templatebeauty.com"  _fcksavedurl="http://www.templatebeauty.com">Template  Beauty</a>.</p>  				<p>To find great hosting  providers visit <a href="http://www.webhostingzoom.com"  _fcksavedurl="http://www.webhostingzoom.com">Web Hosting  Zoom</a></p>  <div class="link-more"> <a  href="http://www.freewebsitetemplates.com/"  _fcksavedurl="http://www.freewebsitetemplates.com/">...Read  More</a> </div>  		</div> 		</div> 		 </div>  		   	</div>  	    	  	<div id="main_content">  		<div  class="content_header"> 		<h2><span>Top 20 Masters of the  Month</span></h2> 		</div>  		<div  class="content_box_right"> 		<div class="content_box_left"> 		 <div class="content_box"> 		<div id="main_content_border"> 	 		<div class="topmasters">

TASARIM ALTI

CSS

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;}  *  { 	margin: 0px; 	padding: 0px; }  body { 	background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/body_background.gif')  #4a4848 repeat-x 0px 0px; 	color: #a7a7a7; 	font-family: tahoma, arial,  sans-serif; 	font-size: 9px; 	text-align: center; }  a { 	color: #fff;  	text-decoration: none; }  a:hover { 	color: #ea9a2e; }  span { 	 display: none; }  img { 	border: none; }  ul { 	list-style-type: none; }   li { 	list-style-type: none; }  p { 	margin: 10px 0px 20px; 	 text-align: justify; 	line-height: 13px; }  .clearthis { 	margin : 0px;  	height : 1px; 	clear : both; 	float : none; 	font-size : 1px; 	 line-height : 0px; 	overflow : hidden; 	visibility: hidden; }    #conntainer { 	margin: 0px auto; 	width: 780px; 	text-align: left; }    /* Page Header */  #page_header { 	width: 780px; 	height: 122px; 	 background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/header_background.gif')  no-repeat 0px 0px; }  #company_name { 	padding-left: 204px; 	height:  122px; 	background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/header_image.gif')  no-repeat 18px 9px; }  #company_name h1 { 	width: 155px; 	height: 32px;  	background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/company_name.gif')  no-repeat 0px 0px; }   /* Page Menu */  #page_menu { 	margin-bottom:  14px; 	width: 780px; 	height: 42px; 	background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_background.gif')  no-repeat 0px 0px; 	text-align: center; }  #page_menu ul { 	margin: 0px  auto; 	height: 29px; 	width: 606px; }  #page_menu li { 	width: 101px; 	 height: 29px; 	background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_link_bg.gif')  no-repeat 0px 0px; 	float: left; }  #page_menu li a { 	margin-top:  11px; 	height: 10px; 	width: 101px; 	display: block; }  #page_menu .home  a { 	background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_home.gif')  no-repeat 50% 0px; }  #page_menu .aboutus a { 	background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_aboutus.gif')  no-repeat 50% 0px; }  #page_menu .gallery a { 	background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_gallery.gif')  no-repeat 50% 0px; }  #page_menu .portfolio a { 	background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_portfolio.gif')  no-repeat 50% 0px; }  #page_menu .procedure a { 	background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_procedure.gif')  no-repeat 50% 0px; }  #page_menu .contact a { 	background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_contact.gif')  no-repeat 50% 0px; }   /* Page Body Content */  .content_header { 	 height: 38px; 	background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_topright.gif')  #353434 no-repeat 100% 0px; 	overflow: hidden; }  .content_header h2 {  	padding-left: 41px; 	height: 38px; 	background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_topleft.gif')  no-repeat 0px 0px; }  .content_box_right { 	margin-bottom: 8px; 	 background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_botright.gif')  #353434 no-repeat 100% 100%; }  .content_box_left{ 	padding-bottom:  12px; 	background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_botleft.gif')  no-repeat 0px 100%; }  .content_box { 	padding: 5px 13px; }   .content_box .thumbnail { 	float: left; 	border: #a1a19e 1px solid; }   .content_box h3 { 	padding-top: 10px; 	padding-bottom: 3px; 	font-size:  9px; 	font-weight: normal; }   /* Left Sidebar */  #left_sidebar { 	 padding-left: 17px; 	float: left; }  #left_sidebar .content_header { 	 width: 134px; }  #left_sidebar .content_header h2 { 	color: #9bb74b; 	 font-weight: bold; 	font-size: 11px; 	line-height: 11px; }   #left_sidebar .content_header h2 span { 	display: block; 	padding-top:  10px; }  #left_sidebar .content_box_left { 	width: 134px; }   #left_sidebar .content_box { 	background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/left_sidebar_bg.gif')  repeat-y 0px 0px; }  #left_sidebar .content_box h3 { 	color: #ea912e; 	 clear: both; }  #left_sidebar .link-more { 	padding-top: 2px; 	 text-align: right; }  #left_sidebar .link-more a { 	color: #a7a7a7; 	 font-weight: bold; }  #left_sidebar .link-more a:hover { 	color:  #f1af3b; }   /* Main Content */  #main_content { 	padding-right: 17px; 	 float: right; }  #main_content .content_header { 	width: 594px; }   #main_content .content_header h2 { 	color: #f89d31; 	font-size: 12px; 	 line-height: 12px; }  #main_content .content_header h2 span { 	display:  block; 	padding-left: 3px; 	padding-top: 10px; }  #main_content  .content_box_left { 	width: 594px; }  #main_content .content_box { 	 padding: 5px 11px 0px 0px; 	background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_background.gif')  no-repeat 100% 0%; 	border-width: 0px 2px; 	border-color: #d2913d; 	 border-style: solid; }  #main_content_border { 	padding-left: 42px; 	 background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_side.gif')  repeat-y 5px -1px; }  #main_content .link-more { 	padding-bottom: 7px;  	padding-right: 5px; 	text-align: right; 	line-height: 11px; }   #main_content .link-more a { 	color: #ea9a2e; 	font-weight: bold; }   #main_content .link-more a:hover { 	color: #f7ec37; }  #main_content  .divider { 	margin: 0px auto 7px 2px; 	width: 522px; 	height: 3px; 	 background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_divider.gif')  repeat-x 0px 0px; 	overflow: hidden; }   /* Top Masters */  .topmasters  { 	padding: 6px 0px; }  .topmasters_info { 	float: right; 	width:  383px; }  .topmasters_info h3 { 	padding: 2px 0px 2px; 	width: 383px; 	 color: #9bb74b; }  .topmasters_info p { 	margin: 0px; 	padding: 10px 5px  10px 0px; 	clear: both; }   /* Login Box */  #loginbox_left { 	 margin-bottom: 5px; 	margin-top: 10px; 	padding-left: 14px; 	background:   url('http://www.freewebsitetemplates.com/preview/moviecompany/images/loginbox_bgleft.gif')  #686765 no-repeat 0px 0px; 	float: left; }  #loginbox_right { 	 padding-right: 14px; 	background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/loginbox_bgright.gif')  no-repeat 100% 0px; }  #loginbox { 	width: 160px; 	height: 99px; 	 overflow: hidden; 	color: #fafafa; 	font-size: 9px; 	font-weight: bold;  	line-height: 9px; }   #loginbox a { 	text-decoration: underline; }   #loginbox a:hover { 	color: #f7b637; }  #loginbox h2 { 	padding-top:  7px; 	color: #f7b637; 	font-size: 12px; 	line-height: 12px; 	 font-weight: bold; }  #loginbox form { 	margin: 13px 0px 3px; }   .loginbox_formfield { 	padding: 0px 3px 2px 2px; }  .loginbox_formfield  strong { 	padding-top: 3px; 	float: left; 	width: 55px; 	display: block;  }  #loginbox input { 	width: 97px; 	color: #fff; 	padding-top: 2px; 	 background-color: #4a4948; 	border: #8e8c89 1px solid; 	font-family:  tahoma, arial, sans-serif; 	font-size: 9px; 	font-weight: bold; 	float:  right; }  #loginbox input.button { 	margin-top: 1px; 	width: 41px; 	 height: 14px; 	border: none; 	text-align: center; 	font-weight: normal;  	cursor: pointer; }  #loginbox_register { 	padding-top: 10px; 	 line-height: 10px; }   /* Tips of the Day */  #tips { 	padding: 8px 10px  5px 17px; 	border-left: #62615f 1px solid; 	float: right; }  #tips_box {  	width: 295px; 	font-weight: bold; }  #tips_box a { 	color: #f1ab30; 	 text-decoration: underline; }  #tips_box a:hover { 	color: #f7f037; }   #tips_box h2 { 	padding-bottom: 9px; 	color: #9bb74b; 	font-size: 12px; }   #tips_box ul { 	padding: 3px 0px 3px; }  #tips_box li { 	padding: 3px  0px; }   /* Page Footer */  #page_footer { 	padding: 2px 10px 15px; 	 color: #adacab; 	text-align: center; }  #page_footer a { 	color:  #adacab; 	text-decoration: underline; }  #page_footer a:hover { 	color:  #f7ec37; }

TASARIM ÜSTÜ

<div id="wrapper">      <h1><em>MUSIC</em> SHOP</h1>     <div  id="nav">       <ul>         <li><a  href="http://www.freewebsitetemplates.com"  _fcksavedurl="http://www.freewebsitetemplates.com"><span>01</span>  ABOUT SHOP</a></li>         <li><a  href="http://www.freewebsitetemplates.com"  _fcksavedurl="http://www.freewebsitetemplates.com"><span>02</span>  GALLERY</a></li>         <li><a  href="http://www.freewebsitetemplates.com"  _fcksavedurl="http://www.freewebsitetemplates.com"><span>03</span>  FREE MUSIC</a></li>         <li><a  href="http://www.freewebsitetemplates.com"  _fcksavedurl="http://www.freewebsitetemplates.com"><span>04</span>  ARTIST</a></li>         <li><a  href="http://www.freewebsitetemplates.com"  _fcksavedurl="http://www.freewebsitetemplates.com"><span>05</span>  CONTACTS</a></li>       </ul>     </div>      <div id="topcon">       <div id="topcon-inner">          <h2>Welcome to Music Shop</h2>          <p>Don't  forget to check <a href="http://www.freewebsitetemplates.com"  _fcksavedurl="http://www.freewebsitetemplates.com">free website  templates</a> every day, because we add  a new free website  template almost daily.</p><p>You can remove any link to our  websites from this template you're free to use the template without  linking back to us.</p>               </div>      </div>     <div id="conntent">       <div id="body">

TASARIM ALTI

<div class="clear"> </div>       </div>        <div id="footer">         <ul>           <li><a  href="http://www.freewebsitetemplates.com"  _fcksavedurl="http://www.freewebsitetemplates.com">PICTURE</a> |  </li>           <li><a  href="http://www.freewebsitetemplates.com"  _fcksavedurl="http://www.freewebsitetemplates.com">GALLERY</a> |  </li>           <li><a  href="http://www.freewebsitetemplates.com"  _fcksavedurl="http://www.freewebsitetemplates.com">FREE  MUSIC</a> | </li>           <li><a  href="http://www.freewebsitetemplates.com"  _fcksavedurl="http://www.freewebsitetemplates.com">FEATURES</a>  | </li>           <li><a  href="http://www.freewebsitetemplates.com"  _fcksavedurl="http://www.freewebsitetemplates.com">CONTACTS</a>  | </li>         </ul>         <p>© Business Co <a  href="http://www.freewebsitetemplates.com"  _fcksavedurl="http://www.freewebsitetemplates.com">Privacy  Policy</a> | <a href="http://www.freewebsitetemplates.com"  _fcksavedurl="http://www.freewebsitetemplates.com">Terms of  Use</a>.</p>       </div>     </div>    </div>

CSS

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, body, h1, h2, h3, h4, ul, li { 	 margin: 0; 	padding: 0; } h1 img { 	display: block; } img { 	border: 0; }  a { 	color: #FFFFFF; } a:hover { 	color: #FFA405; } .left { 	float:  left; } .right { 	float: right; } .more { 	text-align: right; } .clear {  	clear: both; }  body { 	background: #3A0404  url(http://www.freewebsitetemplates.com/preview/musicshop/images/page_bg.jpg)  repeat-x; 	font: 11px arial, sans-serif; 	color: #464544; 	 padding-bottom: 10px; }  /** layout **/ #wrapper { 	width: 678px; 	 min-height: 750px; 	_height: 750px; 	background:  url(http://www.freewebsitetemplates.com/preview/musicshop/images/header.jpg)  no-repeat;   position: relative; }  h1 {   padding: 25px 0 0 30px;    font: 32px "arial black", arial, sans-serif;   color: #151515; }  h1 em {    color: #ffffff;   font-weight: bold;   font-style: normal;    position: relative;   top: -4px; }  /* nav */  #nav {   position:  absolute;   top: 0px;   left: 335px;   width: 500px; } #nav li {    float: left;   background:  url(http://www.freewebsitetemplates.com/preview/musicshop/images/nav_left.gif)  no-repeat;   list-style: none;   padding-left: 10px;   padding-right:  20px;   padding-top: 45px;   line-height: 1.1; } #nav span {   display:  block;   font-size: 28px; } #nav a {   color: #FFFFFF;   font-size:  11px;   font-weight: bold;   text-decoration: none; }  /** topcontent  **/  #topcon {   background:  url(http://www.freewebsitetemplates.com/preview/musicshop/images/topcon.jpg)  no-repeat;   width: 427px;   position: absolute;   top: 105px;   left:  338px;   color: #fff; } #topcon-inner {   margin: 33px 40px 41px 85px;    height: 120px;   overflow: auto; } #topcon h2 {   font-size: 14px; }   /** Body **/  #conntent {   width: 710px;   position: absolute;   color:  #fff;   top: 299px;   left: 33px; } #conntent a {   color: #fff; }  #conntent a:hover {   color: #fee; } #body {   border: 3px solid white;    background: #901315;   padding: 18px; }  .box {   float: left;    width: 195px;   background: #730F11;   margin-right: 18px; } .box-t {  background: top  url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_t.gif)  repeat-x; } .box-r { background: right  url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_r.gif)  repeat-y; } .box-b { background: bottom  url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_b.gif)  repeat-x; } .box-l { background: left  url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_l.gif)  repeat-y; } .box-tr { background: top right  url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_tr.gif)  no-repeat; } .box-br { background: bottom right  url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_br.gif)  no-repeat; } .box-bl { background: bottom left  url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_bl.gif)  no-repeat; } .box-tl { background: top left  url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_tl.gif)  no-repeat; }  .box-tl {   padding: 13px 18px; }  .box p {   margin: 1em  0; }  p.more {   margin: 0; }  #hits {   width: 240px; } #hits .box-tl {    padding-bottom: 22px; } #hits ul {   margin: 1em 0; } #hits li {    list-style: none;   margin: 0.9em 0; } #hits ul a {   text-decoration:  none; } #hits ul a:hover {   text-decoration: underline; }  #new {    margin-right: 0; } #new .box-tl {   padding-bottom: 18px; } #new p {    margin-top: 0;   margin-bottom: 3.6em; }  #body h2 {   font-size: 12px;    text-align: right;   margin-bottom: 1.5em; } #body h3 {   font-size:  9px;   color: #FFEA00; } #body .more a {   font-weight: bold;    text-decoration: none; } #body .more a:hover {   text-decoration:  underline; } #body .hr-yellow {   border-top: 1px solid #FFEA00;    padding-bottom: 1em;   margin-top: 1em; }  /** footer **/ #footer {    text-align: center; } #footer p, #footer ul {   margin: 0.8em; } #footer  ul {   margin-top: 1.2em; } #footer li {   display: inline;    list-style: none; }

TASARIM ÜSTÜ

<div id="main" class="box">            <div id="header">                    <h3 id="logo"><a href="./" _fcksavedurl="./" title="CrystalX  [Go to  homepage]">Crystal<strong>X</strong><span></span></a></h3>          <hr class="noscreen" />                             <div class="noscreen noprint">              <p><em>Quick links: <a href="#content"  _fcksavedurl="#content">content</a>, <a href="#tabs"  _fcksavedurl="#tabs">navigation</a>, <a href="#search"  _fcksavedurl="#search">search</a>.</em></p>              <hr />         </div>                    <div id="search" class="noprint">             <form  action="" method="get">                  <fieldset><legend>Search</legend>                      <label><span class="noscreen">Find:</span>                      <span id="search-input-out"><input type="text" name=""  id="search-input" size="30" /></span></label>                      <input type="image"  src="http://www.nuviotemplates.com/templates/crystalx-01/design/search_submit.gif"  id="search-submit" value="OK" />                 </fieldset>              </form>         </div>        </div>              <div id="tabs" class="noprint">              <h5  class="noscreen">Navigation</h5>             <ul  class="box">                 <li><a href="#"  _fcksavedurl="#">Home<span class="tab-l"></span><span  class="tab-r"></span></a></li>                  <li id="active"><a href="#" _fcksavedurl="#">Weblog<span  class="tab-l"></span><span  class="tab-r"></span></a></li>                  <li><a href="#"  _fcksavedurl="#">About Me<span  class="tab-l"></span><span  class="tab-r"></span></a></li>                  <li><a href="#" _fcksavedurl="#">Photos<span  class="tab-l"></span><span  class="tab-r"></span></a></li>                  <li><a href="#" _fcksavedurl="#">Portfolio<span  class="tab-l"></span><span  class="tab-r"></span></a></li>                  <li><a href="#" _fcksavedurl="#">Contact<span  class="tab-l"></span><span  class="tab-r"></span></a></li>                  <li><a href="#" _fcksavedurl="#">Links<span  class="tab-l"></span><span  class="tab-r"></span></a></li>              </ul>          <hr class="noscreen" />      </div>             <div  id="page" class="box">     <div id="page-in" class="box">           <div id="strip" class="box noprint">                           <p  id="rss"><strong>RSS:</strong> <a href="#"  _fcksavedurl="#">articles</a> / <a href="#"  _fcksavedurl="#">comments</a></p>             <hr  class="noscreen" />                            <p id="breadcrumbs">You are here: <a href="#"  _fcksavedurl="#">Home</a> > <a href="#"  _fcksavedurl="#">Category</a> >   <strong>Page</strong></p>             <hr  class="noscreen" />                      </div>                    <div id="conttent">       <div  class="article">                 <h4>HackeR  FrienD.Net</h4>                 <p class="info  noprint">Bilgi Güçtür, Paylaştıkça Büyür!</p><p>

TASARIM ALTI

</p></div>              <hr class="noscreen"  />                            </div>                     <div id="col"  class="noprint">             <div id="col-in">                                    <h5><span><a  href="#" _fcksavedurl="#">About Me</a></span></h5>                   <div id="about-me">                      <p><img  src="http://www.nuviotemplates.com/templates/crystalx-01/design/tmp_photo.gif"   _fcksavedurl="http://www.nuviotemplates.com/templates/crystalx-01/design/tmp_photo.gif"  id="me" alt="Yeah, it´s me!" />                      <strong>John Doe</strong><br />                      Age: 26<br />                     Dallas, TX<br />                      <a href="#" _fcksavedurl="#">Profile on  MySpace</a></p>                 </div>                   <hr class="noscreen" />                                    <h5  ><span>Category</span></h5>                  <ul  id="category">                     <li  id="category-active"><a href="#" _fcksavedurl="#">Selected  category</a></li>                       <li><a href="#"  _fcksavedurl="#">Category</a></li>                      <li><a href="#"  _fcksavedurl="#">Category</a></li>                      <li><a href="#"  _fcksavedurl="#">Category</a></li>                      <li><a href="#"  _fcksavedurl="#">Category</a></li>                  </ul>                  <hr class="noscreen" />                                     <h5><span>Archive</span></h5>                   <ul id="archive">                    <li><a href="#"  _fcksavedurl="#">January 2007</a></li>                      <li><a href="#" _fcksavedurl="#">December  2006</a></li>                     <li><a href="#"  _fcksavedurl="#">November 2006</a></li>                      <li><a href="#" _fcksavedurl="#">October  2006</a></li>                     <li><a href="#"  _fcksavedurl="#">September 2006</a></li>                      <li id="archive-active"><a href="#"  _fcksavedurl="#">August 2006</a></li>                      <li><a href="#"  _fcksavedurl="#">July 2006</a></li>                      <li><a href="#" _fcksavedurl="#">June  2006</a></li>                     <li><a href="#"  _fcksavedurl="#">May 2006</a></li>                      <li><a href="#" _fcksavedurl="#">April  2006</a></li>                     <li><a href="#"  _fcksavedurl="#">March 2006</a></li>                      <li><a href="#" _fcksavedurl="#">February  2006</a></li>                     <li><a href="#"  _fcksavedurl="#">January 2006</a></li>                  </ul>                  <hr class="noscreen" />                                     <h5><span>Links</span></h5>                   <ul id="links">                     <li><a href="#"  _fcksavedurl="#">Something</a></li>                      <li><a href="#"  _fcksavedurl="#">Something</a></li>                      <li><a href="#"  _fcksavedurl="#">Something</a></li>                      <li><a href="#"  _fcksavedurl="#">Something</a></li>                      <li><a href="#"  _fcksavedurl="#">Something</a></li>                  </ul>                  <hr class="noscreen" />                           </div>          </div>        </div>       </div>            <div  id="footer">         <div id="top"  class="noprint"><p><span class="noscreen">Back on  top</span> <a href="#header" _fcksavedurl="#header" title="Back  on top ^">^<span></span></a></p></div>          <hr class="noscreen" />                            <p id="createdby"><a  href="http://www.nuviotemplates.com/"  _fcksavedurl="http://www.nuviotemplates.com/">Free web  templates</a></p>                            <p id="copyright">© 2007 <a href="mailto:my@mail.com"  _fcksavedurl="mailto:my@mail.com">My Name</a></p>      </div>   </div>

CSS

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;}   /*  ----------------------------------------------------------------------------------------------------------       This website template was downloaded from  http://www.nuviotemplates.com - visit us for more templates       Structure:     display; position; float; z-index; overflow; width;  height; margin; padding; border; background; align; font;   ----------------------------------------------------------------------------------------------------------  */   * {min-height:1px;} body {border:0; margin:0; padding:0;  background:#F2F5FE  url("http://www.nuviotemplates.com/templates/crystalx-01/design/bg.gif")  0 0 repeat-x; font:70%/160% "verdana",sans-serif; color:#192666;  text-align:center;}  a {color:#192666;} a:hover {color:#4F6AD7;}  p  {border:0; margin:15px 0; padding:0;}  div {display:block; border:0;  margin:0; padding:0;}  h3, h4, h5, h4, h5 {border:0; margin:15px 0 10px  0; padding:0; font-weight:bold;} h3 {font-size:260%; line-height:100%;  font-family:"georgia",serif; font-weight:normal;} h4 {font-size:180%;  line-height:100%; font-family:"georgia",serif; font-weight:normal;} h5  {font-size:120%; line-height:100%; font-weight:bold;} h4  {font-size:120%;} h5 {font-size:100%;}  table {display:table;  border-collapse:collapse; margin:15px 0; padding:0; border:1px solid  #B7CAF6; font-size:100%;} tr {display:table-row;} th, td {display:  table-cell; border:1px solid #B7CAF6; margin:0; padding:5px;  vertical-align:top; text-align:left;} th {background:#E7ECFD;  text-align:center; color:#192666; font-weight:bold;}  ul, ol  {display:block; border:0; margin:15px 0 15px 40px; padding:0;} ol  {list-style-type:decimal;} li {display:list-item; border:0; margin:0;  padding:0;} ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}  dl  {border:0; margin:15px 0; padding:0;} dt {border:0; margin:0; padding:0;  font-weight:bold;} dd {border:0; margin:0 0 0 30px; padding:0;}  form  {border:0; margin:0; padding:0;} fieldset {border:1px solid #ccc;  margin:15px 0; padding:10px;} legend {margin-left:10px; font-size:100%;  font-weight:bold; color:#008;}  hr {display:block; height:1px;  margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC;  color:#CCC;}  a, img, span {border:0; margin:0; padding:0;} abbr,  acronym {border-bottom:1px dotted #CCC; cursor:help;}  del, .through  {text-decoration:line-through;} strong, .strong {font-weight:bold;}  cite, em, q, var {font-style:italic;} code, kbd, samp  {font-family:monospace; font-size:110%;}  .f-left {float:left;} .f-right  {float:right;}  .t-left {text-align:left;} .t-center  {text-align:center;} .t-right {text-align:right;}  .va-middle  {vertical-align:middle;}  .clear {clear:both;} .box {min-height:1px;}  .box:after {content:"."; display:block; line-height:0px; font-size:0px;  visibility:hidden; clear:both;}  .nom {margin:0;} .noscreen  {display:none;}  /*  -----------------...........---------------------------------------------------------------------------------------  */  #main {width:770px; margin:50px auto 0 auto; text-align:left;}   #header {position:relative; width:770px; height:100px; margin:0;  padding:0; background:#233C9B  url("http://www.nuviotemplates.com/templates/crystalx-01/design/header.jpg")  0 0 no-repeat; color:#FFF;}      #header #logo {position:absolute;  top:35px; left:35px; margin:0;}     #header #logo a {color:#FFF;}      #header #logo a:hover {color:#B5C4E3; text-decoration:underline;}           #header #search {position:absolute; top:35px; right:20px;}      #header #search form {position:relative;}     #header #search  #search-input-out {position:absolute; top:0; right:45px; width:155px;  height:28px; margin:0; padding:0; border:0;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/search_input.gif")  0 0 no-repeat; font:bold 90%/100% "verdana",sans-serif; color:#192666;}      #header #search #search-input {width:140px; margin:5px 8px;  padding:3px 0; border:0; background:#FFF; font:bold 100%/100%  "verdana",sans-serif; color:#192666;}     #header #search #search-submit  {position:absolute; top:0; right:0px;}     #header #search fieldset  {margin:0; padding:0; border:0;}     #header #search fieldset  {width:200px;}     #header #search legend {display:none;}  #tabs  {background:#192666; margin:0 5px; padding:10px 0 0 0; _height:1px;}       #tabs ul {margin:0 10px; padding:0; list-style:none;}     #tabs ul li  {margin:0 5px 0 0; padding:0; float:left;}     #tabs ul li a  {display:block; position:relative; padding:7px 15px; border:0;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_link.gif")  0 0 repeat-x; color:#B5C4E3; font-weight:bold; text-decoration:none;  cursor:pointer;}          #tabs ul li a span.tab-l, #tabs ul li a:hover  span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px;  height:8px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_link_l.gif")  0 0 no-repeat;}     #tabs ul li a span.tab-r, #tabs ul li a:hover  span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px;  height:8px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_link_r.gif")  100% 0 no-repeat;}          #tabs ul li a:hover  {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_hover.gif")  0 0 repeat-x; color:#FFF;}     #tabs ul li a:hover span.tab-l  {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_hover_l.gif")  0 0 no-repeat;}     #tabs ul li a:hover span.tab-r  {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_hover_r.gif")  100% 0 no-repeat;}      #tabs ul li#active a {background:#FFF;  color:#FF9000;}     #tabs ul li#active a span.tab-l {position:absolute;  top:0; left:0; _left:-15px; width:8px; height:8px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_active_l.gif")  0 0 no-repeat;}     #tabs ul li#active a span.tab-r {position:absolute;  top:0; right:0; width:8px; height:8px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_active_r.gif")  100% 0 no-repeat;}  #page {width:770px; min-height:1px; background:#FFF   url("http://www.nuviotemplates.com/templates/crystalx-01/design/bg_page.gif")  0 0 repeat-y; _height:1px;} #page-in {min-height:1px; padding:10px 0;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/bg_page_in.jpg")  0 0 no-repeat; _height:1px;}  #strip {position:relative; clear:both;  padding:3px 20px 10px 20px; color:#6182D1;} #strip p {margin:0;} #strip a  {color:#6182D1;} #strip a:hover {color:#192666;}      #strip  #breadcrumbs {width:520px; margin:0; padding:0;}          #strip #rss  {float:right; width:175px; _width:200px; margin:0; padding-left:25px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_rss.gif")  0 50% no-repeat}  #conttent {float:left; width:530px; _width:550px;  margin:0; padding:0 0 0 20px;}      #conttent .article {clear:both;  margin:0; padding:20px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/content_article_bg.jpg")  0 0 no-repeat;}     #conttent .article h4 {margin:0 -20px;  padding:10px; background:#DEE5FD  url("http://www.nuviotemplates.com/templates/crystalx-01/design/content_title_bg.gif")  0 0 repeat-y; color:#192666;}     #conttent .article h4 span  {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_list.gif")  0 50% no-repeat; padding-left:25px;}          #conttent .article p  {text-align:justify;}     #conttent .info {margin:10px 0;  padding-bottom:8px; border-bottom:1px solid #DEE5FD; color:#6685CC;}      #conttent .info a {color:#6685CC;}     #conttent .info a:hover  {color:#FF9000;}          #conttent .info span.date, #conttent .info  span.cat, #conttent .info span.user, #conttent .info span.comments  {padding-left:15px;}     #conttent .info span.date  {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_date.gif")  0 50% no-repeat;}     #conttent .info span.cat  {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_cat.gif")  0 50% no-repeat; margin-left:8px;}     #conttent .info span.user  {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_user.gif")  0 50% no-repeat; margin-left:8px;}     #conttent .info span.comments  {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_comments.gif")  0 50% no-repeat; margin-left:8px;}      #conttent .btn-more {margin:0 0  15px 0; padding:0; border:0; position:relative;}     #conttent  .btn-more a {display:block; position:absolute; top:0; right:0;  width:67px; _width:95px; height:21px; margin:0; padding:0 0 0 28px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/btn_more.gif")  0 0 no-repeat; color:#FFF; text-decoration:none;}     #conttent  .btn-more a:hover  {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/btn_more.gif")  -95px 0 no-repeat;}  #col {float:left; width:200px; margin:0;  padding:0; background:#CEDBF9  url("http://www.nuviotemplates.com/templates/crystalx-01/design/col_bg.gif")  0 0 repeat-y;} #col-in {padding:20px 10px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/col_top.gif")  0 0 no-repeat;} #col h5 {padding:13px 15px 14px 15px; margin:0 -10px  15px -10px; background:#A0B9F3  url("http://www.nuviotemplates.com/templates/crystalx-01/design/col_title_bg.gif")  0 0 repeat-y; color:#192666;}      #col #about-me {margin-bottom:15px;  line-height:130%;}     #col #about-me p {margin:0;}     #col #about-me  #me {float:left; width:54px; height:58px; margin-right:7px;}      #col  ul#category {margin:15px 0; padding:0; list-style:none;}     #col  ul#category li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}      #col ul#category li a {display:block; padding:3px 0 3px 22px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive.gif")  5px 6px no-repeat; text-decoration:none;}     #col ul#category li  a:hover {background-color:#D3DFF8; color:#192666;}     #col ul#category  li#category-active a {background:#E0E8FA  url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive2.gif")  5px 50% no-repeat; font-weight:bold;}          #col ul#archive  {margin:15px 0; padding:0; list-style:none;}     #col ul#archive li  {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}     #col  ul#archive li a {display:block; padding:3px 0 3px 22px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive.gif")  5px 50% no-repeat; text-decoration:none;}     #col ul#archive li  a:hover {background-color:#D3DFF8; color:#192666;}     #col ul#archive  li#archive-active a {background:#E0E8FA  url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive2.gif")  5px 6px no-repeat; font-weight:bold;}          #col ul#links  {margin:15px 0; padding:0; list-style:none;}     #col ul#links li  {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}     #col  ul#links li a {display:block; padding:3px 0 3px 22px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_links.gif")  5px 6px no-repeat; text-decoration:none;}     #col ul#links li a:hover  {background-color:#D3DFF8; color:#192666;}  #footer {position:relative;  clear:both; width:770px; height:60px; margin-bottom:50px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/footer.jpg")  0 0 no-repeat; color:#6685CC;} #footer a {color:#6685CC;} #footer  a:hover {color:#192666;}      #top {position:absolute; top:55px;  left:550px;}     #top p {position:relative; width:30px; height:25px;  margin:0; overflow:hidden;}     #top p span {display:block;  position:absolute; left:0; top:0; z-index:1; width:30px; height:25px;  background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_top.gif")  0 0 no-repeat; cursor:pointer;}     #top a:hover span  {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_top.gif")  -30px 0 no-repeat;}      #footer p#copyright {position:absolute;  top:10px; left:40px; margin:0;}      #createdby {position:absolute;  top:10px; left:562px; margin:0; color:#8CA3D8;}     #createdby a  {color:#8CA3D8;}

Tasarımın üzerindeki yazı:

Tasarımın altındaki yazı:

</div>  </div> </div>  <div  id="sidebar"> <ul id="sidebarwidgeted"> <li  id="text-343152792" class="widget widget_text">            <h5  class="widgettitle">Günün Videosu</h5> <div  class="textwidget"><FCK:embed  src="http://video.atv.com.tr/player.swf" width="425" height="344"  allowscriptaccess="always" allowfullscreen="true"  flashvars="width=360&height=270&file=http://video.atv.com.tr/flvideo/1412.flvI=http://video.atv.com.tr/thumb/1_1412.jpg&displayheight=270&link=http://video.atv.com.tr/view_video.php?viewkey=f2afc4299b462b812cac&searchbar=false&linkfromdisplay=true&recommendations=http://video.atv.com.tr/feed_embed.php?v=f2afc4299b462b812cac"  pluginspage="http://www.macromedia.com/go/getflashplayer"  type="application/x-shockwave-flash" ></FCK:embed>                 </div> </li> <li id="recent-posts" class="widget  widget_recent_entries">            <h5 class="widgettitle">Ana  Menü</h5> <ul> <li><a  href="will-it-end-in-marriage.htm"  _fcksavedurl="will-it-end-in-marriage.htm"  tppabs="http://www.revolutiontwo.com/demo/lifestyle/relationships/will-it-end-in-marriage.htm">Will  it End in Marriage? </a></li> <li><a  href="a-date-at-the-beach.htm" _fcksavedurl="a-date-at-the-beach.htm"  tppabs="http://www.revolutiontwo.com/demo/lifestyle/relationships/a-date-at-the-beach.htm">A  Date at the Beach </a></li> <li><a  href="can-military-relationships-last.htm"  _fcksavedurl="can-military-relationships-last.htm"  tppabs="http://www.revolutiontwo.com/demo/lifestyle/relationships/can-military-relationships-last.htm">Can  Military Relationships Last? </a></li> <li><a  href="walking-to-beat-breast-cancer.htm"  _fcksavedurl="walking-to-beat-breast-cancer.htm"  tppabs="http://www.revolutiontwo.com/demo/lifestyle/fitness/walking-to-beat-breast-cancer.htm">Walking  to Beat Breast Cancer </a></li> <li><a  href="cross-training-for-endurance.htm"  _fcksavedurl="cross-training-for-endurance.htm"  tppabs="http://www.revolutiontwo.com/demo/lifestyle/fitness/cross-training-for-endurance.htm">Cross  Training For Endurance </a></li> </ul> </li>  </ul>  <div id="l_sidebar">  <ul id="l_sidebarwidgeted"> <li id="categories-343153801"  class="widget widget_categories"><h5  class="widgettitle">Categories</h5> <ul> <li  class="cat-item cat-item-3"><a href="beauty.htm"  _fcksavedurl="beauty.htm"  tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/beauty"  title="View all posts filed under Beauty">Beauty</a>  </li> <li class="cat-item cat-item-10"><a  href="entertainment.htm" _fcksavedurl="entertainment.htm"  tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/entertainment"  title="View all posts filed under  Entertainment">Entertainment</a> </li> <li  class="cat-item cat-item-9"><a href="fashion.htm"  _fcksavedurl="fashion.htm"  tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/fashion"  title="View all posts filed under Fashion">Fashion</a>  </li> <li class="cat-item cat-item-1"><a  href="featured.htm" _fcksavedurl="featured.htm"  tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/featured"  title="View all posts filed under Featured">Featured</a>  </li> <li class="cat-item cat-item-7"><a  href="fitness.htm" _fcksavedurl="fitness.htm"  tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/fitness"  title="View all posts filed under Fitness">Fitness</a>  </li> <li class="cat-item cat-item-14"><a  href="music.htm" _fcksavedurl="music.htm"  tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/music"  title="View all posts filed under Music">Music</a> </li>  <li class="cat-item cat-item-6"><a href="parenting.htm"  _fcksavedurl="parenting.htm"  tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/parenting"  title="View all posts filed under Parenting">Parenting</a>  </li> <li class="cat-item cat-item-5"><a  href="relationships.htm" _fcksavedurl="relationships.htm"  tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/relationships"  title="View all posts filed under  Relationships">Relationships</a> </li> <li  class="cat-item cat-item-12"><a href="shopping.htm"  _fcksavedurl="shopping.htm" tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/shopping"  title="View all posts filed under Shopping">Shopping</a>  </li> <li class="cat-item cat-item-4"><a href="style.htm"  _fcksavedurl="style.htm"  tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/style"  title="View all posts filed under Style">Style</a> </li>  <li class="cat-item cat-item-19"><a href="sub-category-1.htm"  _fcksavedurl="sub-category-1.htm"  tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/beauty/sub-category-1"  title="View all posts filed under Sub Category #1">Sub Category  #1</a> </li> <li class="cat-item cat-item-20"><a  href="sub-category-2.htm" _fcksavedurl="sub-category-2.htm"  tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/beauty/sub-category-2"  title="View all posts filed under Sub Category #2">Sub Category  #2</a> </li> <li class="cat-item cat-item-21"><a  href="sub-category-3.htm" _fcksavedurl="sub-category-3.htm"  tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/beauty/sub-category-3"  title="View all posts filed under Sub Category #3">Sub Category  #3</a> </li> <li class="cat-item cat-item-33"><a  href="sub-sub-category-1.htm" _fcksavedurl="sub-sub-category-1.htm"  tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/beauty/sub-category-1/sub-sub-category-1"  title="View all posts filed under Sub Sub Category #1">Sub Sub  Category #1</a> </li> <li class="cat-item  cat-item-34"><a href="sub-sub-category-2.htm"  _fcksavedurl="sub-sub-category-2.htm"  tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/beauty/sub-category-1/sub-sub-category-2"  title="View all posts filed under Sub Sub Category #2">Sub Sub  Category #2</a> </li> <li class="cat-item  cat-item-35"><a href="sub-sub-category-3.htm"  _fcksavedurl="sub-sub-category-3.htm"  tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/beauty/sub-category-1/sub-sub-category-3"  title="View all posts filed under Sub Sub Category #3">Sub Sub  Category #3</a> </li> <li class="cat-item  cat-item-13"><a href="travel.htm" _fcksavedurl="travel.htm"  tppabs="http://www.revolutiontwo.com/demo/lifestyle/category/travel"  title="View all posts filed under Travel">Travel</a>  </li> </ul> </li> <li id="archives" class="widget  widget_archive"><h5 class="widgettitle">Dost Siteler</h5>  <ul> <li><a href="http://main-center.tr.gg/"  _fcksavedurl="http://main-center.tr.gg/"  tppabs="http://main-center.tr.gg/" title="Css'de Güvenilir  Kalite">Main-center</a></li> </ul> </li>  </ul> </div>   <div id="r_sidebar"> <ul  id="r_sidebarwidgeted"> <li id="text-343154071" class="widget  widget_text">            <h5  class="widgettitle">Advertisement</h5> <div  class="textwidget"><a  href="javascript:if(confirm('http://www.proactiv.com/  nnThis file was  not retrieved by Teleport Pro, because it is addressed on a domain or  path outside the boundaries set for its Starting Address.  nnDo you want  to open it from the  server?'))window.location='http://www.proactiv.com/'"  _fcksavedurl="javascript:if(confirm('http://www.proactiv.com/  nnThis  file was not retrieved by Teleport Pro, because it is addressed on a  domain or path outside the boundaries set for its Starting Address.   nnDo you want to open it from the  server?'))window.location='http://www.proactiv.com/'"  tppabs="http://www.proactiv.com/"><img  src="https://img.webme.com/pic/m/main-center/125x419main.jpg"  _fcksavedurl="https://img.webme.com/pic/c/main-center/125x419cssrklm.jpeg"  tppabs="https://img.webme.com/pic/c/main-center/125x419cssrklm.jpeg"  alt="Proactiv"></a></div> </li> </ul>  </div>  </div>  </div>   <div style="clear: both;"></div>  <div id="footer"> <p>Copyright © 2010 • Tüm Hakkı  Main-center.tr.gg'de Saklıdır... • <a  href="http://main-center.tr.gg/"  _fcksavedurl="http://main-center.tr.gg/"  tppabs="http://main-center.tr.gg/">Tema Tasarım ve Kodlama :  </a> <a href="http://main-center.tr.gg/"  _fcksavedurl="http://main-center.tr.gg/"  tppabs="http://main-center.tr.gg/">Main-center</a> • </p>  </div> </div>

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style tagleri olmadan yazınız):

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;}  /*Tema Tasarım ve Kodlama : www.Css-Sablon.tr.gg*/ body {      background: #E2DDCB;     width: 980px;     color: #333333;      font-size: 12px;     font-family: Arial, Tahoma, Verdana;     margin:  0px auto 0px;     padding: 0px;     }     #wrap {     background:  #F7F5EF;     width: 960px;     margin: 10px auto 10px;     padding: 0px;      position: relative;     border: 10px solid #D4CFBB;     }   /************************************************ *    Hyperlinks                                     *  ************************************************/  a, a:visited {      color: #7A3254;     text-decoration: none;     }     a:hover {      color: #495D5C;     text-decoration: underline;     }     a img {      border: none;     }     a:focus, a:hover, a:active {     outline: none;      }     /************************************************ *    Top  Navbar                                  *  ************************************************/  #topnavbar {      background: #93BBBC  url("http://www.revolutiontwo.com/demo/lifestyle/images/topnav.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/topnav.png*/);      width: 960px;     height: 30px;     color: #FFFFFF;     margin:  0px;     padding: 0px;     }     #topnavbar a, #topnavbar a:visited {      font-size: 11px;     font-weight: bold;     color: #FFFFFF;      text-decoration: none;     }     #topnavbar a:hover {      text-decoration: underline;     }     #topnavbar p {     font-size:  11px;     font-weight: bold;     padding: 0px;     margin: 0px;     }      .topnavbarleft {     width: 230px;     float: left;     margin: 0px;      padding: 8px 0px 0px 10px;     }     .topnavbarright {     width:  600px;     float: right;     margin: 0px;     padding: 7px 10px 0px 0px;      text-transform: uppercase;     text-align: right;     }      .topnavbarright a img {     border: none;     margin: 0px 3px 3px 0px;      padding: 0px;     }      /************************************************ *    Header                                       *  ************************************************/  #header {      background: #85ACAC  url("http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/header.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/header.png*/);      width: 960px;     height: 100px;     color: #FFFFFF;     font-size:  11px;     margin: 0px;     padding: 0px;     overflow: hidden;     }   #header h1 {     color: #FFFFFF;     font-size: 36px;     font-family:  Georgia, Times New Roman;     font-weight: normal;     margin: 0px;      padding: 15px 0px 0px 20px;     text-decoration: none;     }     #header  h1 a, #header h1 a:visited {     color: #FFFFFF;     font-size: 36px;      font-family: Georgia, Times New Roman;     font-weight: normal;      margin: 0px;     padding: 0px;     text-decoration: none;     }      #header h1 a:hover {     color: #FFFFFF;     text-decoration: none;     }      #header h3 {     color: #7A3254;     font-size: 16px;      font-family: Arial, Tahoma, Verdana;     font-weight: normal;      margin: 0px;     padding: 0px;     }     #header p {     color: #FFFFFF;      padding: 0px 0px 5px 20px;     margin: 0px;     line-height: 20px;      }     .headerleft {     width: 460px;     float: left;      font-size: 14px;     margin: 0px;     padding: 0px;     }      .headerleft a img {     border: none;     margin: 0px;     padding: 0px;      }  .headerright {     width: 488px;     float: right;     margin:  0px;     padding: 20px 0px 0px 0px;     }     .headerright a img {      border: none;     margin: 0px;     padding: 0px;     }     .headerright  ul {     list-style-type: none;     margin: 0px;     padding: 0px;     }      .headerright li {     list-style-type: none;     margin: 0px;      padding: 0px;     }      /************************************************ *    Navbar                                       * ************************************************/   #navbar {     background: #E1DCCA  url("http://www.revolutiontwo.com/demo/lifestyle/images/navbar.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/navbar.png*/);      width: 960px;     height: 35px;     font-size: 12px;      font-family: Arial, Tahoma, Verdana;     color: #FFFFFF;      font-weight: bold;     margin: 0px;     padding: 0px;     }      #navbarleft {     width: 680px;     float: left;     margin: 0px;      padding: 0px;     }     #navbarright {     width: 280px;     font-size:  11px;     float: right;     margin: 0px;     padding: 6px 0px 0px 0px;      }     #nav {     margin: 0px;     padding: 0px;     }     #nav ul {      float: left;     list-style: none;     margin: 0px;     padding: 0px;      }     #nav li {     float: left;     list-style: none;     margin:  0px;     padding: 0px;     }     #nav li a, #nav li a:link, #nav li  a:visited {     color: #495D5C;     display: block;     font-size: 16px;      font-family: Georgia, Times New Roman;     font-weight: normal;      text-transform: none;     margin: 0px;     padding: 9px 15px 8px 15px;      }  #nav li a:hover, #nav li a:active {     background: #EBE6D4  url("http://www.revolutiontwo.com/demo/lifestyle/images/navhov.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/navhov.png*/);      color: #495D5C;     margin: 0px;     padding: 9px 15px 8px 15px;      text-decoration: none;     }     #nav li li a, #nav li li a:link, #nav  li li a:visited {     background: #E1DCCA;     width: 150px;     color:  #495D5C;     font-size: 14px;     font-family: Georgia, Times New  Roman;     font-weight: normal;     text-transform: none;     float:  none;     margin: 0px;     padding: 7px 10px 7px 10px;      border-bottom: 1px solid #FFFFFF;     border-left: 1px solid #FFFFFF;      border-right: 1px solid #FFFFFF;     }     #nav li li a:hover, #nav li  li a:active {     background: #85ACAC;     color: #FFFFFF;     padding:  7px 10px 7px 10px;     }  #nav li ul {     z-index: 9999;     position:  absolute;     left: -999em;     height: auto;     width: 170px;      margin: 0px;     padding: 0px;     }  #nav li li {     }  #nav li ul a {      width: 140px;     }  #nav li ul a:hover, #nav li ul a:active {     }   #nav li ul ul {     margin: -32px 0 0 171px;     }  #nav li:hover ul  ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul  ul {     left: -999em;     }  #nav li:hover ul, #nav li li:hover ul,  #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav  li li li.sfhover ul {     left: auto;     }  #nav li:hover, #nav  li.sfhover {     position: static;     }      /************************************************ *    SubNavbar                                       *  ************************************************/  #subnavbar {      background: #666666;     width: 960px;     height: 24px;     color:  #FFFFFF;     margin: 0px;     padding: 0px;     }     #subnav {      margin: 0px;     padding: 0px;     }     #subnav ul {     float: left;      list-style: none;     margin: 0px;     padding: 0px;     }      #subnav li {     float: left;     list-style: none;     margin: 0px;      padding: 0px;     }     #subnav li a, #subnav li a:link, #subnav li  a:visited {     color: #FFFFFF;     display: block;     font-size: 10px;      font-weight: bold;     text-transform: uppercase;     margin: 0px  5px 0px 0px;     padding: 6px 13px 6px 13px;     }  #subnav li a:hover,  #subnav li a:active {     background: #85ACAC;     color: #FFFFFF;      display: block;     text-decoration: none;     margin: 0px 5px 0px 0px;      padding: 6px 13px 6px 13px;     }     #subnav li li a, #subnav li li  a:link, #subnav li li a:visited {     background: #666666;     width:  150px;     float: none;     margin: 0px;     padding: 6px 10px 6px 10px;      border-bottom: 1px solid #FFFFFF;     border-left: 1px solid  #FFFFFF;     border-right: 1px solid #FFFFFF;     }     #subnav li li  a:hover, #subnav li li a:active {     background: #85ACAC;     margin:  0px;     padding: 6px 10px 6px 10px;     }     #subnav li ul {      z-index: 9999;     position: absolute;     left: -999em;     height:  auto;     width: 160px;     margin: 0px;     padding: 0px;     }   #subnav li li {     }  #subnav li ul a {     width: 150px;     }   #subnav li ul a:hover, #subnav li ul a:active {     }  #subnav li ul ul {      margin: -25px 0 0 171px;     }  #subnav li:hover ul ul, #subnav  li:hover ul ul ul, #subnav li.sfhover1 ul ul, #subnav li.sfhover1 ul ul  ul {     left: -999em;     }  #subnav li:hover ul, #subnav li li:hover  ul, #subnav li li li:hover ul, #subnav li.sfhover1 ul, #subnav li  li.sfhover1 ul, #subnav li li li.sfhover1 ul {     left: auto;     }   #subnav li:hover, #subnav li.sfhover {     position: static;     }      /************************************************ *    Homepage                                      *  ************************************************/     #homepage {      float: left;     width: 610px;     margin: 0px;     padding: 0px;     }      #homepage p {     margin: 0px;     padding: 0px;     }  #homepage p  img {     border: none;     float: left;     margin: 0px;     }      #homepage ul {     list-style-type: square;     margin: 0px;      padding: 0px 0px 15px 0px;     }     #homepage ul li {      list-style-type: square;     margin: 0px;     padding: 0px;     }   .hpdate {     font-size: 11px;     margin: 0px;     padding: 0px;     }      #homepagetop {     background: #FFFFFF  url("http://www.revolutiontwo.com/demo/lifestyle/images/homepagetop.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/homepagetop.gif*/)  top no-repeat;     float: left;     width: 610px;     margin: 0px 0px  10px 0px;     padding: 0px;     border: 1px solid #DDDDDD;     }      #homepagetop p {     font-size: 12px;     margin: 0px;     padding: 0px  0px 0px 10px;     }     .featuredtop {     float: left;     margin: 0px;      padding: 10px;     display: inline;     }     .featuredtop img {      border: none;     margin: 0px;     }     #homepagebottom {      background: #FFFFFF  url("http://www.revolutiontwo.com/demo/lifestyle/images/homepagetop.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/homepagetop.gif*/)  top no-repeat;     float: left;     width: 610px;     margin: 10px 0px  10px 0px;     padding: 0px;     border: 1px solid #DDDDDD;     }      #homepagebottom p {     font-size: 12px;     margin: 0px;     padding:  0px;     }     .hpbottom {     float: left;     width: 590px;      margin: 0px;     padding: 10px;     display: inline;     }     .hpbottom  img {     border: none;     margin: 0px;     }     #homepageleft {      float: left;     width: 300px;     margin: 0px;     padding: 0px;     }   .hpfeatured {     background: #FFFFFF  url("http://www.revolutiontwo.com/demo/lifestyle/images/featuredtop.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/featuredtop.gif*/)  top no-repeat;     float: left;     width: 280px;     margin: 0px;      padding: 10px 10px 10px 10px;     border: 1px solid #DDDDDD;     }      .hpfeatured img {     border: none;     margin: 0px;     }      #homepageright {     float: right;     width: 300px;     margin: 0px;      padding: 0px;     }  /************************************************  *    Content                                      *  ************************************************/  #pagecontent {      width: 940px;     margin: 0px auto 0px;     padding: 10px 0px 0px 0px;      line-height: 18px;     }     #pagecontent h1 {     color: #495D5C;      font-size: 22px;     font-family: Georgia, Times New Roman;      font-weight: normal;     margin: 0px 0px 5px 0px;     padding: 10px 0px  0px 0px;     }     #pagecontent h1 a, #pagecontent h1 a:visited  {      color: #495D5C;     font-size: 22px;     font-family: Georgia, Times New  Roman;     font-weight: normal;     margin: 0px 0px 5px 0px;      padding: 10px 0px 0px 0px;     }  #pagecontent h1 a:hover {     color:  #7A3254;     text-decoration: none;     }     #pagecontent h5 {      background: #000000;     color: #FFFFFF;     font-size: 20px;      font-family: Georgia, Times New Roman, Trebuchet MS;     font-weight:  normal;     margin: 0px 0px 0px 0px;     padding: 10px 0px 10px 10px;      }  #pagecontent h3 {     background: #86AFB0  url("http://www.revolutiontwo.com/demo/lifestyle/images/headline.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/headline.png*/);      color: #FFFFFF;     font-size: 11px;     font-family: Arial,  Tahoma, Verdana;     font-weight: bold;     text-transform: uppercase;      margin: 0px 0px 10px 0px;     padding: 3px 0px 3px 7px;     }      #pagecontent h4 {     color: #495D5C;     font-size: 22px;      font-family: Georgia, Times New Roman;     font-weight: normal;      margin: 0px 0px 20px 0px;     padding: 10px 0px 0px 0px;     }      #pagecontent img.wp-smiley {     float: none;     border: none;      margin: 0px;     padding: 0px;     }  #pagecontent img.wp-wink {      float: none;     border: none;     margin: 0px;     padding: 0px;     }      #pagecontentleft {     float: left;     width: 600px;     margin:  0px;     padding: 0px;     }     #pagecontentleft a img {     border:  none;     }  blockquote {     background: #E8E8E8;     margin: 0px 25px  15px 25px;     padding: 10px 20px 0px 15px;     border-top: 1px solid  #DDDDDD;     border-right: 1px solid #666666;     border-left: 1px solid  #DDDDDD;     border-bottom: 1px solid #666666;     }     #pagecontent  blockquote p {     margin: 0px;     padding: 0px 0px 15px 0px;     }      .postarea {     background: #FFFFFF  url("http://www.revolutiontwo.com/demo/lifestyle/images/homepagetop.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/homepagetop.gif*/)  top no-repeat;     float: left;     width: 590px;     margin: 0px 0px  10px 0px;     padding: 10px;     border: 1px solid #DDDDDD;     }      .postarea p {     margin: 0px;     padding: 0px 0px 15px 0px;     }      .postarea ul {     list-style-type: square;     margin: 0px;      padding: 0px 0px 15px 0px;     }     .postarea ul li {      list-style-type: square;     margin: 0px 0px 0px 20px;     padding: 0px;      }     .postarea ul ul {     list-style-type: square;     margin:  0px;     padding: 0px 0px 0px 0px;     }     .postarea ol {     margin:  0px;     padding: 0px 0px 15px 0px;     }     .postarea ol li {      margin: 0px 0px 0px 20px;     padding: 0px;     }     .breadcrumb {      float: left;     width: 590px;     font-size: 11px;     margin: 0px 0px  20px 0px;     padding: 0px 0px 3px 0px;     border-bottom: double  #EAEAEA;     }     #pagecontentwide {     float: left;     width: 940px;      margin: 0px;     padding: 0px 0px 10px 0px;     }     .postareawide  {     background: #FFFFFF  url("http://www.revolutiontwo.com/demo/lifestyle/images/fullwidthtop.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/fullwidthtop.gif*/)  top no-repeat;     float: left;     width: 920px;     margin: 0px;      padding: 10px;     border: 1px solid #DDDDDD;     }     .postareawide p {      margin: 0px;     padding: 0px 0px 15px 0px;     }     .postareawide  ul {     list-style-type: square;     margin: 0px;     padding: 0px 0px  15px 0px;     }     .postareawide ul li {     list-style-type: square;      margin: 0px 0px 0px 20px;     padding: 0px;     }     .postareawide  ul ul {     list-style-type: square;     margin: 0px;     padding: 0px  0px 0px 0px;     }     .postareawide ol {     margin: 0px;     padding:  0px 0px 15px 0px;     }     .postareawide ol li {     margin: 0px 0px  0px 20px;     padding: 0px;     }     .breadcrumbwide {     float: left;      width: 920px;     font-size: 11px;     margin: 0px 0px 20px 0px;      padding: 0px 0px 3px 0px;     border-bottom: double #EAEAEA;     }      .date {     width: 590px;     float: left;     margin: 0px;      padding: 5px 0px 0px 0px;     }     .dateleft {     width: 380px;      float: left;     margin: 0px;     padding: 0px;     }     .dateright {      width: 200px;     float: right;     margin: 0px;     padding: 0px;      text-align: right;     }     .time {     background: #FFFFFF  url("http://www.revolutiontwo.com/demo/lifestyle/images/icon_time.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/icon_time.gif*/)  no-repeat top left;     margin: 0px 0px 0px 3px;     padding: 0px 0px  0px 20px;     }     .icomment {     background: #FFFFFF  url("http://www.revolutiontwo.com/demo/lifestyle/images/icon_comments.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/icon_comments.gif*/)  no-repeat top left;     margin: 0px 0px 0px 0px;     padding: 0px 0px  0px 18px;     }     .tags {     background: #FFFFFF  url("http://www.revolutiontwo.com/demo/lifestyle/images/icon_tags.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/icon_tags.gif*/)  no-repeat top left;     margin: 0px;     padding: 0px 0px 0px 18px;      }     .category {     background: #FFFFFF  url("http://www.revolutiontwo.com/demo/lifestyle/images/icon_category.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/icon_category.gif*/)  no-repeat top left;     margin: 0px;     padding: 0px 0px 0px 18px;      }     .postmeta {     width: 590px;     font-size: 12px;     padding:  5px 0px 0px 0px;     margin: 0px;     border-top: double #EAEAEA;     }      .postmeta2 {     width: 590px;     font-size: 12px;     padding: 5px  0px 40px 0px;     margin: 0px;     border-top: double #EAEAEA;     }      .archive {     float: left;     width: 275px;     margin: 0px;      padding: 0px 0px 20px 0px;     }     .postwidget {     background:  #FFFFFF  url("http://www.revolutiontwo.com/demo/lifestyle/images/homepagetop.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/homepagetop.gif*/)  top no-repeat;     float: left;     width: 590px;     margin: 0px 0px  10px 0px;     padding: 10px;     border: 1px solid #DDDDDD;     }      .postwidget ul {     list-style-type: none;     margin: 0px;      padding: 0px;     }     .postwidget li {     list-style-type: none;      margin: 0px;     padding: 0px;     }     .comments {     background:  #FFFFFF  url("http://www.revolutiontwo.com/demo/lifestyle/images/homepagetop.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/homepagetop.gif*/)  top no-repeat;     float: left;     width: 590px;     margin: 0px 0px  10px 0px;     padding: 10px;     border: 1px solid #DDDDDD;     }      /************************************************ *    Images                                        *  ************************************************/  img.centered  {      display: block;     margin-left: auto;     margin-right: auto;      margin-bottom: 10px;     padding: 0px;     }     img.alignnone {      padding: 0px;     margin: 0px 0px 10px 0px;     display: inline;     }   img.alignright {     padding: 0px;     margin: 0px 0px 10px 10px;      display: inline;     }  img.alignleft {     padding: 0px;     margin:  0px 10px 10px 0px;     display: inline;     }     .aligncenter {      display: block;     margin-left: auto;     margin-right: auto;      margin-bottom: 10px;     }  .alignright {     float: right;     margin:  0px 0px 10px 10px;     }  .alignleft {     float: left;     margin: 0px  10px 10px 0px;     }     .wp-caption {     border: 1px solid #DDDDDD;      text-align: center;     background-color: #EEEEEE;     padding: 4px  0px 5px 0px;     -moz-border-radius: 3px;     -khtml-border-radius: 3px;      -webkit-border-radius: 3px;     border-radius: 3px;     }   .wp-caption img {     margin: 0px 0px 5px 0px;     padding: 0px;      border: 0px;     }  .wp-caption p.wp-caption-text {     margin: 0px;      padding: 0px 0px 0px 0px;     font-size: 11px;     font-weight: normal;      line-height: 12px;     }      /************************************************ *    Sidebar                                      *  ************************************************/  #sidebar {     float:  right;     width: 320px;     margin: 0px;     padding: 0px;      display: inline;     }     #sidebar .widget {     background: #FFFFFF  url("http://www.revolutiontwo.com/demo/lifestyle/images/sidebartop.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/sidebartop.gif*/)  top no-repeat;     float: left;     width: 300px;     margin: 0px 0px  10px 0px;     padding: 9px;     border: 1px solid #DDDDDD;     }      #sidebar h5 {     background: #86AFB0  url("http://www.revolutiontwo.com/demo/lifestyle/images/headline.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/headline.png*/);      color: #FFFFFF;     font-size: 11px;     font-family: Arial,  Tahoma, Verdana;     font-weight: bold;     text-transform: uppercase;      margin: 0px 0px 10px 0px;     padding: 3px 0px 3px 7px;     }      #sidebar p {     margin: 0px;     padding: 0px 0px 0px 45px;     }      #sidebar a img {     border: none;     margin: 0px;     padding: 0px;      }     #sidebar embed, #sidebar object {     width: 300px;     height:  250px;     margin: 0px;     padding: 0px;     }     #sidebar ul {      list-style-type: none;     margin: 0px 0px 0px 0px;     padding: 0px;      }     #sidebar ul li {     list-style-type: none;     margin: 0px 0px  5px 0px;     padding: 0px;     }  #sidebar ul ul {     list-style-type:  none;     margin: 0px;     padding: 0px;     }     #sidebar ul li li {      background: #FFFFFF  url("http://www.revolutiontwo.com/demo/lifestyle/images/icon.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/icon.gif*/)  no-repeat top left;     padding: 0px 0px 5px 20px;     margin: 0px;      }     #sidebar ul li ul li {     background: #FFFFFF  url("http://www.revolutiontwo.com/demo/lifestyle/images/icon.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/icon.gif*/)  no-repeat top left;     padding: 0px 0px 5px 20px;     margin: 0px;      }  /************************************************ *    Left Sidebar                                 *  ************************************************/  #l_sidebar {      float: left;     width: 170px;     margin: 0px;     padding: 0px;      display: inline;     }     #l_sidebar .widget{     background: #FFFFFF  url("http://www.revolutiontwo.com/demo/lifestyle/images/leftsidebartop.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/leftsidebartop.gif*/)  top no-repeat;     float: right;     width: 150px;     margin: 0px 0px  10px 0px;     padding: 9px;     border: 1px solid #DDDDDD;     display:  inline;     }     #l_sidebar p {     margin: 0px;     padding: 0px 0px  10px 0px;     }     #l_sidebar a img {     border: none;     margin:  0px;     padding: 0px;     }  #l_sidebar ul {     list-style-type: none;      margin: 0px 0px 10px 0px;     padding: 0px;     }     #l_sidebar ul  ul {     list-style-type: none;     margin: 0px;     padding: 0px;     }      #l_sidebar ul li li {     background: #FFFFFF  url("http://www.revolutiontwo.com/demo/lifestyle/images/icon.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/icon.gif*/)  no-repeat top left;     padding: 0px 0px 5px 20px;     margin: 0px;      }     #l_sidebar ul li ul li {     background: #FFFFFF  url("http://www.revolutiontwo.com/demo/lifestyle/images/icon.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/icon.gif*/)  no-repeat top left;     padding: 0px 0px 5px 20px;     margin: 0px;      }     /************************************************ *    Right  Sidebar                               *  ************************************************/  #r_sidebar {      float: right;     width: 140px;     margin: 0px;     padding: 0px;      display: inline;     }     #r_sidebar .widget{     background: #FFFFFF  url("http://www.revolutiontwo.com/demo/lifestyle/images/rightsidebartop.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/rightsidebartop.gif*/)  top no-repeat;     float: right;     width: 120px;     margin: 0px 0px  10px 0px;     padding: 9px;     border: 1px solid #DDDDDD;     display:  inline;     }     #r_sidebar p {     padding: 0px 0px 10px 0px;      margin: 0px;     }     #r_sidebar a img {     border: none;     margin:  0px;     padding: 0px;     }     #r_sidebar ul {     list-style-type:  none;     margin: 0px 0px 10px 0px;     padding: 0px;     }  #r_sidebar  ul ul {     list-style-type: none;     margin: 0px;     padding: 0px;      }     #r_sidebar ul li li {     background: #FFFFFF  url("http://www.revolutiontwo.com/demo/lifestyle/images/icon.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/icon.gif*/)  no-repeat top left;     padding: 0px 0px 5px 20px;     margin: 0px;      }     #r_sidebar ul li ul li {     background: #FFFFFF  url("http://www.revolutiontwo.com/demo/lifestyle/images/icon.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/icon.gif*/)  no-repeat top left;     padding: 0px 0px 5px 20px;     margin: 0px;      }     /************************************************ *    Footer                                       *  ************************************************/  #footer {      background: #93BBBC  url("http://www.revolutiontwo.com/demo/lifestyle/images/topnav.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/topnav.png*/);      width: 960px;     height: 30px;     margin: 0px;     padding: 0px;      text-align: center;     }     #footer p {     color: #FFFFFF;      font-size: 11px;     font-family: Arial, Tahoma, Verdana;     margin:  0px;     padding: 9px 0px 0px 0px;     }     #footer a, #footer  a:visited {     color: #FFFFFF;     text-decoration: none;     }      #footer a:hover {     color: #FFFFFF;     text-decoration: underline;      }     /************************************************ *    Search  Form                                    *  ************************************************/  #searchform {      margin: 0px;     padding: 0px;     overflow: hidden;     display:  inline;     }     #searchbox {     background: #F7F5EF !important;      width: 220px;     color: #495D5C;     font-size: 12px;     font-family:  Georgia, Times New Roman, Trebuchet MS;     font-weight: normal;      margin: 0px;     padding: 4px 0px 3px 5px;     border-top: 1px solid  #759697;     border-right: 1px solid #A3BAB9;     border-left: 1px solid  #759697;     border-bottom: 1px solid #A3BAB9;     display: inline;      }     #searchbutton {     background: #93BBBC  url("http://www.revolutiontwo.com/demo/lifestyle/images/topnav.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/topnav.png*/);      color: #FFFFFF;     font-size: 11px;     font-family: Georgia,  Times New Roman, Trebuchet MS;     margin: 0px 0px 0px 5px;     padding:  3px 3px 2px 3px;     font-weight: bold;     border-top: 1px solid  #A3BAB9;     border-right: 1px solid #759697;     border-left: 1px solid  #A3BAB9;     border-bottom: 1px solid #759697;     }     #subscribe {      background: #FFFFFF  url("http://www.revolutiontwo.com/demo/lifestyle/images/feedburner.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/feedburner.png*/)  top no-repeat;     float: left;     width: 300px;     margin: 0px 0px  10px 0px;     padding: 0px;     }  #subbox {     background: #EEEEEE  !important;     width: 250px;     color: #495D5C;     font-size: 12px;      font-family: Georgia, Times New Roman, Trebuchet MS;     font-weight:  normal;     margin: 10px 0px 0px 0px;     padding: 3px 0px 3px 5px;      border-top: 1px solid #759697;     border-right: 1px solid #A3BAB9;      border-left: 1px solid #759697;     border-bottom: 1px solid #A3BAB9;      display: inline;     }     #subbutton {     background: #93BBBC  url("http://www.revolutiontwo.com/demo/lifestyle/images/topnav.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/topnav.png*/);      color: #FFFFFF;     font-size: 11px;     font-family: Georgia,  Times New Roman, Trebuchet MS;     margin: 0px 0px 0px 7px;     padding:  3px 3px 2px 3px;     font-weight: bold;     border-top: 1px solid  #A3BAB9;     border-right: 1px solid #759697;     border-left: 1px solid  #A3BAB9;     border-bottom: 1px solid #759697;     }     #author,  #email, #url {     background: #EEEEEE !important;     width: 250px;      color: #202020;     font-size: 12px;     font-weight: normal;      margin: 5px 0px 0px 0px;     padding: 3px 0px 3px 5px;     border: 1px  solid #DDDDDD;     display: inline;     }     #submit {     background:  #7B7B7B  url("http://www.revolutiontwo.com/demo/lifestyle/images/topnav.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/themes/lifestyle_30/images/topnav.gif*/);      color: #FFFFFF;     font-size: 11px;     font-family: Arial,  Tahoma, Verdana;     margin: 0px;     padding: 3px 3px 2px 3px;      font-weight: bold;     border: 1px solid #DDDDDD;     border-right: 1px  solid #666666;     border-left: 1px solid #DDDDDD;     border-bottom:  1px solid #666666;     }     #comment {     background: #EEEEEE;      color: #202020;     font-size: 12px;     font-weight: normal;      margin: 5px 0px 5px 0px;     padding: 3px 0px 3px 5px;     border: 1px  solid #DDDDDD;     display: inline;     }   /************************************************ *    Comments                                     *  ************************************************/     .commentlist li ul  li {     font-size: 12px;     }  .commentlist li {     font-weight:  bold;     }  .commentlist li .avatar {     background: #FFFFFF;      float: right;     border: 1px solid #EEEEEE;     margin: 0px 5px 0px  10px;     padding: 2px;     }  .commentlist cite, .commentlist cite a {      font-weight: bold;     font-style: normal;     font-size: 12px;     }   .commentlist p {     font-weight: normal;     text-transform: none;      }  .commentmetadata {     font-weight: normal;     }  #commentform  input {     width: 170px;     padding: 2px;     margin: 5px 5px 1px 0px;      }  #commentform {     margin: 5px 10px 0px 0px;     }      #commentform textarea {     width: 98%;     padding: 2px;     }      #respond:after {     content: ".";     display: block;     height: 0px;      clear: both;     visibility: hidden;     }     #commentform p {      margin: 5px 0px 5px 0px;     }     #commentform #submit {     margin:  0px;     float: left;     }     .alt {     margin: 0px;     padding:  10px;     }  .commentlist {     margin: 0px;     padding: 0px;     }      .commentlist ol {     margin: 0px;     padding: 10px;     }   .commentlist li {     margin: 15px 0px 10px;     padding: 10px 5px 10px  10px;     list-style: none;      } .commentlist li ul li {      margin-right: -5px;     margin-left: 10px;     }  .commentlist p {      margin: 10px 5px 10px 0px;     padding: 0px;     }     .children {      margin: 0px;     padding: 0px;     }  .nocomments {     text-align:  center;     margin: 0px;     padding: 0px;     }  .commentmetadata {      font-size: 10px;     margin: 0px;     display: block;     }   .navigation {     display: block;     text-align: center;      margin-top: 10px;     margin-bottom: 40px;     }     .alignright {      float: right;     }  .alignleft {     float: left;     }     .thread-alt  {     background: #FFFFFF;     margin: 0px;     padding: 0px;     }      .thread-even {     background: #EEEEEE;     margin: 0px;     padding:  0px;     }     .depth-1 {     border: 1px dotted #BBBBBB;     margin:  0px;     padding: 0px;     }  .even, .alt {     border-top: 1px dotted  #BBBBBB;     border-bottom: 1px dotted #BBBBBB;     border-left: 1px  dotted #BBBBBB;     margin: 0px;     padding: 0px;     }     /* resim  galeri css kodu burada başlıyor */  #flickrGallery { width: 500px;  height: 334px; }  #myGallery img.thumbnail, #myGallerySet img.thumbnail {  display: none; }  .jdGallery { overflow: hidden; position: relative; }   .jdGallery img { border: 0; margin: 0; }  .jdGallery .slideElement {  width: 100%; height: 100%; background-color: #000; background-repeat:  no-repeat; background-position: center center; background-image:  url("http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/loading-bar-black.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/loading-bar-black.gif*/);  }  .jdGallery .loadingElement { width: 100%; height: 100%; position:  absolute; left: 0; top: 0; background-color: #000; background-repeat:  no-repeat; background-position: center center; background-image:  url("http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/loading-bar-black.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/loading-bar-black.gif*/);  }  * html .jdGallery .slideInfoZone { bottom: -1px; }  .jdGallery  .slideInfoZone h5 { padding: 0; font-size: 14px; margin: 0; margin: 2px  5px; font-weight: bold; color: #FFFFFF; }  .jdGallery .slideInfoZone p {  padding: 0; font-size: 11px; margin: 2px 5px; color: #eee; }   .jdGallery div.carouselContainer { position: absolute; height: 135px;  width: 100%; z-index: 10; margin: 0px; left: 0; top: 0; }  .jdGallery  a.carouselBtn { position: absolute; bottom: 0; right: 30px; height:  20px; /*width: 100px; background: url('img/carousel_btn.gif')  no-repeat;*/ text-align: center; padding: 0 10px; font-size: 13px;  background: #000; color: #fff; cursor: pointer; }  .jdGallery .carousel {  position: absolute; width: 100%; margin: 0px; left: 0; top: 0; height:  115px; background: #000; color: #fff; text-indent: 0; overflow: hidden; }   .jdExtCarousel { overflow: hidden; position: relative; }  .jdGallery  .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper { position:  absolute; width: 100%; height: 78px; top: 10px; left: 0; overflow:  hidden; }  .jdGallery .carousel .carouselInner, .jdExtCarousel  .carouselInner { position: relative; }  .jdGallery .carousel  .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail {  cursor: pointer; background: #000; background-position: center center;  float: left; border: solid 1px #fff; }  .jdGallery .wall .thumbnail,  .jdExtCarousel .wall .thumbnail { margin-bottom: 10px; }  .jdGallery  .carousel .label, .jdExtCarousel .label { font-size: 13px; position:  absolute; bottom: 5px; left: 10px; padding: 0; margin: 0; }  .jdGallery  .carousel .wallButton, .jdExtCarousel .wallButton { font-size: 10px;  position: absolute; bottom: 5px; right: 10px; padding: 1px 2px; margin:  0; background: #222; border: 1px solid #888; cursor: pointer; }   .jdGallery .carousel .label .number, .jdExtCarousel .label .number {  color: #b5b5b5; }  .jdGallery a { font-size: 100%; text-decoration:  none; color: inherit; }  .jdGallery a.right, .jdGallery a.left {  position: absolute; height: 99%; width: 25%; cursor: pointer;  z-index:10; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity:  0.2; opacity: 0.2; }  * html .jdGallery a.right, * html .jdGallery  a.left { filter:alpha(opacity=50); }  .jdGallery a.right:hover,  .jdGallery a.left:hover { filter:alpha(opacity=80); -moz-opacity:0.8;  -khtml-opacity: 0.8; opacity: 0.8; }  .jdGallery a.left { left: 0; top:  0; background:  url("http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/fleche1.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/fleche1.png*/)  no-repeat center left; }  * html .jdGallery a.left { background:  url("http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/fleche1.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/fleche1.gif*/)  no-repeat center left; }  .jdGallery a.right { right: 0; top: 0;  background:  url("http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/fleche2.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/fleche2.png*/)  no-repeat center right; }  * html .jdGallery a.right { background:  url("http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/fleche2.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/fleche2.gif*/)  no-repeat center right; }  .jdGallery a.open { left: 0; top: 0; width:  100%; height: 100%; }  .withArrows a.open { position: absolute; top: 0;  left: 25%; height: 99%; width: 50%; cursor: pointer; z-index: 10;  background: none; -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }   .withArrows a.open:hover { background:  url("http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/open.png"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/open.png*/)  no-repeat center center; }  * html .withArrows a.open:hover {  background:  url("http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/open.gif"/*tpa=http://www.revolutiontwo.com/demo/lifestyle/wp-content/plugins/content-gallery/css/img/open.gif*/)  no-repeat center center; filter:alpha(opacity=80); }   /* Gallery Sets  */  .jdGallery a.gallerySelectorBtn { z-index: 15; position: absolute;  top: 0; left: 30px; height: 20px; /*width: 100px; background:  url('img/carousel_btn.gif') no-repeat;*/ text-align: center; padding: 0  10px; font-size: 13px; background: #000; color: #fff; cursor: pointer;  opacity: .4; -moz-opacity: .4; -khtml-opacity: 0.4;  filter:alpha(opacity=40); }  .jdGallery .gallerySelector { z-index: 20;  width: 100%; height: 100%; position: absolute; top: 0; left: 0;  background: #000; }  .jdGallery .gallerySelector h5 { margin: 0;  padding: 10px 20px 10px 20px; font-size: 20px; line-height: 30px; color:  #fff; }  .jdGallery .gallerySelector .gallerySelectorWrapper {  overflow: hidden; }  .jdGallery .gallerySelector .gallerySelectorInner  div.galleryButton { margin-left: 10px; margin-top: 10px; border: 1px  solid #888; padding: 5px; height: 40px; color: #fff; cursor: pointer;  float: left; }  .jdGallery .gallerySelector .gallerySelectorInner  div.hover { background: #000; }  .jdGallery .gallerySelector  .gallerySelectorInner div.galleryButton div.preview { background: #000;  background-position: center center; float: left; border: none; width:  40px; height: 40px; margin-right: 5px; }  .jdGallery .gallerySelector  .gallerySelectorInner div.galleryButton h3 { margin: 0; padding: 0;  font-size: 12px; font-weight: normal; }  .jdGallery .gallerySelector  .gallerySelectorInner div.galleryButton p.info { margin: 0; padding: 0;  font-size: 12px; font-weight: normal; color: #aaa; }   /* resim galeri  css kodu burada bitiyor */   table {margin-left: auto;margin-right:  auto}

TASARIM ÜSTÜ

<style type="text/css">

            <!--

            body,td,th {

            color:  #000000;

            }

            body {

            background-color: #CC3333;

            }

            a:link {

            color:  #CC3333;

            font-weight: bold;

            text-decoration: none;

            }

            a:visited  {

            text-decoration: none;

            color: #CC3333;

            }

            a:hover  {

            text-decoration: none;

            color: #CC3333;

            }

            a:active  {

            text-decoration: none;

            color: #CC3333;

            }

            .style1 {

            color:  #FF0000;

            font-weight: bold;

            }

            .style2 {

            color:  #CC3333;

            font-weight: bold;

            }

            .style3 {

            color:  #0066FF

            }

            -->

            </style><table width="901" height="598"  border="0" align="center" cellpadding="0"  cellspacing="0">

            <tr>

            <td width="901" height="258"   background="https://img.webme.com/pic/e/endlesstasarim/ewrewrfewtwe.gif">&nbsp;</td>

            </tr>

            <tr>

            <td  height="240"   background="https://img.webme.com/pic/e/endlesstasarim/asfdasfasffs.gif"><table   width="882" height="57" align="center"  cellpadding="1">

            <tr>

            <td  width="44">&nbsp;</td>

            <td width="185" align="center"  valign="top"><div align="center" class="style2">

            <p  class="style2">SAYFALAR1<br>

            SAYFALAR2<br>

            SAYFALAR3</p>

            <p>Bu  kisma hazirladigin flash menu kodlarini buraya  yapistirarak daha guzel menuler  kullanabilirisn eyer flash menu  yapamadiysan ekle byemo@live.nl</p>

            </div>

            <p>&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;</p></td>

            <td  width="46">&nbsp;</td>

            <td width="540" align="center"  valign="top"><div id="Design"> <div  id="content"></div>

TASARIM ALTI

</td>

            <td  width="43">&nbsp;</td>

            </tr>

            </table></td>

            </tr>

            <tr>

            <td  height="100"   background="https://img.webme.com/pic/e/endlesstasarim/asdasdasderer.gif">&nbsp;</td>

            </tr>

            </table>

CSS

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;}

	Ön izleme
	Ön izleme
	Ön izleme
	Ön izleme
	Ön izleme
	Ön izleme
	Ön izleme
	Ön izleme
	Ön izleme
	Ön izleme
	Ön izleme
	Ön izleme