Web ile Ýlgili Hersey !!!!

<= 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 =>
<div id="wrapper"> <div id="header"> <div id="logo"><a href="#" _fcksavedurl="#">Şehir</a></div> <div id="navigation"> <a href="#" _fcksavedurl="#">Home</a> | <a href="#" _fcksavedurl="#">Site</a> | <a href="#" _fcksavedurl="#">İletişim</a> | <a href="#" _fcksavedurl="#">Haber</a> </div> </div> <div id="inner-wrap"> <div id="side-bar"> <h2>Dost Siteler</h2> <ul> <li><a href="#" _fcksavedurl="#">-www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">-www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">-www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">-www.css-tasarimm.tr.gg</a></li> </ul> <h3>Site Haberleri</h3> <p>Siteniz Hakkındaki Haberleri Buraya Yazınız.</p> </div> <div id="main">

<= Tasarimin ALtına =>

<= 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;}  @charset "utf-8"; /* CSS Tasarim Merkezi www.csstasarim-arsiv.tr.gg */  body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote, img { 	padding:0; 	margin:0; }  body { 	background-color: #cacabf; }  #wrapper { 	width: 780px; 	margin: 0px auto; }  #header { 	width: 780px; 	height: 240px; 	background-image: url(https://img.webme.com/pic/c/css-tasarimm/18-header.jpg); 	background-repeat: no-repeat; }  #logo { 	padding-top: 30px; 	width: 300px; 	float: right; 	clear: right; }  #logo a { 	color: #ffffff; 	text-decoration:none; 	font-family: Times; 	font-size: 72px; 	font-style: normal; }  #navigation { 	padding-top: 80px; 	float: right; 	clear: right; 	width: 300px; }  #navigation a { 	color: #273c5d; 	text-decoration: none; 	font-family: times; 	font-size: 24px; } #inner-wrap { 	background-image: url(https://img.webme.com/pic/c/css-tasarimm/18-main.jpg); 	background-repeat: repeat-y; 	float:right; 	width: 780px; }  #side-bar { 	float: right; 	width: 214px; } #side-bar a { 	color: #ffffff; 	text-decoration: none; 	font-family: Times; 	padding:0px 10px 5px 20px;	 } #side-bar ul { 	list-style: none; } #side-bar h2 { 	font-weight: 200; 	color: #ffef6b; 	padding:0px 10px 5px 20px; 	font-family: Times; } #side-bar h3 { 	font-weight: 100; 	color: #ffef6b; 	padding:0px 10px 5px 20px; 	font-family: Times; } #side-bar p { 	padding:0px 10px 20px 20px; 	font-family: Times; } #main { 	float: left; 	width: 536px; 	margin-bottom: 15px; 	padding:15px; }  #footer { 	padding-top: 40px; 	width: 780px; 	height: 51px; 	background-image: url(https://img.webme.com/pic/c/css-tasarimm/18-footer.jpg); 	clear: both; } #footer p { 	text-align: center; 	color: #cac0ae; 	font-size: .6em; 	 } #footer a { 	color: white; } h1 { 	font-weight: 100; 	color: #ffffff; 	margin-top: 15px; 	font-family: Times; 	 }  h2 { 	font-weight: 100; 	color: #ffffff; 	margin-top: 15px; 	font-family: Times; }  h3 { 	font-weight: 100; 	color: #ffffff; 	margin-top: 15px; 	font-family: Times; }  p { 	color: #ffffff; 	font-family: Times; 	 }

TASARIMIN GÖRÜNÜMÜ

<= T
<div id="wrapper"> <div id="header"> <div id="navigation"> <a href="#" _fcksavedurl="#">Sayfa</a> | <a href="#" _fcksavedurl="#">Mekan</a> | <a href="#" _fcksavedurl="#">İltşm</a> | <a href="#" _fcksavedurl="#">Arama</a> </div> </div> <div id="inner-wrap"> <div id="side-bar"> <h2>Menu</h2> <ul> <li><a href="#" _fcksavedurl="#">-Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">-Defter</a></li> <li><a href="#" _fcksavedurl="#">-İletişim</a></li> <li><a href="#" _fcksavedurl="#">-Toplist</a></li> <li><a href="#" _fcksavedurl="#">-Hakkımızda</a></li> </ul> <h3>Site Hakkında</h3> <p>Buraya Siteniz Hakkında Bilgileri Verebilirsiniz.<br>www.css-tasarimm.tr.gg</p> </div> <div id="main">

<= Tasarimin ALtına =>

</div> </div> <div id="footer"> <p> Copyright © 2008 | <a href="www.csstasarim-arsiv.tr.gg" _fcksavedurl="www.css-tasarimm.tr.gg">CSS Tasarim Merkezi</a> | <a href="www.csstasarim-arsiv.tr.gg" _fcksavedurl="www.csstasarim-arsiv.tr.gg">www.csstasarim-arsiv.tr.gg</a> | </p> </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;} @charset "utf-8"; /* CSS Tasarim Merkezi www.csstasarim-arsiv.tr.gg */ body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote, img, div, span { padding:0; margin:0; } body { background-color: #765f38; } #wrapper { width: 786px; margin: 0px auto; } #header { margin-top: 15px; width: 786px; height: 163px; background-image: url(https://img.webme.com/pic/c/css-tasarimm/15-header.jpg); background-repeat: no-repeat; } #logo { padding-top: 80px; padding-left: 15px; margin:0px; width: 400px; float: left; } #logo a { color: #382612; text-decoration:none; font-family: Times; font-size: 72px; font-style: normal; line-height:72px; } #navigation { padding-top: 12px; color: #382612; font-family: Times; font-size: 24px; float: right; clear: right; width: 300px; } #navigation a { color: #382612; text-decoration: none; font-family: times; font-size: 24px; } #inner-wrap { background-repeat: no-repeat; width: 780px; float: left; background-color: #a28e69; background-image: url(https://img.webme.com/pic/c/css-tasarimm/15-sidebar.gif); background-repeat: repeat-y; background-position:right; } #side-bar { float: right; width: 214px; } #side-bar a { color: #ffffff; text-decoration: none; font-family: Times; padding:0px 10px 5px 20px; } #side-bar ul { list-style: none; } #side-bar h2 { font-weight: 200; color: #ffef6b; padding:0px 10px 5px 20px; font-family: Times; } #side-bar h3 { font-weight: 100; color: #ffef6b; padding:0px 10px 5px 20px; font-family: Times; } #side-bar p { padding:0px 10px 20px 20px; font-family: Times; } #main { background-image: url(https://img.webme.com/pic/c/css-tasarimm/15-background.gif); background-repeat: no-repeat; margin-left:20px; float: left; width: 546px; } #footer { width: 780px; height: 40px; background-color: #593c1b; clear: both; padding-top: 15px; } #footer p { text-align: center; color: #cac0ae; font-size: .6em; } #footer a { color: white; } h1 { font-weight: 100; color: #252d05; margin-top: 15px; font-family: Times; } h2 { font-weight: 100; color: #5c4211; margin-top: 15px; font-family: Times; } h3 { font-weight: 100; color: #ffe381; margin-top: 15px; font-family: Times; } p { color: #ffffff; font-family: Times; }

TASARIMIN GÖRÜNÜMÜ

<= Tasarimin Üzerine =>

<div id="container"> <div id="header"> <h1><a href="#" _fcksavedurl="#">Merkez</a></h1> <h2>Css Tasarim Bizim İşimiz</h2> <ul id="mainMenu"> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">Hakkında</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">SiteMap</a></li> <li><a href="#" _fcksavedurl="#">Arşiv</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><span>Arama:</span></li> <li class="formList"><form action="www.csstasarim-arsiv.tr.gg"> <div class="c1"><div class="c2"><div class="c3"><div class="c4"> <input type="text" name="search" size="10" class="searchBox" /> <button type="submit" class="goButton"><span>Git</span></button> </div></div></div></div> </form></li> </ul> </div> <div id="mainContent"> <div class="blog"> <h2 class="blogTitle"><a href="www.css-tasarimm.tr.gg" _fcksavedurl="www.css-tasarimm.tr.gg">Css Tasarim Bizim İşimiz www.csstasarim-arsiv.tr.gg</a></h2> <h3 class="meta">tR.gg'nin En Büyük Tasarim Veren Sitesi Olma Yolundayız...</h3>

<= Tasarimin ALtına =>

</div> <h2 class="boxDesc">Arşiv:</h2> <div class="c1"><div class="c2"><div class="c3"><div class="c4"> <ul> <li><a href="#" _fcksavedurl="#">Ocak 2008</a></li> <li><a href="#" _fcksavedurl="#">Şubat 2008</a></li> <li><a href="#" _fcksavedurl="#">Mart 2008</a></li> <li><a href="#" _fcksavedurl="#">Nisan 2008</a></li> <li><a href="#" _fcksavedurl="#">Mayıs 2008</a></li> <li><a href="#" _fcksavedurl="#">Haziran 2008</a></li> <li><a href="#" _fcksavedurl="#">Temmuz 2007</a></li> <li><a href="#" _fcksavedurl="#">Ağustos 2007</a></li> <li><a href="#" _fcksavedurl="#">Eylül 2007</a></li> <li><a href="#" _fcksavedurl="#">Ekim 2007</a></li> <li><a href="#" _fcksavedurl="#">Kasim 2007</a></li> <li><a href="#" _fcksavedurl="#">Aralık 2007</a></li> </ul> </div></div></div></div> <h2 class="boxDesc">Kategori:</h2> <div class="c1"><div class="c2"><div class="c3"><div class="c4"> <ul> <li><a href="#" _fcksavedurl="#">Oyun</a></li> <li><a href="#" _fcksavedurl="#">İnndir</a></li> <li><a href="#" _fcksavedurl="#">Aşk</a></li> <li><a href="#" _fcksavedurl="#">Html Kodlar</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle Hit Kazan</a></li> <li><a href="#" _fcksavedurl="#">Lig TV İzle</a></li> <li><a href="#" _fcksavedurl="#">Maç Skorları</a></li> <li><a href="#" _fcksavedurl="#">Puan Durumu</a></li> <li><a href="#" _fcksavedurl="#">Downloads Merkezi</a></li> <li><a href="#" _fcksavedurl="#">Css Tasarim Merkezi</a></li> <li><a href="#" _fcksavedurl="#">İceblue Tasarim</a></li> <li><a href="#" _fcksavedurl="#">Red Tasarim</a></li> <li><a href="#" _fcksavedurl="#">CSS Design</a></li> <li><a href="#" _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li> </ul> </div></div></div></div> <br class="clear" /> </div> <div id="footer"> <p>Copyright © 2008, WwW.Site-Adi.tR.gg <img src="https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif" _fcksavedurl="https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif" alt="" class="bullet" /> Design by <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg">Css Tasarim Merkezi</a> <img src="https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif" _fcksavedurl="https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif" alt="" class="bullet" /> <a href="#" _fcksavedurl="#">WwW.Site-Adi.tR.gg</a></p> </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;} * { margin: 0; padding: 0; } body { font: 13px Georgia, "Times New Roman", Times, serif; background: url(https://img.webme.com/pic/c/css-tasarimm/6-header.jpg) top center no-repeat #870010; text-align: center; color: #FFF; } /**** GENERAL STYLES WWW.CSS-TASARİMM.TR.GG ****/ a { color: #F47D1F; text-decoration: none; } a:hover { color: #FFCFB3; } p { line-height: 1.4em; text-align: justify; padding: 10px 0 0 0; } #mainContent ul, #mainContent ol { margin-left: 40px; line-height: 1.8em; padding: 10px 0 0 0; } #mainContent ul { list-style: url(https://img.webme.com/pic/c/css-tasarimm/6-bullet_o.gif); } blockquote { border-left: 4px solid #B21; color: #FFCFB3; margin: 10px 40px 0 40px; line-height: 1.8em; padding: 0 10px 10px 10px; } blockquote:first-line { font-size: 20px; font-style: italic; line-height: 1.4em; } code { border-bottom: 1px dotted #B21; color: #FFCFB3; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-variant: small-caps; line-height: 1.5em; } h1 { font-size: 26px; } h2 { font-size: 22px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } /**** GENERAL LAYOUT WWW.CSS-TASARİMM.TR.GG ****/ #container { width: 868px; margin: 0 auto; text-align: left; } #header { height: 520px; padding: 0 10px 0 20px; } #mainContent { background: url(https://img.webme.com/pic/c/css-tasarimm/6-footer.jpg) bottom center no-repeat; } /**** HEADER STYLES WWW.CSS-TASARİMM.TR.GG ****/ #header h1 { float: left; font-size: 72px; font-weight: normal; font-variant: normal; line-height: 1.2em; padding-top: 10px; } #header h1 a { color: #FFF; } #header h1 a:hover { color: #FFCFB3; } #header h2 { float: left; font-size: 16px; font-weight: normal; font-style: italic; font-variant: normal; line-height: 1.2em; padding: 35px 0 0 10px; } /**** MAIN MENU LAYOUT and STYLES WWW.CSS-TASARİMM.TR.GG ****/ #mainMenu { color: #FFCFB3; float: right; font-size: 30px; line-height: 1.5em; list-style: none; margin-left: -35px; position: relative; } #mainMenu a { color: #FFF; } #mainMenu a:hover { background: #FFCFB3; color: #870010; } #mainMenu a, #mainMenu span { padding: 0 5px; } /**** BLOG LAYOUT and STYLES WWW.CSS-TASARİMM.TR.GG ****/ .blog { padding-bottom: 40px; } .blog h2.blogTitle { font-size: 28px; font-weight: normal; font-variant: normal; line-height: 18px; position: relative; z-index: 1; } .blog h3.meta { background: url(https://img.webme.com/pic/c/css-tasarimm/6-blog_meta.jpg) no-repeat; color: #FFCFB3; font-size: 13px; font-weight: normal; font-variant: normal; height: 36px; line-height: 36px; padding: 0 10px 0 15px; position: relative; z-index: 0; } * html .blog h3.meta { padding-top: 10px; } .blog h2.blogTitle a { color: #FFF; } .blog h2.blogTitle a:hover { color: #FFCFB3; } .blog h3.meta a { color: #FFCFB3; } .blog h3.meta a:hover { color: #FFF; } img.bullet { padding: 0 4px; } /**** ROUNDED CORNER BOX STYLES WWW.CSS-TASARİMM.TR.GG ****/ .c1 { background: url(https://img.webme.com/pic/c/css-tasarimm/6-c1.gif) top left no-repeat #EC691F; margin: 0 0 40px 0; } .c2 { background: url(https://img.webme.com/pic/c/css-tasarimm/6-c2.gif) top right no-repeat; } .c3 { background: url(https://img.webme.com/pic/c/css-tasarimm/6-c3.gif) bottom left no-repeat; } .c4 { background: url(https://img.webme.com/pic/c/css-tasarimm/6-c4.gif) bottom right no-repeat; } #mainContent .c4 p, #mainContent .c4 ul { padding: 0 20px; line-height: 36px; margin-left: 0; } /**** ROUNDED CORNER BOTTOM BOX STYLES WWW.CSSTASARİM-ARSİV.TR.GG ****/ .c4 li { display: inline; background: url(https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif) center right no-repeat; } .c4 li a { color: #FFCFB3; margin-right: 11px; white-space: nowrap; } .c4 li a:hover { color: #FFF; } .boxDesc { font-size: 28px; font-weight: normal; font-variant: normal; } /**** ROUNDED CORNER BOX - INPUT STYLES WWW.CSSTASARİM-ARSİV.TR.GG ****/ li.formList .c1, li.formList .c2, li.formList .c3, li.formList .c4 { width: 125px; } #postComment .c1, #postComment .c2, #postComment .c3, #postComment .c4 { height: 40px; line-height: 40px; width: 300px; } .c4 input.searchBox, #postComment input, .postCommentTA textarea { background: transparent; border: none; color: #870010; font: 12px Georgia, "Times New Roman", Times, serif; position: relative; left: 4px; width: 80px; } #mainContent .c1 { margin-bottom: 15px; } #postComment input { float: left; position: relative; top: 12px; width: 200px; } #postComment .postCommentTA .c1, #postComment .postCommentTA .c2, #postComment .postCommentTA .c3, #postComment .postCommentTA .c4 { height: auto; width: 500px; } #mainContent #postComment .postCommentTA .c1 { margin-bottom: 30px; } .postCommentTA textarea { margin: 10px; overflow: auto; width: 470px; } #postComment label { color: #FFCFB3; float: right; padding-right: 10px; } #mainMenu li.formList { line-height: .6em; } /**** BUTTON STYLES WWW.CSSTASARİM-ARSİV.TR.GG ****/ .goButton { background: url(https://img.webme.com/pic/c/css-tasarimm/6-button.gif) center center no-repeat; border: none; color: #FFCFB3; height: 28px; width: 38px; } .goButton span { position: relative; top: -1px; } .postButtonCluster { position: relative; top: -20px; } .postButtonCluster button { background: none; border: none; color: #FFCFB3; font: 16px Georgia, "Times New Roman", Times, serif; margin-right: 20px; } /**** COMMENT LIST STYLES WWW.CSSTASARİM-ARSİV.TR.GG ****/ #commentList { list-style-position: outside; position: relative; left: -40px; margin-right: -40px; width: 868px; } #commentList li { background: url(https://img.webme.com/pic/c/css-tasarimm/6-blog_meta.jpg) no-repeat; color: #FFCFB3; font-size: 13px; font-weight: normal; font-variant: normal; padding: 0 10px 0 15px; } .commentMeta { clear: both; height: 36px; } .cml { float: left; } .cmr { float: right; font-size: 10px; } .commentContent { color: #FFF; position: relative; top: -20px; } /**** FOOTER STYLES ****/ #footer p { color: #FFCFB3; font-size: 11px; padding: 10px 0; text-align: center; } /**** IMAGE FLOATING, IMAGE CENTERING WWW.CSS-TASARİMM.TR.GG ****/ .floatImgR, .floatImgL, .imageCenter { border: 1px solid #B21; padding: 2px; } .floatImgR { float: right; margin: 10px 0 5px 10px; } .floatImgL { float: left; margin: 10px 10px 5px 0; } .imageCenter { display: block; margin: 10px auto; } /**** CLEARING ****/ br.clear { clear: both; }
TASARIMIN GÖRÜNÜMÜ

<= Tasarimin Üzerine =>

<div id="contentt"> <div id="back">  <div id="header"> <div id="menu1"> <div id="menu"> <ul> <li id="button1"><a href="#" _fcksavedurl="#" title="">Ana Sayfa</a></li> <li id="button2"><a href="#" _fcksavedurl="#" title="">Blog</a></li> <li id="button3"><a href="#" _fcksavedurl="#" title="">Galeri</a></li> <li id="button4"><a href="#" _fcksavedurl="#" title="">Hakkında</a></li> <li id="button5"><a href="#" _fcksavedurl="#" title="">İletişim</a></li> </ul> </div> </div> <div id="logo"> </div> </div>   <div id="main"> <div id="right"> <h2>WwW.Css-TasaRiMm.tR.gg</h2><br /> <h4><a href="#" _fcksavedurl="#">Css Tasarim Merkezi</a></h4><br />

<= Tasarimin ALtına =>

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

<= Css Kod Bölümüne =>

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

asarimin Üzerine =>