Paylaşım merkezi

Türkiye'nin en güzel mekanı

Css tasarımlar

TASARIMIN GÖRÜNÜMÜ

<= Tasarimin Üzerine =>

<= Tasarimin ALtına =>

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

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

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

TASARIM ÜSTÜ
<div id="container">  <div id="page_title"> <h1><span>The Music Website</span></h1> </div>  <div id="header_image"><span> </span></div>  <div id="header_container_left"> <div id="header_container_right"> <div id="header_container"> <div id="page_header"> <div id="header_hidden"> </div>  <div id="header_punchline"> <h3><span>Your Punchline Goes Here</span></h3> </div>   <div id="header_menu"> <ul> <li id="menu_1"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><strong>Home</strong></a></li> <li id="menu_2"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><strong>About Us</strong></a></li> <li id="menu_3"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><strong>Products</strong></a></li> <li id="menu_4"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><strong>Services</strong></a></li> <li id="menu_5"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><strong>Contacts</strong></a></li> </ul> </div>   <div id="header_links"> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">make your own music</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">grab the hottest tracks</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">read previews</a></li> </ul> </div>  <div class="clearthis"> </div> </div> </div> </div> </div>   <div id="maincontent_container"> <div id="maincontent">

TASARIM ALTI
</div>  </div> </div>   <div id="page_footer"> Powered 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 { background:
url('https://img.webme.com/pic/k/koddeniyelim/background.gif') #3e3437
repeat 0px 0px; color: #b1b0ae; font-family: verdana, arial, sans-serif;
font-size: 11px; text-align: center; } a { color: #b1b0ae;
text-decoration: underline; } a:hover { color: #8b8a89; } 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: 14px; } .clearthis { margin : 0px; height : 1px;
clear : both; float : none; font-size : 1px; line-height : 0px; overflow
: hidden; visibility: hidden; } #container { margin: 0px auto; width:
719px; text-align: left; } .link-more { font-size: 10px; font-family:
tahoma, arial, sans-serif; font-weight: bold; text-align: right;
line-height: 10px; } .link-more a { text-decoration: none; } /* Page
Title */ #page_title { padding: 16px 0px 11px; } #page_title h1 {
height: 34px; background:
url('https://img.webme.com/pic/k/koddeniyelim/website_title.gif')
no-repeat 50% 0%; } /* Page Header Containers */ #header_image {
position: absolute; margin-left: 533px; width: 136px; } #header_image
span { float: right; display: block; background:
url('https://img.webme.com/pic/k/koddeniyelim/header_image.gif')
no-repeat 0px 0px; position: relative; top: -28px; z-index: 1; width:
136px; height: 195px; } #header_container_left { padding-left: 61px;
background:
url('https://img.webme.com/pic/k/koddeniyelim/body_leftspeaker.gif')
no-repeat 0px 5px; } #header_container_right { margin-right: 8px;
padding-right: 53px; background:
url('https://img.webme.com/pic/k/koddeniyelim/body_rightspeaker.gif')
no-repeat 100% 5px; } #header_container { border: 1px solid #9d9898; }
#page_header { width: 595px; height: 147px; background:
url('https://img.webme.com/pic/k/koddeniyelim/header_background.gif')
no-repeat 0px 0px; color: #fbc551; overflow: hidden; font-size: 10px;
font-family: tahoma, arial, sans-serif; font-weight: bold; text-align:
left; } #page_header a { color: #fbc551; } #page_header a:hover { color:
#fbfe00; } #header_hidden { width: 145px; height: 147px; float: right;
overflow: hidden; } /* Page Header Punchline */ #header_punchline {
padding-top: 29px; width: 310px; float: right; } #header_punchline h3 {
width: 310px; height: 13px; background:
url('https://img.webme.com/pic/k/koddeniyelim/website_punchline.gif')
no-repeat 0px 0px; } /* Header Navigation Menu */ #header_menu {
padding-top: 28px; width: 140px; float: left; } #header_menu ul {
margin-left: 19px; width: 73px; } #header_menu li { margin-bottom: 3px;
border: 1px solid #ea7711; float: left; } #header_menu li a { display:
block; width: 71px; height: 15px; text-decoration: none; overflow:
hidden; } #header_menu li a:hover { background-image: none;
background-color: #6c0528; } #header_menu li a b { display: block;
margin-top: 1px; padding-left: 15px; } li#menu_1 a { background:
url('https://img.webme.com/pic/k/koddeniyelim/menu_1_bg.gif') no-repeat
0px 0px; } li#menu_2 a { background:
url('https://img.webme.com/pic/k/koddeniyelim/menu_2_bg.gif') no-repeat
0px 0px; } li#menu_3 a { background:
url('https://img.webme.com/pic/k/koddeniyelim/menu_3_bg.gif') no-repeat
0px 0px; } li#menu_4 a { background:
url('https://img.webme.com/pic/k/koddeniyelim/menu_4_bg.gif') no-repeat
0px 0px; } li#menu_5 a { background:
url('https://img.webme.com/pic/k/koddeniyelim/menu_5_bg.gif') no-repeat
0px 0px; } /* Page Header Links */ #header_links { padding-top: 25px;
width: 310px; float: right; } #header_links ul { padding-left: 2px; }
#header_links li { padding-bottom: 3px; } /* Main Content Area */
#maincontent_container { margin: 1px 61px; padding: 18px 20px 12px;
border: 1px solid #9d9898; background-color: #6c0528; } #maincontent {
width: 555px; } #maincontent .divider { width: 555px; height: 1px;
background:
url('https://img.webme.com/pic/k/koddeniyelim/body_divider.gif') repeat-x
0px 0px; overflow: hidden; } /* Chartbusters */ #chartbusters { margin:
0px 1px 12px; width: 553px; } #chartbusters h2 { width: 78px; height:
20px; background:
url('https://img.webme.com/pic/k/koddeniyelim/chartbusters_title.gif')
no-repeat 0px 0px; } .chartbusters_entry { margin: 20px 0px 5px; width:
553px; } .chartbusters_thumbnail { margin-top: 2px; float: left; }
.chartbusters_thumbnail img { border: 1px solid #978f8d; }
.chartbusters_details { float: right; width: 450px; }
.chartbusters_details p { margin: 1px 0px 10px; } #chartbusters
.link-more { text-transform: lowercase; } #chartbusters .link-more a {
color: #ffa329; } #chartbusters .link-more a:hover { color: #d88a23; }
/* My Music Shop */ #musicshop { margin: 10px 1px 2px; width: 553px; }
#musicshop h2 { width: 116px; height: 20px; background:
url('https://img.webme.com/pic/k/koddeniyelim/musicshop_title.gif')
no-repeat 0px 0px; } #musicshop .link-more { text-transform: lowercase; }
#musicshop .link-more a { color: #a9c60f; } #musicshop .link-more
a:hover { color: #89a207; } /* Page Footer */ #page_footer { margin:
10px 61px 10px; color: #fff; font-family: tahoma, arial, sans-serif;
font-size: 11px; text-align: center; } #page_footer a { color: #fff; }
#page_footer a:hover { color: #ceced0; }

TASARIM ÜSTÜ

<div id="wrapper"> <div id="inner"> <div
id="header"> <h1><img
src="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/logo.gif"
_fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/logo.gif"
width="519" height="63" alt="Online Movie Store" /></h1>
<div id="nav"> <a href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">HOME</a> | <a
href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">view cart</a> | <a
href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">help</a> </div>
 <a href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/"><img
src="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/header_1.jpg"
_fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/header_1.jpg"
width="744" height="145" alt="Harry Potter cd" /></a> <a
href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/"><img
src="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/header_2.jpg"
_fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/header_2.jpg"
width="745" height="48" alt="" /></a> </div>  <dl id="browse"> <dt>Full Category
Lists</dt> <dd class="first"><a
href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">Action &
Adventure</a></dd> <dd><a
href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">Anime &
Manga</a></dd> <dd><a
href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">Art House &
International</a></dd> <dd><a
href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">Classics</a></dd>
<dd><a href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">Comedy</a></dd>
<dd><a href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">Cult
Movies</a></dd> <dd><a
href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">Drama</a></dd>
<dd><a href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">New & Future
Releases</a></dd> <dd><a
href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">Horror</a></dd>
<dd><a href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">Musicals</a></dd>
<dd><a href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">Mystery &
Suspense</a></dd> <dd><a
href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">Science Fiction &
Fantasy</a></dd> <dd class="last"><a
href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">Westerns</a></dd>
<dt>Search Your Favourite Movie</dt> <dd
class="searchform"> <form action="http://www.free-css.com/"
method="get"> <div> <select name="cat"> <option
value="-" selected="selected">CATEGORIES</option> <option
value="-">------------</option> </select> </div>
<div> <input name="q" type="text" value="DVD TITLE"
class="text" /> </div> <div class="softright"> <input
type="image"
src="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/btn_search.gif"
/> </div> </form> </dd> </dl> <div
id="body"> <div class="inner"> <div class="leftbox">

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;}
body { font-family: tahoma, helvetica, arial, sans-serif; font-size:
10px; text-align: center; background:
url(http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/page_bg.gif);
} html, body, #wrapper, h1 { margin: 0; padding: 0; } th, td {
font-size: 10px; } img { border: 0; } #wrapper { margin: auto;
text-align: left; width: 748px; position: relative; } h1, h2, h3 {
font-size: 10px; } h1 { margin: 0; padding: 0; } h2 { margin: 0 0 5px 0;
padding: 0; } h3 { padding: 4px 0 0 0; } .block { display: block; }
.clear { clear: both; height: 2px; padding-top: 0; margin-top: 0;
margin-bottom: 3px; font-size: 1px; } .left { float: left; margin: 1px
8px 0px 0px; } .softright { text-align: right; } .readmore { text-align:
right; } /* ***** */ #inner { border-left: 2px solid #fff;
border-right: 2px solid #fff; background: white; color: black;
margin-bottom: 10px; } #header { background:
url(http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/header_bg.gif)
repeat-x; padding-top: 9px; position: relative; } #header img {
display: block; } #nav { position: absolute; left: 550px; top: 40px;
width: 200px; } #nav, #nav a { color: white; font-weight: bold;
text-decoration: none; } #nav a:hover { text-decoration: underline; }
#browse { float: left; width: 195px; margin: 0; padding: 0; background:
white; border-bottom: 2px solid white; } #browse dt { background:
#c80000
url(http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/dt_bg.gif)
bottom repeat-x; color: #fff; margin: 2px 2px 1px 2px; padding: 6px 0;
text-align: center; font-weight: bold; } #browse dd { background:
#227293; border-bottom: 1px solid #659db4; padding: 0; margin: 0 2px; }
#browse dd a { color: white; font-weight: bold; text-decoration: none;
display: block; padding: 3px 22px; } * html #browse dd { padding: 3px
22px; padding: 0; } * html #browse dd a { display: inline; display:
block; } #browse dd a:hover { background: #74a7b7; } #browse .first {
padding-top: 10px; } #browse .last { padding-bottom: 8px; border-bottom:
1px solid white; } #browse .searchform { padding: 10px; } #browse
.text, #browse select { width: 160px; } #browse form { margin: 0;
padding: 0; } #browse form div { padding-bottom: 8px; width: 165px; }
#body { float: right; width: 543px; margin: 2px 1px 0 0; border: 1px
solid #e5e5e5; position: relative; } #body p { margin: 1em 0; padding:
0; } #body .leftbox, #body .rightbox { margin-top: 5px; color: #464646; }
#body .leftbox { float: left; width: 250px; } #body .rightbox { float:
right; width: 252px; margin-right: 18px; border-left: 1px solid #e5e5e5;
} * html #body .rightbox { margin-right: 10px; } #body .br {
border-bottom: 1px solid #e5e5e5; } #body .readmore { margin-top:
-0.5em; margin-bottom: 0; padding-bottom: 0; } #body .readmore a {
color: #ad1c1c; } #body .readmore a:hover { color: #f73838; } #body h3 {
text-align: center; font-family: "Keble Condensed", "KebleCondensed",
"arial narrow", helvetica, arial, sans-serif; font-size: 15px;
font-weight: normal; color: #5d5d5d; padding: 0 0 0 18px; margin: 1px 0
3px 0; } #footer { background: #c80000
url(http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/footer_bg.gif)
repeat-x; padding: 8px 8px 5px 8px; position: relative; text-align:
center; border-bottom: 2px solid white; } #footer, #footer a {
font-weight: bold; color: white; text-decoration: none; } #footnav {
position: absolute; text-align: right; right: 10px; top: 0px; padding:
8px 0 5px 0; }

TASARIM ÜSTÜ

TASARIM ALTI

<br /> <br /> </div> <div id="news">
<h3>Latest News</h3> <div class="newsitem"> <a
href="http://www.templatebeauty.com"
_fcksavedurl="http://www.templatebeauty.com"><img
src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo1.jpg"
_fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo1.jpg"
alt="Photo 1" border="0" /></a>
<span>10.11.2006</span> <p>If you're looking for
beautiful and professionally made templates you can find them at
Template Beauty.com.</p> </div> <div class="newsitem">
<a href="http://www.justwebtemplates.com"
_fcksavedurl="http://www.justwebtemplates.com"><img
src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo2.jpg"
_fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo2.jpg"
alt="Photo 2" border="0" /></a>
<span>10.11.2006</span> <p>Even more websites all
about website templates on Just Web Templates.</p> </div>
<div class="clear"></div> </div> <div id="dj">
<a href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/"><img
src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/bestdjs.jpg"
_fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/bestdjs.jpg"
alt="Best DJ's" border="0" /></a> <a
href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/"><img
src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/specialoffer.jpg"
_fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/specialoffer.jpg"
alt="special offer" border="0" /></a> <div
class="clear"></div> </div> <div id="footer">
copyright information 2006.All rights reserved. | designed 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;}
body { color: #97b15e; font-family: Arial, Helvetica, sans-serif;
font-size: 12px; margin: 0px; padding: 0px; background-color:#051c00; }
.clear{clear:both;} * {margin: 0px;padding: 0px;} #container { margin: 0
auto; text-align: left; width: 767px; } a{color:#80ba04;}
a:hover{color:#b7fb24;} /********************** Header
***************************/ #header {
background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/header.jpg);
width:767px; height:404px; position:relative; } #header ul{
position:absolute; top:367px; left:100px; } #header li{ display:block;
float:left; width:97px; } #header ul a{ color:#aefa0d;
text-decoration:none; font-family: Arial, Helvetica, sans-serif;
font-size: 14px; font-weight: 900; text-transform: capitalize; } #header
ul a:hover{color:#97b15e;} /********************** Welcome
***************************/ #welcome {
background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/dj.gif);
background-repeat: no-repeat; background-position: right top; }
#welcome h3{ margin: 10px 10px 10px 110px; font-family: Arial,
Helvetica, sans-serif; font-size: 20px; font-weight: bolder;
text-transform: uppercase; color: #7eae19;} #welcome p{ margin: 10px
10px 10px 110px;width:416px;} #welcome a{} /********************** News
***************************/ #news {
background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/line.jpg);
background-repeat: no-repeat; background-position: left top; padding:
10px 10px 10px 110px; } #news h3{ margin: 20px 10px 15px 0px;
font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight:
bolder; text-transform: uppercase; color: #7eae19; }
.newsitem{float:left;width:275px; display:inline;} .newsitem a{}
.newsitem img{float:left;margin-right:10px;} .newsitem span{
color:#97b15e; font-size: 9px; font-weight: 900; } .newsitem p{margin:
10px 10px 15px 10px;} /********************** Best DJ's
***************************/ #dj {
background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/line.jpg);
background-repeat: no-repeat; background-position: left top; padding:
30px 0px 0px 110px; } #dj img{border:0px;} #dj a{border:0px;float:left;}
#dj a:hover{} /********************** Footer
***************************/ #footer {
background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/line.jpg);
background-repeat: no-repeat; background-position: left top; padding:
10px 10px 10px 110px; text-align:center; }

TASARIM ÜSTÜ

<div id="container">   <div id="content">
<h1 id="site-title"><a href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">KAYNAKKODUM.TR.GG</a></h1>
<p id="site-description">another trash style website
template</p>      <h1 class="decay"><a
href="http://www.kaynakkodum.tr.gg"
_fcksavedurl="http://www.kaynakkodum.tr.gg">KAYNAK KODUM CSS
TASARIMLAR</a></h1>               <div
class="clearer"><span></span></div>
</div>   </div>   <div id="navigation">     <h2
class="decay">Something</h2>     <ul>
<li><a href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">sociis
natoque</a></li>        <li><a
href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">semper</a></li>
<li><a href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">convallis</a></li>
</ul>     <h2 class="decay">Another thing</h2>
<ul>       <li><a href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">consequat
molestie</a></li>       <li><a
href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">sem
justo</a></li>        <li><a
href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">semper</a></li>
<li><a href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">sociis
natoque</a></li>     </ul>     <h2
class="decay">Third and last</h2>     <ul>
<li><a href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">sociis
natoque</a></li>       <li><a
href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">magna sed
purus</a></li>        <li><a
href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">tincidunt</a></li>
<li><a href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">consequat
molestie</a></li>     </ul>

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;}
,/*############################################################# Name:
Decayed Date: 2007-05-12 Description: A dark trash style two-column
website template. Wordpress theme version available at
http://templates.arcsin.se/decayed-wordpress-theme/. Author: Viktor
Persson URL: http://templates.arcsin.se  Feel free to use and modify but
please provide credits.
#############################################################*/  /*
standard elements */ html {min-height: 100%;}  * { 	margin: 0; 	padding:
0; }  a {color: #CC3;} a:hover {color: #FF3;}  body { 	background: #000
url('http://www.hizliupload.com/img/390892body.gif') no-repeat; /*
url(img/bg.jpg) repeat-x; */ 	color: #DDD; 	font: normal 62.5%
"Trebuchet MS",Verdana,sans-serif; 	padding-left: 90px; }  p,code,ul,ol
{padding-bottom: 1.2em;}  h1 { 	color: #CCC; 	font: normal 2em
Impact,sans-serif; } h1 a { 	color: #000; 	text-decoration: none; } h1
a:hover { 	color: #F00; }  h2 {font: normal 1.8em Tahoma,sans-serif;}
h1,h2 {padding-top: 6px;}  blockquote { 	color: #CCA; 	display: block;
font-weight: bold; 	padding-left: 28px; }  img {border: none;}
img.right {margin: 5px 0 5px 12px;} img.left {margin: 5px 12px 5px 0;}
img.border { 	background: #555; 	display: block; 	padding: 3px; }  /*
misc */ .clearer { 	clear: both; 	font-size: 0; }  .left {float: left;}
.right {float: right;}  .decay,.decay-small { 	background:
url('http://www.hizliupload.com/img/96872decay.gif') no-repeat left
center; 	color: #000; 	font: normal 2em Impact,sans-serif;
letter-spacing: 1px; 	padding: 0 0 12px 22px; } .decay-small {
background: url('http://www.hizliupload.com/img/809522decay-small.gif')
no-repeat left center; 	padding-top: 6px; }  p.postinfo { 	border-top:
1px dashed #333; 	color: #666; 	font: bold 0.9em sans-serif;
margin-bottom: 24px; 	padding: 8px; } p.postinfo a {color: #888;}
p.postinfo a:hover {color: #CCC;}  /* structure */ #container {
font-size: 1.3em; }  /* title */ #site-title {font: normal 3em
Tahoma,sans-serif;} #site-title a { 	color: #DDD; 	text-decoration:
line-through; } #site-title a:hover { 	color: #FFF; 	text-decoration:
none; } #site-description {color: #CCC;}  /* content */ #content {
left: 360px; 	position: absolute; 	top: 90px; 	width: 610px; } #content
.descr { 	color: #8DC63F; 	margin-bottom: 6px; } #content li
{margin-left: 18px;}  /* navigation */ #navigation { 	left: 120px;
position: absolute; 	top: 290px; 	width: 210px; } #navigation h2 {
color: #000; 	font-size: 1.5em; 	letter-spacing: 0; 	line-height: 30px;
margin: 0; } #navigation ul {margin: 0 0 0 1em;} #navigation li
{list-style: none;} #navigation li a { 	color: #777; 	font-size: 1.1em;
line-height: 1.5em; 	text-decoration: none; } #navigation li a:hover
{color: #8DCA3F;}  /* footer */ #footer { 	border-top: 1px dashed #333;
color: #666; 	font: normal 0.9em sans-serif; 	position: absolute; 	top:
100%; } #footer a { 	color: #999; 	text-decoration: none; } #footer
a:hover { 	color: #CCC; 	text-decoration: underline; } #footer .left,
#footer .right {padding: 10px 0;} #footer .right a {color: #777;}

DİKKAT:MOZİLLADA DÜZGÜN ÇALIŞMASINA RAĞMEN EXPLORERDE TASARIM DÜZGÜN ÇALIŞMIYOR.
TASARIM ÜZERİ

<div id="container">   <div id="menu">
<ul>       <li id="m01"><a
href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">Home</a></li>
<li id="m02"><a href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">Photos</a></li>
<li id="m03"><a href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">Parties</a></li>
<li id="m04"><a href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">Booking</a></li>
<li id="m05"><a href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">Contact</a></li>
</ul>   </div>   <div id="header">      <div
id="logo"> <a href="http://www.hizliupload.com/img/591738logo.gif"
_fcksavedurl="http://www.hizliupload.com/img/591738logo.gif" alt="logo"
border="0" ></a></a> </div>     <div
id="dj"></div>     <div id="welcome">
<h2>Welcome</h2>       <img
src="http://www.hizliupload.com/img/786377welcome.gif"
_fcksavedurl="http://www.hizliupload.com/img/786377welcome.gif"
alt="photo 1" />       <p>We add new <a
href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">free website
templates</a> frequently.</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>       <a class="more"
href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">more</a> </div>
<div class="clear"></div>   </div>   <div
id="middle"></div>   <div id="middle2"></div>
<div id="content">

TASARIM ALTI

<div id="left">       <h2>News events</h2>
<p>This is just a place holder so you can see how the site
would look like.</p>       <p>The template is designed by
<a href="http://www.freewebsitetemplates.com"
_fcksavedurl="http://www.freewebsitetemplates.com">free website
templates</a> for you for free you can replace all the text by
your own text.</p>       <p>Even more websites all about
website templates on <a href="http://www.justwebtemplates.com"
_fcksavedurl="http://www.justwebtemplates.com">Just Web
Templates</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>     </div>     <div id="right">
<h2>Photos</h2>       <a
href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/"><img
src="http://www.hizliupload.com/img/454876photo.jpg"
_fcksavedurl="http://www.hizliupload.com/img/454876photo.jpg" alt="photo
1" /></a> <a href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/"><img
src="images/photo.jpg" _fcksavedurl="images/photo.jpg" alt="photo 2"
/></a> <a href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/"><img
src="images/photo.jpg" _fcksavedurl="images/photo.jpg" alt="photo 3"
/></a> <a href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/"><img
src="images/photo.jpg" _fcksavedurl="images/photo.jpg" alt="photo 4"
/></a> <br />        <br />       <a
class="more" href="http://www.free-css.com/"
_fcksavedurl="http://www.free-css.com/">more photos</a>
</div>     <div class="clear"></div>   </div>
<div id="footer">     <p>Copyright © Website name all rights
reserved. | designed by <a
href="http://www.freewebsitetemplates.com"
_fcksavedurl="http://www.freewebsitetemplates.com">free website
templates</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;}
* { 	margin: 0px; 	padding: 0px; } body { 	padding-top: 0px;
background-color: #01111d; 	color: #FFF; 	font-family: verdana, arial,
sans-serif; 	 	text-align: left; 	letter-spacing: 1px; } a {color:
#FFF;font-size: 14px;} a:hover {color: #01a9c0;} .more{float: left;}
.clear{clear:both;} p{	margin: 20px 0px 20px 0px;line-height:
16px;font-size: 14px;} #container { 	margin: 0px auto; 	width:873px; }
#menu {
background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page4/night-club/images/menu.gif);
width:862px; 	height:90px; 	position:relative; } #menu li{
position:absolute; 	top:50px; 	 	list-style-type: none; } #m01
{left:160px;} #m02 {left:305px;} #m03 {left:450px;} #m04 {left:590px;}
#m05 {left:730px;} #menu a{ 	font-family: verdana, arial, sans-serif;
font-size: 12px; 	font-weight:bolder; 	color:#FFFFFF;
text-decoration:none; 	text-transform: uppercase; } #menu a:hover
{color: #01a9c0;} #header {
background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page4/night-club/images/header.gif);
background-repeat:repeat-y; 	width:873px; } #logo { 	width:240px;
height:46px; 	margin: 0px 0px 0px 80px; 	float:left; 	display:inline; }
#dj {
background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page4/night-club/images/dj.jpg);
width:498px; 	height:405px; 	float:right; 	margin-right:40px;
display:inline; } #welcome { 	width:210px; 	margin: 50px 0px 0px 100px;
float:left; 	display:inline; } #welcome h2{ 	margin: 0px 0px 20px 0px; }
#welcome p{ 	width:200px; } #welcome img{ 	border: solid 3px #FFFFFF; }
#middle {
background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page4/night-club/images/middle.gif);
width:873px; 	height:21px; } #middle2 {
background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page4/night-club/images/middle2.gif);
width:873px; 	height:22px; } #content {
background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page4/night-club/images/content.gif);
width:873px; } #left { 	float:left; 	width:435px; 	margin: 0px 0px 0px
85px; 	display:inline; } #right { 	float:right; 	width:258px;
height:auto; 	margin: 0px 62px 20px 0px; 	display:inline; } #right a
img{ 	margin: 8px 8px 8px 0px; 	border: none 0px #FFFFFF; } #footer {
background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page4/night-club/images/footer.gif);
background-repeat:no-repeat; 	width:873px; } #footer p{ 	height:58px;
width:873px; 	text-align:center; 	margin: 0px 0px 0px 0px; 	padding:
30px 0px 0px 0px; 	font-size:11px; } #footer a{ 	font-size:11px; }

TASARIM ÜSTÜ

<div id="paper_left"> <div id="paper_right">
<div id="layout_wrapper"> <div id="layout_container">
<div id="layout_content">  	<div id="site_title">
<h1><a href="#" _fcksavedurl="#">Grunge
Superstar</a></h1> 		<h2>A dirty, monochrome,
single-column website template.</h2> 	</div>  	<div
id="header_image"></div>  	<div class="navigation">
<ul> 			<li class="current_page_item"><a
href="index.html" _fcksavedurl="index.html">Posts
page</a></li> 			<li><a href="comments.html"
_fcksavedurl="comments.html">Post comments</a></li>
<li><a href="page.html" _fcksavedurl="page.html">Sample test
page</a></li> 			<li><a href="archives.html"
_fcksavedurl="archives.html">Archives</a></li>
<li><a href="empty.html" _fcksavedurl="empty.html">Empty
page</a></li>			 		</ul>  		<div
class="clearer"> </div>  	</div>  
<div id="main"> 		 		<div class="post">  			<div
class="post_top"> 				<div class="post_title"><h2><a
href="#" _fcksavedurl="#">HackeR
FrienD.Net</a></h2></div> 				<div
class="post_date">Jun 13, 2006 by Vulputate</div>
</div>  			<div class="post_body">

TASARIM ALTI

</div>  			<div class="post_metadata"> 				<div
class="content"> Buraya "Bilgi Gt0072002c
Paylaştıka0020By007200210022 gibi sitenizin sloganını  ekleyebilirsiniz.
</div> 			</div>  		</div> 	</div>
<div id="bottom">  		<div class="left col3">
<h2>Tincidunt</h2> 			<ul> 				<li><a
href="index.html" _fcksavedurl="index.html">consequat
molestie</a></li> 				<li><a href="index.html"
_fcksavedurl="index.html">sem justo</a></li>
<li><a href="index.html"
_fcksavedurl="index.html">semper</a></li>
<li><a href="index.html" _fcksavedurl="index.html">magna sed
purus</a></li> 				<li><a href="index.html"
_fcksavedurl="index.html">tincidunt</a></li>
</ul>  		</div>  		<div class="left col3">
<h2>Sed purus</h2>  			<ul> 				<li><a
href="index.html" _fcksavedurl="index.html">sem
justo</a></li> 				<li><a href="index.html"
_fcksavedurl="index.html">magna sed purus</a></li>
<li><a href="index.html"
_fcksavedurl="index.html">tincidunt</a></li>
<li><a href="index.html"
_fcksavedurl="index.html">semper</a></li>
<li><a href="index.html" _fcksavedurl="index.html">consequat
molestie</a></li> 			</ul>  		</div>  		<div
class="right col3last">  			<h2>Praesent</h2>
<ul> 				<li><a href="index.html"
_fcksavedurl="index.html">semper</a></li>
<li><a href="index.html" _fcksavedurl="index.html">consequat
molestie</a></li>				 				<li><a href="index.html"
_fcksavedurl="index.html">magna sed purus</a></li>
<li><a href="index.html" _fcksavedurl="index.html">sem
justo</a></li> 				<li><a href="index.html"
_fcksavedurl="index.html">tincidunt</a></li>
</ul>  		</div>  		<div class="clearer"> </div>
</div>  	<div id="footer">  		<div class="left">©
2008 Website name</div>  		<div class="right">Design by
<a href="http://arcsin.se/"
_fcksavedurl="http://arcsin.se/">Arcsin</a> <a
href="http://templates.arcsin.se/"
_fcksavedurl="http://templates.arcsin.se/">Web
Templates</a></div>  		<div
class="clearer"> </div>  	</div>  </div>
</div> </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 { 	font-size: 62.5%; /* reset 1em to 10px */ 	height: 100%; }  body
{ 	background: #444
url('http://www.freelayouts.com/preview/6458/img/body.jpg'); 	color:
#444; 	font: normal 1.2em Verdana,Arial,sans-serif; 	height: 100%;
padding-bottom: 1px; /* force scrollbars */ }  small,.small {font-size:
0.9em;}  a { 	color: #EEC; 	text-decoration: none; } a:hover { 	color:
#FFA; 	text-decoration: underline; }  p {padding: 0.2em 0 1.2em;}
blockquote, code { 	background: #4A4A4A; 	border: 1px solid #333;
color: #BBB; 	display: block; 	margin-bottom: 12px; } code { 	font:
normal 0.9em Verdana,sans-serif; 	line-height: 1.5em; 	padding: 8px
14px; } blockquote { 	background: #4A4A4A
url('http://www.freelayouts.com/preview/6458/img/quote.gif') no-repeat
left top; 	padding: 6px 14px 6px 44px; } blockquote p {padding: 0.5em
0;}     h1 {font: normal 2em Georgia,sans-serif;} h2 {font: normal 1.6em
Georgia,sans-serif;} h3 {font: normal 1.4em Georgia,sans-serif;} h4
{font: bold 1em Georgia,sans-serif;}  h1, h2, h3, h4 {margin-bottom:
5px;}    #paper_left { 	background:
url('http://www.freelayouts.com/preview/6458/img/paper_left.gif')
no-repeat left top; 	margin: 0 auto; 	padding-bottom: 34px; 	width:
778px; } #paper_right { 	background:
url('http://www.freelayouts.com/preview/6458/img/paper_right.gif')
no-repeat right bottom; }  #layout_wrapper { 	background: #50504A
url('http://www.freelayouts.com/preview/6458/img/grain_dark.gif');
margin: 0 auto; 	width: 736px; } #layout_container {padding: 8px;}
#layout_content {border: 1px solid #333;}  #header_image { 	height:
160px; 	background: #222
url('http://www.freelayouts.com/preview/6458/img/header.jpg') no-repeat;
border-bottom: 1px solid #222; 	border-top: 1px solid #111; }
#site_title { 	background: #222; 	padding: 12px 20px; } #site_title h1 	{
color: #EED; 	font: normal 2em Georgia,sans-serif; 	margin: 0 0 5px; }
#site_title h2 { 	color: #BFBFB6; 	font: normal 1.1em sans-serif;
margin: 0; }    .navigation { 	background: #353535
url('http://www.freelayouts.com/preview/6458/img/navigation.jpg')
repeat-x; 	border-bottom: 1px solid #222; 	border-top: 1px solid #555; }
.navigation ul {display: inline; margin: 0;} .navigation ul li {
border-right: 1px solid #303030; 	float: left; 	list-style: none; }
.navigation a { 	color: #AAA; 	display: block; 	font: bold 1em
Verdana,sans-serif; 	padding: 12px 14px; 	text-decoration: none; }
.navigation a:hover { 	background: #444; 	color: #E5E5D5;
text-decoration: none; } .navigation li.current_page_item a {
background: none; 	color: #EEE; }  /* Sub navigation */ #subnav a {
padding: 10px; 	font-size: 0.9em; }     #main { 	background: #4A4A4A;
color: #CCC; }   #bottom { 	background: #222; 	border-bottom: 1px solid
#1A1A1A; 	border-top: 1px solid #2A2A2A; 	color: #AAA; 	padding: 16px; }
#bottom ul li { 	border-bottom: 1px solid #303030; } #bottom ul li a {
color: #777; 	display: block; 	padding: 4px 6px; } #bottom ul li
a:hover { 	background: #2A2A2A; 	color: #FFC; 	text-decoration: none; }
/* Tag cloud */ #tag_cloud a {color: #777;} #tag_cloud a:hover {color:
#FFC;}    #footer { 	background: #2A2A2A; 	border-bottom: 1px solid
#1A1A1A; 	border-top: 1px solid #333; 	color: #888; 	font-size: 0.9em;
padding: 10px 12px; } #footer a {color: #AAA;} #footer .right,#footer
.right a {color: #555;} #footer a:hover {color: #BBB;}    .left {float:
left;} .right {float: right;} .clear,.clearer {clear: both;}
.clearer,.block { 	display: block; 	line-height: 0; 	font-size: 0; }
.clearer {height: 0;}      .col3, .col3last {width: 31%; margin-right:
3%;} .col3last {margin-right: 0;}   img.bordered {padding: 3px;
background: #666;}  / .tleft {text-align: left;} .tcenter {text-align:
center;} .tright {text-align: right;} .vtop {vertical-align: top;}
span.comment {background:
url('http://www.freelayouts.com/preview/6458/img/icon_comment.gif')
no-repeat left center; padding-left: 18px;}   .label { 	background: #222
url('http://www.freelayouts.com/preview/6458/img/post_top.gif')
repeat-x left top; 	border-bottom: 2px solid #555; 	color: #BBB;
margin: 0; 	padding: 0.5em 0.8em 0.6em; }  /* Margin, padding, width,
height */ .ptb10 {padding: 10px 0;}    .post { 	background: #363636;
border-bottom: 1px solid #111; } .post_top { 	background: #222
url('http://www.freelayouts.com/preview/6458/img/post_top.gif') repeat-x
left top; 	border-bottom: 4px solid #777; 	border-top: 1px solid
#3A3A3A; 	padding: 10px 16px 13px; } .post_title h2 { 	font-size: 2em;
margin: 0; 	padding: 0; } .post_body { 	background:
url('http://www.freelayouts.com/preview/6458/img/post_body.jpg')
no-repeat left top; 	border-top: 1px solid #333; 	padding: 16px 16px 0; }
.post_metadata {padding: 10px;} .post_metadata .content { 	background:
#424242; 	color: #999; 	font-size: 0.9em; 	padding: 10px 12px; }
.post_metadata a {color: #BBB;} .post_metadata a:hover {color: #DDD;}
.post_body ul, .post_body ol {margin: 0 0 1em 1.5em;} .post_body ul
{list-style: disc;} .post_body ol {list-style: decimal;}     form
{margin: 0; padding: 0;}   table.search { 	border-collapse: collapse;
width: 250px; } table.search td {vertical-align: top;}
.comment_gravatar {width: 48px;} .comment_gravatar img { 	background:
#666; 	border: 1px solid #444; 	padding: 2px; } .comment_author {
color: #EEE; 	padding-top: 2px; }   .nicelist {padding: 0;} .nicelist ol
{margin: 0;} .nicelist ol li { 	border-bottom: 1px solid #333;
border-top: 1px solid #505050; 	list-style: none; 	padding: 8px 10px
1px; } .nicelist ol li:first-child {border-top: none;} .nicelist li.alt
{background: #444;} .nicelist .body {padding-top: 5px;} .nicelist .date {
color: #999; 	font-size: 0.9em; 	padding-top: 4px; } .nicelist .date a
{ 	color: #BBB; 	text-decoration: none; } .nicelist .date a:hover
{text-decoration: underline;}   /  .archive_title {font: normal 1.4em
sans-serif;} .archive_title a {text-decoration: none;} .archive_title
a:hover {text-decoration: underline;} .archive_postinfo {padding-bottom:
6px;}     .pagenavigation { 	background: #555; 	border-top: 1px solid
#444; 	font-size: 0.9em; 	padding: 7px 8px 9px; } .pagenavigation a {
color: #CCC; 	text-decoration: none; } .pagenavigation a:hover { 	color:
#FFF; 	text-decoration: underline; }

TASARIM ÜSTÜ

TASARIM ALTI

</div>  				 			</div>
<div class="navigation"> 			<div
class="alignleft"></div> 			<div
class="alignright"></div> 		</div>  	 	</div>
<div id="sidebar"> 		<ul> 						<li> 				<form
method="get" id="searchform" action="http://testrun.wptr.net/">
<div><input value="" name="s" id="s" type="text"> <input
id="searchsubmit" value="Ara" type="submit"> </div>
</form> 			</li>  			  			 			<li
class="pagenav"><h3>Sayfalar</h3><ul><li
class="page_item page-item-2"><a
href="http://testrun.wptr.net/?page_id=2"
_fcksavedurl="http://testrun.wptr.net/?page_id=2"
title="Hakkında">Hakkında</a></li> </ul></li>
<li><h3>Arşiv</h3> 				<ul>
<li><a href="http://testrun.wptr.net/?m=200804"
_fcksavedurl="http://testrun.wptr.net/?m=200804" title="Nisan
2008">Nisan 2008</a></li> 				</ul> 			</li>
<li
class="categories"><h3>Kategoriler</h3><ul>	<li
class="cat-item cat-item-1"><a
href="http://testrun.wptr.net/?cat=1"
_fcksavedurl="http://testrun.wptr.net/?cat=1" title="Kategorilenmemiş
kategorisi altındaki tüm yazıları göster">Kategorilenmemiş</a>
(1) </li> 	<li class="cat-item cat-item-3"><a
href="http://testrun.wptr.net/?cat=3"
_fcksavedurl="http://testrun.wptr.net/?cat=3" title="Öykü kategorisi
altındaki tüm yazıları göster">Öykü</a> (1) </li>
</ul></li> 							<li id="linkcat-2"
class="linkcat"><h3>Bağlantılar</h3> 	<ul>
<li><a href="http://dir.wptr.net/"
_fcksavedurl="http://dir.wptr.net/">Blog Dizini</a></li>
<li><a href="http://forum.wptr.net/"
_fcksavedurl="http://forum.wptr.net/">Destek
Forumu</a></li> <li><a
href="http://codex.wordpress.org/"
_fcksavedurl="http://codex.wordpress.org/">İngilizce
Belgeler</a></li> <li><a
href="http://www.wordpress-tr.com/kaynaklar/"
_fcksavedurl="http://www.wordpress-tr.com/kaynaklar/">Kaynaklar</a></li>
<li><a href="http://www.wptr.net/"
_fcksavedurl="http://www.wptr.net/">WordPress
Temaları</a></li> <li><a
href="http://www.wordpress-tr.com/"
_fcksavedurl="http://www.wordpress-tr.com/">WordPress
Türkiye</a></li> <li><a
href="http://wordpress.org/"
_fcksavedurl="http://wordpress.org/">WordPress.org</a></li>
</ul> </li>
<li><h3>Meta</h3> 				<ul>
<li><a href="http://testrun.wptr.net/wp-login.php"
_fcksavedurl="http://testrun.wptr.net/wp-login.php">Giriş</a></li>
<li><a href="http://validator.w3.org/check/referer"
_fcksavedurl="http://validator.w3.org/check/referer" title="Bu sayfa
XHTML 1.0 Transitional olarak geçerlidir">Geçerli <abbr
title="eXtensible HyperText Markup
Language">XHTML</abbr></a></li>
<li><a href="http://gmpg.org/xfn/"
_fcksavedurl="http://gmpg.org/xfn/"><abbr title="XHTML Friends
Network">XFN</abbr></a></li> 					<li><a
href="http://wordpress.org/" _fcksavedurl="http://wordpress.org/"
title="Altyapı WordPress, kişisel yayımlama
platformu.">WordPress</a></li> 									</ul>
</li> 			 					</ul> 	</div>   <hr> <div
id="footer">  	<p> 		Wptr.Net - WordPress
Önizleme, 		<a href="http://www.nursohbet.net/"
_fcksavedurl="http://www.nursohbet.net/">Nur Sohbet</a> Teması
<a href="http://www.wordpress.org/"
_fcksavedurl="http://www.wordpress.org/">WordPress</a> - <a
href="http://www.wptr.net/"
_fcksavedurl="http://www.wptr.net/">Wptr</a> üzerine
kurulmuştur. <br> 		<a
href="http://testrun.wptr.net/?feed=rss2"
_fcksavedurl="http://testrun.wptr.net/?feed=rss2">Yazılar
(RSS)</a> 		ve <a
href="http://testrun.wptr.net/?feed=comments-rss2"
_fcksavedurl="http://testrun.wptr.net/?feed=comments-rss2">Yorumlar
(RSS)</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;}
/* Theme Name: Nur Sohbet Theme URI: http://www.nursohbet.net/
Description: En Populer Turkce WordPress temasi <a
href="http://www.nursohbet.net/blog/"
_fcksavedurl="http://www.nursohbet.net/blog/">Nur Sohbet</a>
temasidir.. Version: 1.6 Author: Tahir Dinc Author URI:
http://www.mavihayat.net/ Tags: widgets, two columns, simple, white,
red, clean  	Nur Sohbet v1 	 http://www.nursohbet.net/blog/  	Bu tema by
Tahir Dinc tarafından tasarlanmıştır. 	Yazarın blog adresi:
http://www.ispanyol.net/  	CSS, XHTML ve tasarım GPL lisansına sahiptir:
http://www.opensource.org/licenses/gpl-license.php  */    /* Begin
Typography & Colors */ body { 	font-size: 62.5%; /* Resets 1em to
10px */ 	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #CD3333 ; 	color: #333; 	text-align: center; 	}  #pages {
background-color: #CD3333; 	border: 1px solid #959596; 	text-align:
left; 	}  #header1 { 	background: #CD3333
url('http://testrun.wptr.net/wp-content/themes/nursohbet/images/kubrickheader.jpg')
no-repeat bottom center; 	}  /* menu */ #menu { width:520px;
margin:auto; overflow:hidden; height:18px; font:normal 8pt Georgia,
"Times New Roman", Times, serif; text-transform:lowercase; } 	#menu ul {
list-style:none; margin:0px 0px 0px 10px; padding:0px; overflow:hidden;
} 		#menu li { float:left; padding:0px; } 		#menu li a { display:block;
background-color:#CD3333; padding:2px 5px 2px 5px; margin:0px 5px 0px
0px; text-align:center; color:#FFFFFF; } 		#menu li a:hover {
color:#333333; text-decoration:none; } 		#menu li.current_page_item a {
background-color:#333333; } 		#menu li.current_page_item a:hover {
color:#CD3333; text-decoration:none;  	}  #headerimg 	{ 	margin: 7px 9px
0; 	height: 192px; 	width: 740px; 	}  #conttent { 	font-size: 1.2em 	}
.widecolumn .entry p { 	font-size: 1.05em; 	}  .narrowcolumn .entry,
.widecolumn .entry { 	line-height: 1.4em; 	}  .widecolumn {
line-height: 1.6em; 	}  .narrowcolumn .postmetadata { 	text-align:
center; 	}  .alt { 	background-color: #f8f8f8; 	border-top: 1px solid
#ddd; 	border-bottom: 1px solid #ddd; 	}  #footer { 	background: #eee
url('http://testrun.wptr.net/wp-content/themes/nursohbet/images/kubrickfooter.jpg')
no-repeat top; 	border: none; 	}  small { 	font-family: Arial,
Helvetica, Sans-Serif; 	font-size: 0.9em; 	line-height: 1.5em; 	}  h1,
h3, h4 { 	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial,
Sans-Serif; 	font-weight: bold; 	}  h1 { 	font-size: 4em; 	text-align:
center; 	}  #headerimg .description { 	font-size: 1.2em; 	text-align:
center; 	}  h3 { 	font-size: 1.6em; 	}  h3.pagetitle { 	font-size:
1.6em; 	}  #sidebar h3 { 	font-family: 'Lucida Grande', Verdana,
Sans-Serif; 	font-size: 1.2em; 	}  h4 { 	font-size: 1.3em; 	}  h1, h1 a,
h1 a:hover, h1 a:visited, #headerimg .description { 	text-decoration:
none; 	color: #C26D2C; 	}  h3, h3 a, h3 a:visited, h4, h4 a, h4
a:visited { 	color: #333; 	}  h3, h3 a, h3 a:hover, h3 a:visited, h4, h4
a, h4 a:hover, h4 a:visited, #sidebar h3, #wp-calendar caption, cite {
text-decoration: none; 	}  .entry p a:visited { 	color: #b85b5a; 	}
.commentlist li, #commentform input, #commentform textarea { 	font:
0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; 	}  .commentlist li {
font-weight: bold; 	}  .commentlist li .avatar {  	float: right;
border: 1px solid #eee; 	padding: 2px; 	background: #fff; 	}
.commentlist cite, .commentlist cite a { 	font-weight: bold;
font-style: normal; 	font-size: 1.1em; 	}  .commentlist p {
font-weight: normal; 	line-height: 1.5em; 	text-transform: none; 	}
#commentform p { 	font-family: 'Lucida Grande', Verdana, Arial,
Sans-Serif; 	}  .commentmetadata { 	font-weight: normal; 	}  #sidebar {
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; 	}  small,
#sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata,
blockquote, strike { 	color: #777; 	}  code { 	font: 1.1em 'Courier
New', Courier, Fixed; 	}  acronym, abbr, span.caps { 	font-size: 0.9em;
letter-spacing: .07em; 	}  a, h3 a:hover, h4 a:hover { 	color: #b85b5a;
text-decoration: none; 	}  a:hover { 	color: #147; 	text-decoration:
underline; 	}  #wp-calendar #prev a, #wp-calendar #next a { 	font-size:
9pt; 	}  #wp-calendar a { 	text-decoration: none; 	}  #wp-calendar
caption { 	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center; 	}  #wp-calendar th { 	font-style: normal;
text-transform: capitalize; 	} /* End Typography & Colors */    /*
Begin Structure */ body { 	margin: 0 0 20px 0; 	padding: 0; 	}  #pages {
background-color: white; 	margin: 20px auto; 	padding: 0; 	width:
790px; 	border: 1px solid #959596; 	}  #header { 	background-color:
#73a0c5; 	margin: 0 0 0 1px; 	padding: 0; 	height: 200px; 	width: 790px;
}  #headerimg { 	margin: 0; 	height: 200px; 	width: 100%; 	}
.narrowcolumn { 	float: right; 	padding: 0 0 0 5px; 	margin: 0 20px 0;
width: 550px; 	}  .widecolumn { 	float: right; 	padding: 0 0 0 5px;
margin: 0 20px 0; 	width: 550px; 	}  .post { 	margin: 0 0 40px;
text-align: justify; 	}  .post hr { 	display: block; 	}  .widecolumn
.post { 	margin: 0; 	}  .narrowcolumn .postmetadata { 	padding-top: 5px;
}  .widecolumn .postmetadata { 	margin: 30px 0; 	}  .widecolumn
.smallattachment { 	text-align: center; 	float: left; 	width: 128px;
margin: 5px 5px 5px 0px; }  .widecolumn .attachment { 	text-align:
center; 	margin: 5px 0px; }  .postmetadata { 	clear: left; }  .clear {
clear: both; }  #footer { 	padding: 0; 	margin: 0 auto; 	width: 800px;
clear: both; 	}  #footer p { 	margin: 0; 	padding: 20px 0; 	text-align:
center; 	} /* End Structure */    /*	Begin Headers */ h1 { 	padding-top:
70px; 	margin: 0; 	}  h3 { 	margin: 30px 0 0; 	}  h3.pagetitle {
margin-top: 30px; 	text-align: center; }  #sidebar h3 { 	margin: 5px 0
0; 	padding: 0; 	}  h4 { 	padding: 0; 	margin: 30px 0 0; 	}  h4.comments
{ 	padding: 0; 	margin: 40px auto 20px ; 	} /* End Headers */    /*
Begin Images */ p img { 	padding: 0; 	max-width: 100%; 	}  /*	Using
'class="alignright"' on an image will (who would've 	thought?!) align
the image to the right. And using 'class="centered', 	will of course
center the image. This is much better than using 	align="center", being
much more futureproof (and valid) */  img.centered { 	display: block;
margin-left: auto; 	margin-right: auto; 	}  img.alignright { 	padding:
4px; 	margin: 0 0 2px 7px; 	display: inline; 	}  img.alignleft {
padding: 4px; 	margin: 0 7px 2px 0; 	display: inline; 	}  .alignright {
float: right; 	}  .alignleft { 	float: left 	} /* End Images */    /*
Begin Lists  	Special stylized non-IE bullets 	Do not work in Internet
Explorer, which merely default to normal bullets. */  html>body
.entry ul { 	margin-left: 0px; 	padding: 0 0 0 30px; 	list-style: none;
padding-left: 10px; 	text-indent: -10px; 	}  html>body .entry li {
margin: 7px 0 8px 10px; 	}  .entry ul li:before, #sidebar ul ul
li:before { 	content: "0BB 020"; 	}  .entry ol { 	padding: 0 0 0 35px;
margin: 0; 	}  .entry ol li { 	margin: 0; 	padding: 0; 	}  .postmetadata
ul, .postmetadata li { 	display: inline; 	list-style-type: none;
list-style-image: none; 	}  #sidebar ul, #sidebar ul ol { 	margin: 0;
padding: 0; 	}  #sidebar ul li { 	list-style-type: none;
list-style-image: none; 	margin-bottom: 15px; 	}  #sidebar ul p,
#sidebar ul select { 	margin: 5px 0 8px; 	}  #sidebar ul ul, #sidebar ul
ol { 	margin: 5px 0 0 10px; 	}  #sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px; 	} 	 #sidebar ul li ul li /* a */ { padding: 5px 0px
5px 20px; display: block; width: 120px; background:
url(http://testrun.wptr.net/wp-content/themes/nursohbet/images/petitrond.gif)
no-repeat 0px 4px; }  ol li, #sidebar ul ol li { 	list-style: decimal
outside; 	} 	 #sidebar ul li h3 { font-size: 18px; color: #474747;
padding-bottom: 9px; font-weight: normal; }  #sidebar ul ul li, #sidebar
ul ol li { 	margin: 3px 0 0; 	padding: 0; 	} /* End Entry Lists */
#subnavbar { 	background: #393939; 	width: 818px; 	height: 24px; 	color:
#FFFFFF; 	margin: 0px auto 0px; 	padding: 0px; 	} 	 #subnav { 	margin:
0px; 	padding: 0px; 	list-style: none; 	} 	 #subnav ul { 	margin: 0px;
padding: 0px; 	list-style: none; 	}  #subnav a { 	color: #FFFFFF;
display: block; 	font-size: 10px;     font-weight: bold;
text-transform: uppercase;     margin: 0px; 	padding: 6px 15px 6px 15px;
} 	 #subnav a:hover { 	background: #FFFFFF; 	color: #CD3333; 	display:
block; 	text-decoration: none;     margin: 0px; 	padding: 6px 15px 6px
15px; 	}  #subnav li { 	float: left; 	margin: 0px; 	padding: 0px;
z-index: 14; 	position: relative; 	} 	 #subnav li li { 	float: left;
margin: 0px; 	padding: 0px; 	width: 140px; 	z-index: 10; 	position:
relative; 	} 	 #subnav li li a, #subnav li li a:link, #subnav li li
a:visited { 	background: #393939; 	width: 140px; 	float: none; 	margin:
0px; 	padding: 6px 10px 6px 10px; 	border-top: 1px solid #FFFFFF; 	}
#subnav li li a:hover, #subnav li li a:active { 	background: #2255AA;
margin: 0px; 	padding: 6px 10px 6px 10px; 	}  #subnav li ul { 	position:
absolute; 	width: 10em; 	left: -999em; 	}  #subnav li:hover ul { 	left:
auto; 	display: block; 	} 	 #subnav li:hover ul, #subnav li.sfhover1 ul
{ 	left: auto; 	}  /* Begin Form Elements */ #searchform { 	margin:
10px auto; 	padding: 5px 3px; 	text-align: center; 	}  #sidebar
#searchform #s { 	width: 108px; 	padding: 2px; 	}  #sidebar
#searchsubmit { 	padding: 1px; 	}  .entry form { /* This is mainly for
password protected posts, makes them look better. */ 	text-align:center;
}  select { 	width: 130px; 	}  #commentform input { 	width: 170px;
padding: 2px; 	margin: 5px 5px 1px 0; 	}  #commentform textarea {
width: 100%; 	padding: 2px; 	}  #commentform #submit { 	margin: 0;
float: right; 	} /* End Form Elements */    /* Begin Comments*/ .alt {
margin: 0; 	padding: 10px; 	}  .commentlist { 	padding: 0; 	text-align:
justify; 	}  .commentlist li { 	margin: 15px 0 3px; 	padding: 5px 10px
3px; 	list-style: none; 	}  .commentlist p { 	margin: 10px 5px 10px 0; 	}
#commentform p { 	margin: 5px 0; 	}  .nocomments { 	text-align:
center; 	margin: 0; 	padding: 0; 	}  .commentmetadata { 	margin: 0;
display: block; 	} /* End Comments */    /* Begin Sidebar */ #sidebar {
padding: 5px 0 5px 0; 	background-color: #f8f8f8; 	margin-left: 45px;
width: 150px; 	}  #sidebar form { 	margin: 0; 	} /* End Sidebar */    /*
Begin Calendar */ #wp-calendar { 	empty-cells: show; 	margin: 10px auto
0; 	width: 155px; 	}  #wp-calendar #next a { 	padding-right: 10px;
text-align: right; 	}  #wp-calendar #prev a { 	padding-left: 10px;
text-align: left; 	}  #wp-calendar a { 	display: block; 	}  #wp-calendar
caption { 	text-align: center; 	width: 100%; 	}  #wp-calendar td {
padding: 3px 0; 	text-align: center; 	}  #wp-calendar td.pad:hover { /*
Doesn't work in IE */ 	background-color: #fff; } /* End Calendar */
/* Begin Various Tags & Classes */ acronym, abbr, span.caps {
cursor: help; 	}  acronym, abbr { 	border-bottom: 1px dashed #999; 	}
blockquote { 	margin: 15px 30px 0 10px; 	padding-left: 20px;
border-left: 5px solid #ddd; 	}  blockquote cite { 	margin: 5px 0 0;
display: block; 	}  .center { 	text-align: center; 	}  hr { 	display:
none; 	}  a img { 	border: none; 	}  .navigation { 	display: block;
text-align: center; 	margin-top: 10px; 	margin-bottom: 60px; 	} /* End
Various Tags & Classes*/    /* "Daisy, Daisy, give me your answer
do. I'm half crazy all for the love of you. 	It won't be a stylish
marriage, I can't afford a carriage. 	But you'll look sweet upon the
seat of a bicycle built for two." */

TASARIM ÜSTÜ

<div id="page">  	 	<div id="header"> 	 		 		<div
id="header-menu"> 			<ul> 				<li class="page_item
page-item-2"><a href="http://test.qualitywordpress.com/?page_id=2"
_fcksavedurl="http://test.qualitywordpress.com/?page_id=2"
title="About">About</a></li> <li class="page_item
page-item-5"><a href="http://test.qualitywordpress.com/?page_id=5"
_fcksavedurl="http://test.qualitywordpress.com/?page_id=5"
title="Archives">Archives</a></li> <li
class="page_item page-item-10"><a
href="http://test.qualitywordpress.com/?page_id=10"
_fcksavedurl="http://test.qualitywordpress.com/?page_id=10"
title="Links">Links</a></li> 			</ul>
</div> 		 		 		 		<div
id="header-info"> 			<h1><a
href="http://test.qualitywordpress.com/"
_fcksavedurl="http://test.qualitywordpress.com/">Theme
Name</a></h1> 			<div class="description">Wordpress
Theme</div> 		</div> 		 		 		 		<div id="topbar"> 			<div id="topbar-left">
</div> 			<div id="topbar-center">
<h3></h3> 				<ul> 						<li><a
href="http://test.qualitywordpress.com/?p=15"
_fcksavedurl="http://test.qualitywordpress.com/?p=15" title="Success
with Quality Themes">Success with Quality Themes</a></li>
<li><a href="http://test.qualitywordpress.com/?p=14"
_fcksavedurl="http://test.qualitywordpress.com/?p=14" title="Make Money
Blogging">Make Money Blogging</a></li> 	<li><a
href="http://test.qualitywordpress.com/?p=13"
_fcksavedurl="http://test.qualitywordpress.com/?p=13" title="Picture in
Post">Picture in Post</a></li> 				</ul>
</div> 			<div id="topbar-right"> 				<h3></h3>
<ul> 					<li><a
href="http://test.qualitywordpress.com/?p=8"
_fcksavedurl="http://test.qualitywordpress.com/?p=8"> @ Longer Post
...</a></li><li><a
href="http://test.qualitywordpress.com/?p=1"
_fcksavedurl="http://test.qualitywordpress.com/?p=1">Mr WordPress @
Hello world! ...</a></li>				</ul> 			</div>
</div> 		   		<div
id="header-feed"> 			<a
href="http://test.qualitywordpress.com/?feed=rss"
_fcksavedurl="http://test.qualitywordpress.com/?feed=rss"><img
src="Theme%20Name_files/blank.gif"
_fcksavedurl="Theme%20Name_files/blank.gif" alt="RSS Feed" width="60"
height="60"></a> 		</div> 		
</div> 	 	 	 	<div
id="main"><div id="main-top"><div id="main-bottom">
 		<div class="sidebar">
<h3>Pages</h3> 			<ul> 				<li class="page_item
page-item-2"><a href="http://test.qualitywordpress.com/?page_id=2"
_fcksavedurl="http://test.qualitywordpress.com/?page_id=2"
title="About">About</a></li> <li class="page_item
page-item-5"><a href="http://test.qualitywordpress.com/?page_id=5"
_fcksavedurl="http://test.qualitywordpress.com/?page_id=5"
title="Archives">Archives</a></li> <li
class="page_item page-item-10"><a
href="http://test.qualitywordpress.com/?page_id=10"
_fcksavedurl="http://test.qualitywordpress.com/?page_id=10"
title="Links">Links</a></li> 			</ul>
<h3>Categories</h3> 			<ul> 					<li
class="cat-item cat-item-3"><a
href="http://test.qualitywordpress.com/?cat=3"
_fcksavedurl="http://test.qualitywordpress.com/?cat=3" title="View all
posts filed under Art & Design">Art & Design</a>
</li> 	<li class="cat-item cat-item-5"><a
href="http://test.qualitywordpress.com/?cat=5"
_fcksavedurl="http://test.qualitywordpress.com/?cat=5" title="View all
posts filed under Business">Business</a> </li> 	<li
class="cat-item cat-item-4"><a
href="http://test.qualitywordpress.com/?cat=4"
_fcksavedurl="http://test.qualitywordpress.com/?cat=4" title="View all
posts filed under Marketing">Marketing</a> </li> 	<li
class="cat-item cat-item-6"><a
href="http://test.qualitywordpress.com/?cat=6"
_fcksavedurl="http://test.qualitywordpress.com/?cat=6" title="View all
posts filed under Online">Online</a> </li> 	<li
class="cat-item cat-item-1"><a
href="http://test.qualitywordpress.com/?cat=1"
_fcksavedurl="http://test.qualitywordpress.com/?cat=1" title="View all
posts filed under Uncategorized">Uncategorized</a> </li>
</ul>  			 			<h3>Archives</h3> 			<ul>
<li><a href="http://test.qualitywordpress.com/?m=200810"
_fcksavedurl="http://test.qualitywordpress.com/?m=200810" title="October
2008">October 2008</a></li> 	<li><a
href="http://test.qualitywordpress.com/?m=200809"
_fcksavedurl="http://test.qualitywordpress.com/?m=200809"
title="September 2008">September 2008</a></li>
<li><a href="http://test.qualitywordpress.com/?m=200808"
_fcksavedurl="http://test.qualitywordpress.com/?m=200808" title="August
2008">August 2008</a></li> 	<li><a
href="http://test.qualitywordpress.com/?m=200806"
_fcksavedurl="http://test.qualitywordpress.com/?m=200806" title="June
2008">June 2008</a></li> 	<li><a
href="http://test.qualitywordpress.com/?m=200805"
_fcksavedurl="http://test.qualitywordpress.com/?m=200805" title="May
2008">May 2008</a></li> 			</ul>
<div class="textwidget"></div> 				 		</div> 				 		<div id="contents"> 		 									 			<div class="post" id="post-15"> 				<div
class="post-title"> 					<h2>HackeR FrienD.Net</h2>
Bilgi Gt0072002c Paylaştıka0020By00720021003c/div> 				<div
class="post-entry"> 					<p>

TASARIM ALTI

</p> 				</div> 				<div class="post-info">
Slogan yada gz0065006c00200062ir sz002e002e. 				</div>
</div> 			 						 						 			<div class="navigation"> 				<div
class="navigation-previous"></div> 				<div
class="navigation-next"></div> 			</div> 			 						 			<div class="clear"></div>
</div> 		 		 		<div class="sidebar
sidebar-right"> 		 					 			<h3>Blogroll</h3>
<ul> 				<li><a href="http://wordpress.org/development/"
_fcksavedurl="http://wordpress.org/development/">Development
Blog</a></li> <li><a
href="http://codex.wordpress.org/"
_fcksavedurl="http://codex.wordpress.org/">Documentation</a></li>
<li><a href="http://wordpress.org/extend/plugins/"
_fcksavedurl="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="http://wordpress.org/extend/ideas/"
_fcksavedurl="http://wordpress.org/extend/ideas/">Suggest
Ideas</a></li> <li><a
href="http://wordpress.org/support/"
_fcksavedurl="http://wordpress.org/support/">Support
Forum</a></li> <li><a
href="http://wordpress.org/extend/themes/"
_fcksavedurl="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://planet.wordpress.org/"
_fcksavedurl="http://planet.wordpress.org/">WordPress
Planet</a></li> 			</ul>
<h3>Advertisements</h3> 			<div id="spons"><br>
<center><a href="#" _fcksavedurl="#"><img
src="Theme%20Name_files/ad.jpg" _fcksavedurl="Theme%20Name_files/ad.jpg"
alt="AD SPACE" width="125"
height="329"></a><br><br>	<a href="#"
_fcksavedurl="#"><img src="Theme%20Name_files/ad.gif"
_fcksavedurl="Theme%20Name_files/ad.gif" alt="AD SPACE" width="125"
height="125"></a> 			</center></div>
</div> 		 		 		<div
class="clear"></div> 	 	</div></div></div>
 	 	 	<div id="footer">
 		<div id="copyright">
<br>(c)Copyrighted Theme Name, All Rights
Reserved.<br>Designed by: <a
href="http://www.sextoysource.com/"
_fcksavedurl="http://www.sextoysource.com/">Special lady
gifts</a><br><a href="http://www.logo-ontwerpers.be/"
_fcksavedurl="http://www.logo-ontwerpers.be/">Logo Ontwerp</a> :
<a href="http://bunnyvibrators.com/"
_fcksavedurl="http://bunnyvibrators.com/">Special moments!</a> :
<a href="http://www.mangosteenstation.com/"
_fcksavedurl="http://www.mangosteenstation.com/">Xango</a></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;}
/* General */  body { 	margin: 0; 	background:
url("http://test.qualitywordpress.com/wp-content/themes/urban/images/bg.jpg");
}  h1, h2, h3, h4 { 	margin: 0; }  img { 	border: 0; }  .clear {
clear: both; 	height: 1px; 	overflow: hidden; }   /* Page */  #page {
margin: 0 auto; 	width: 1004px; }   /* Header */  #header { 	width:
1004px; 	height: 400px; 	background:
url("http://test.qualitywordpress.com/wp-content/themes/urban/images/header.jpg")
no-repeat; 	position: relative; }  	/* Header - Info */ 	 	#header
#header-info { 		position: absolute; 		top: 145px; 		left: 150px; 	}
#header #header-info h1 { 		color: #ffffff; 		font: bold 30px "Georgia",
Georgia; 	} 	 	#header #header-info h1 a { 		color: #ffffff;
text-decoration: none; 	} 	 	#header #header-info .description {
color: #ffffff; 		font: bold 15px "Verdana", Verdana; 	} 	 	/* Header -
Menu */ 	 	#header #header-menu { 		position: absolute; 		top: 2px;
left: 26px; 		height: 53px; 	} 	 	#header #header-menu ul { 		margin: 0;
padding: 0; 		list-style-type: none; 		height: 53px; 	} 	 	#header
#header-menu ul li { 		float: right; 		height: 53px; 		margin-right:
8px; 		font: bold 10px/43px "Verdana", Verdana; 		color: #ffffff;
text-transform: lowercase; 		background:
url("http://test.qualitywordpress.com/wp-content/themes/urban/images/header_menu_left.gif")
no-repeat; 	} 	 	#header #header-menu ul li a { 		color: #ffffff;
text-decoration: none; 		padding: 0 40px; 		background:
url("http://test.qualitywordpress.com/wp-content/themes/urban/images/header_menu_right.gif")
no-repeat right top; 		display: block; 	} 	 	#header #header-menu ul li
a:hover { 		text-decoration: underline; 	} 	 	#header #header-menu ul
li ul { 		display: none; 	} 	 	/* Header - Topbar */ 	 	#header #topbar {
position: absolute; 		top: 270px; 		left: 0px; 		width: 1004px;
height: 201px; 		color: #ffffff; 		font: bold 12px "Trebuchet MS",
Verdana; 	} 	 	#header #topbar h3 { 		font: bold 15px "Verdana",
Verdana; 		color: #ffffff; 	} 	 	#header #topbar ul { 		margin: 0;
padding: 0; 		list-style-type: none; 	} 	 	#header #topbar ul li {
padding-top: 12px; 		color: #ffffff; 		font: bold 12px "Trebuchet MS",
Verdana; 	} 	 	#header #topbar ul li a { 		color: #ffffff;
text-decoration: none; 	} 	 	#header #topbar ul li a:hover {
text-decoration: underline; 	} 	 		/* Header - Topbar - Boxes */
#header #topbar #topbar-left { 			width: 305px; 			padding: 35px 33px;
float: left; 		} 		 		#header #topbar #topbar-center { 			width:
286px; 			float: left; 			padding: 12px 0 0 30px; 		} 		 		#header
#topbar #topbar-right { 			width: 287px; 			float: left; 			padding:
12px 0 0 30px; 		}  /* Header - Feed */ 	 	#header #header-feed {
position: absolute; 		top: 343px; 		left: 5px; 		width: 40px; 		height:
40px; 	}   /* Main */  #main { 	width: 1004px; 	background:
url("http://test.qualitywordpress.com/wp-content/themes/urban/images/main.gif")
repeat-y; }  #main-top { 	width: 1004px; 	background:
url("http://test.qualitywordpress.com/wp-content/themes/urban/images/main_top.gif")
no-repeat; }  #main-bottom { 	width: 992px; 	padding-left: 12px;
min-height: 50px; 	background:
url("http://test.qualitywordpress.com/wp-content/themes/urban/images/main_bottom.gif")
no-repeat left bottom; }  	/* Main - Content */ 	 	#contents { 		float:
left; 		width: 570px; 		padding: 6px 16px 0 16px; 	} 	 	/* Main -
Content - Post */ 	 	#contents .post { 		color: #FFFFFF; 		float: left;
margin-bottom: 16px; 		width: 554px; 		padding: 7px; 		background:
#0081B1; 	} 	 		/* Post - Title */ 		 		#contents .post .post-title {
width: 554px; 			height: 51px; 			color: #000000; 			font: bold 12px
"Trebuchet MS", Verdana; 		} 		 		#contents .post .post-title a {
color: #000000; 			text-decoration: none; 		} 		 		#contents .post
.post-title a:hover { 			text-decoration: underline; 		} 		 		#contents
.post .post-title .post-date { 			float: left; 			background:
url("http://test.qualitywordpress.com/wp-content/themes/urban/images/post_date.gif")
repeat-x; 			width: 50px; 			height: 51px; 			color: #ffffff;
text-align: center; 			text-transform: uppercase; 			margin-right: 10px;
font: bold 10px/15px "Trebuchet MS", Verdana; 		} 		 		#contents
.post .post-title .post-date span { 			margin-bottom: 2px; 			display:
block; 			font: bold 16px/34px "Trebuchet MS", Verdana; 		}
#contents .post .post-title h2 { 			padding: 4px 0 3px 0; 			color:
#000000; 			font: bold 19px "Verdana", Verdana; 		} 		 		#contents .post
.post-title h2 a { 			color: #000000; 			text-decoration: none; 		}
#contents .post .post-title h2 a:hover { 			text-decoration:
underline; 		} 		 		/* Post - Entry */ 		 		#contents .post .post-entry {
font: normal 12px/18px "Trebuchet MS", Verdana; 			color: #FFFFFF;
padding: 0 4px; 			width: 546px; 		} 		 		#contents .post .post-entry a
{ 			color: #FFFFFF; 			text-decoration: none; 		} 		 		#contents .post
.post-entry a:hover { 			text-decoration: underline; 		} 		 		#contents
.post .post-entry .more-link { 			font: bold 12px/20px "Trebuchet MS",
Verdana; 			color: #FFFFFF; 			float: right; 			padding-bottom: 5px; 		}
#contents .post .post-entry .more-link a { 			color: #FFFFFF;
text-decoration: none; 		} 		 		#contents .post .post-entry .more-link
a:hover { 			text-decoration: underline; 		} 		 		/* Post - Info */
#contents .post .post-info { 			padding: 10px 4px 0 4px; 			width:
546px; 			clear: both; 			font: bold 12px "Trebuchet MS", Verdana;
color: #FFFFFF; 		} 		 		#contents .post .post-info a { 			color:
#FFFFFF; 			text-decoration: none; 		} 		 		#contents .post .post-info
a:hover { 			text-decoration: underline; 		} 		 		/* Post - Comments */
#contents .post h3 { 			color: #FFFFFF; 			font: bold 17px
"Verdana", Verdana; 			margin: 25px 0 5px 0; 			padding: 0 4px;
width: 546px; 		} 		 		#contents .post .comments { 			padding: 0 4px;
width: 546px; 			font: normal 12px/18px "Trebuchet MS", Verdana;
color: #FFFFFF; 		} 		 		#contents .post .comments a { 			color:
#FFFFFF; 			text-decoration: none; 		} 		 		#contents .post .comments
a:hover { 			text-decoration: underline; 		} 		 		#contents .post
.comments ol { 			margin: 10px 0 10px 0; 			padding-left: 25px; 		}
#contents .post .comments ol li { 			padding: 5px; 		} 		 		#contents
.post .comments ol li.alt { 			background: #000000; 		} 		 		#contents
.post .comments ol li cite { 			color: #FFFFFF; 			font-style: normal;
font-weight: bold; 		} 		 		#contents .post .comments ol li cite a {
color: #FFFFFF; 			text-decoration: none; 		} 		 		#contents .post
.comments ol li cite a:hover { 			text-decoration: underline; 		}
#contents .post .comments ol li .commentmetadata a { 			color: #FFFFFF;
text-decoration: none; 		} 		 		#contents .post .comments ol li
.commentmetadata a:hover { 			text-decoration: underline; 		}
#contents .post #commentform { 			margin: 0; 			font: normal 12px/18px
"Trebuchet MS", Verdana; 			color: #FFFFFF; 			padding: 0 4px; 			width:
546px; 		} 		 		#contents .post #commentform a { 			color: #FFFFFF;
text-decoration: none; 		} 		 		#contents .post #commentform a:hover {
text-decoration: underline; 		} 	 	/* Main - Sidebar */ 	 	.sidebar {
float: left; 		width: 189px; 		font: strong 10px/18px "Trebuchet MS",
Verdana; 		color: #ffffff; 		padding: 7px 0; 	} 	 	.sidebar a { 		color:
#ffffff; 		text-decoration: none; 	} 	 	.sidebar a:hover {
text-decoration: underline; 	} 	 		/* Sidebar - Titles */ 		 		.sidebar
h3 { 			padding-left: 18px; 			font: bold 12px/34px "Georgia", Georgia;
text-transform: lowercase; 			color: #ffffff; 			height: 46px;
width: 189px; 			background:
url("http://test.qualitywordpress.com/wp-content/themes/urban/images/sidebar_title.gif")
no-repeat; 		} 		 		/* Sidebar - Menus */ 		 		.sidebar ul { 			margin:
0 0 20px 18px; 			padding: 0; 			list-style-type: none; 		}
.sidebar ul li { 			color: #ffffff; 			font: normal 10px/26px "Trebuchet
MS", Verdana; 		} 		 		.sidebar ul li a { 			color: #ffffff;
text-decoration: none; 		} 		 		.sidebar ul li a:hover {
text-decoration: underline; 		} 		 		/* Sidebar - Forms */ 		 		.sidebar
#searchform { 			margin: 0 auto; 			padding: 15px 0 25px 0; 			width:
145px; 			text-align: center; 		} 		 		.sidebar #searchform #s {
width: 145px; 		} 		 		/* Sidebar - Tables */ 		 		.sidebar
#calendar_wrap { 			margin: 5px auto 20px auto; 			width: 120px; 		}
.sidebar #calendar_wrap caption { 			font-weight: bold; 		}
.sidebar #calendar_wrap #today { 			font-weight: bold; 		} 		 		/*
Sidebar - Texts */ 		 		.sidebar .textwidget { 			padding: 0 10px 20px
10px; 		}   /* Footer */  #footer { 	margin-top: 15px; 	width: 1004px;
height: 62px; 	background:
url("http://test.qualitywordpress.com/wp-content/themes/urban/images/footer.gif")
repeat-x; 	color: #717171; 	font: normal 10px/15px "Trebuchet MS",
Verdana; 	text-align: center; }  #footer a { 	color: #717171;
text-decoration: none; }  #footer a:hover { 	text-decoration: underline;
}

40hazircsstasarim

Tasarımın üzerindeki yazı:

Tasarımın altındaki yazı:

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

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

Tasarımın üzerindeki yazı:

<div
id="tasarim"> <div id="tasarim"> <div id="ust"> <div
align="center"> <h1><span style="color: rgb(255, 255,
255);"><span style="font-family: Comic Sans MS;"> <br />
<br /> Main-Center </span></span></h1> <span
style="color: rgb(255, 255, 255);"><span style="font-family: Comic
Sans MS;">  </span></span> <h3><span
style="color: rgb(255, 255, 255);"><span style="font-family: Comic
Sans MS;"> Film Tasarımı (Buraya Slogan)
</span></span></h3> </div> </div> <div
id="orta"> <div class="solsutun"> <ul class="menu">
 <style type="text/css"> .menu , .menu
ul { width:202px; margin:auto; padding:5px; list-style-type: none;
overflow:hidden; border:1px solid #eee; } .menu li { float:left;
position:relative; } .menu li img { float:left; margin: 5px 0 0 5px;
border:none; } .menu li a .name { float:left; width:166px; margin:0 0 0
5px; font-weight:bold; font-size:0.7em; cursor:pointer; } .menu li
a:active, .menu li a:focus { outline:0; } .menu li a .description{
float:left; width:161px; margin:-5px 0 0 5px; font-weight:normal;
font-size:0.7em; cursor:pointer; } .menu li a:link, .menu li a:visited {
height:35px; font-size:1em; color:#000; text-decoration:none;
line-height:20px; border:1px solid #fff; display:block;
font-weight:bold; } .menu li a:hover  { background:#eee; }
</style> <li> <a href="http://main-center.tr.gg/"
_fcksavedurl="http://main-center.tr.gg/"> <img
src="https://img.webme.com/pic/f/filmhome/user.png"
_fcksavedurl="https://img.webme.com/pic/f/filmhome/user.png"
alt="user.png"> <span class="name">Ana Sayfa</span>
<span class="description">Giriş Sayfası... </span>
</a> </li> <li> <a href="http://main-center.tr.gg/"
_fcksavedurl="http://main-center.tr.gg/"> <img
src="https://img.webme.com/pic/f/filmhome/comment.png"
_fcksavedurl="https://img.webme.com/pic/f/filmhome/comment.png"
alt="comment.png"> <span class="name">Hakkımızda</span>
<span class="description">Hakkımızda Kısa Bilgi</span>
</a> </li> <li> <a href="http://main-center.tr.gg/"
_fcksavedurl="http://main-center.tr.gg/"> <img
src="https://img.webme.com/pic/f/filmhome/print.png"
_fcksavedurl="https://img.webme.com/pic/f/filmhome/print.png"
alt="print.png"> <span class="name">İletişim</span>
<span class="description">İletişim Seçenekleri</span>
</a> </li> <li> <a href="http://main-center.tr.gg/"
_fcksavedurl="http://main-center.tr.gg/"> <img
src="https://img.webme.com/pic/f/filmhome/edit.png"
_fcksavedurl="https://img.webme.com/pic/f/filmhome/edit.png"
alt="edit.png"> <span class="name">MAİN-CENTER</span>
<span class="description">Css Tasarım Bölümü</span>
</a> </li> <li> <a href="http://main-center.tr.gg/"
_fcksavedurl="http://main-center.tr.gg/"> <img
src="https://img.webme.com/pic/f/filmhome/edit.png"
_fcksavedurl="https://img.webme.com/pic/f/filmhome/edit.png"
alt="edit.png"> <span class="name">MAİN-CENTER</span>
<span class="description">Css Tasarım Bölümü</span>
</a> </li> <li> <a href="http://main-center.tr.gg/"
_fcksavedurl="http://main-center.tr.gg/"> <img
src="https://img.webme.com/pic/f/filmhome/edit.png"
_fcksavedurl="https://img.webme.com/pic/f/filmhome/edit.png"
alt="edit.png"> <span class="name">MAİN-CENTER</span>
<span class="description">Css Tasarım Bölümü</span>
</a> </li> <li> <a href="http://main-center.tr.gg/"
_fcksavedurl="http://main-center.tr.gg/"> <img
src="https://img.webme.com/pic/f/filmhome/edit.png"
_fcksavedurl="https://img.webme.com/pic/f/filmhome/edit.png"
alt="edit.png"> <span class="name">MAİN-CENTER</span>
<span class="description">Css Tasarım Bölümü</span>
</a> </li> <li> <a href="http://main-center.tr.gg/"
_fcksavedurl="http://main-center.tr.gg/"> <img
src="https://img.webme.com/pic/f/filmhome/edit.png"
_fcksavedurl="https://img.webme.com/pic/f/filmhome/edit.png"
alt="edit.png"> <span class="name">MAİN-CENTER</span>
<span class="description">Css Tasarım Bölümü</span>
</a> </li> <li> <a href="http://main-center.tr.gg/"
_fcksavedurl="http://main-center.tr.gg/"> <img
src="https://img.webme.com/pic/f/filmhome/edit.png"
_fcksavedurl="https://img.webme.com/pic/f/filmhome/edit.png"
alt="edit.png"> <span class="name">MAİN-CENTER</span>
<span class="description">Css Tasarım Bölümü</span>
</a> </li> </ul>  </div>
<div class="sagsutun">

Tasarımın altındaki yazı:

İç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;} *
{padding: 0; margin:0 } body { margin-left: auto; margin-right: auto;
background: url(http://www.thebrewcityrockers.com/black_background.gif)
top center fixed; } #tasarim{ width: 1000px; margin-left:  auto;
margin-right: auto; } #ust{ margin-left:  auto; margin-right: auto;
background: url(https://img.webme.com/pic/d/depofis/filmh1.png); width:
1000px; height: 333px; float: left; } #orta{ margin-left:  auto;
margin-right: auto; background:
url(https://img.webme.com/pic/f/filmhome/filmhome2.png); width: 1000px;
height: 100%; float: left; } .solsutun{ width: 202px; float: left;
padding: 0 0 0 45px; overflow: hidden; } .sagsutun { width: 638px;
float: left; padding: 0 0 0 60px; overflow: hidden; text-align: justify;
} #alt{ margin-left:  auto; margin-right: auto; background:
url(https://img.webme.com/pic/d/depofis/filmh3.png); width: 1000px;
height: 333px; float: left; } table {margin-left: auto;margin-right:
auto}

Dost Siteler ; sivilation En güzel Hayat similasyonu , Siteni Ekle

By.Leqalize / Bilgi Paylaşım sitesi

Hakkımızda

Paylaşım merkezi

byleqalize

Css tasarımlar

40hazircsstasarim

Kategoriler

Sayfalar

Dost Siteler

Sol Bölme

Arşiv

İrtibat

Bazı yardımlar

Tasarımlar