| - cssmusic

cssmusic

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

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Ü

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Ü

TASARIM ALTI

CSS

TASARIM ÜSTÜ

<div class="templatemo_container">  <div
id="templatemo_header"> <div id="templatemo_menu_section">
<ul> <li><a href="#" _fcksavedurl="#"
class="current">Home</a></li> <li><a href="#"
_fcksavedurl="#">Guitars</a></li> <li><a
href="#" _fcksavedurl="#">Albums</a></li>
<li><a href="#" _fcksavedurl="#">Bands</a></li>
<li><a href="#"
_fcksavedurl="#">Testimonials</a></li> <li><a
href="#" _fcksavedurl="#">About Us</a></li>
<li><a href="#" _fcksavedurl="#"
class="last">Contact</a></li> </ul> </div>
</div> <div id="templatemo_content_area"> <div
id="templatemo_left"> <div
class="templatemo_left_section_box"> <div
class="templatemo_left_section_box_top"> <h1> About
Guitars</h1> </div> <div
class="templatemo_left_section_box_mid"> <p>Mauris at tortor
non mauris rhoncu vesti bulum. Praesent purus nuncn com modo metus.
</p> <p>Mae cen astin cidu tellus et risus com modo lobor
tiSed alique.</p> <h1> Tutorials</h1> <p
class="bottom_padding"><a href="#" _fcksavedurl="#">Vesti
bulum ante ipsum primis</a></p> <p
class="bottom_padding"><a href="#" _fcksavedurl="#">Uctus et
ultri ces pos test</a> </p> <p
class="bottom_padding"><a href="#" _fcksavedurl="#">Cubilia
cura Aene and do sed</a> </p> <p
class="bottom_padding"><a href="#" _fcksavedurl="#">Nun est
impe rdiet port</a></p> <h1>W3C Validated</h1>
<p> <a href="http://validator.w3.org/check?uri=referer"
_fcksavedurl="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0
Transitional" width="88" height="31" border="0" /></a> <a
href="http://jigsaw.w3.org/css-validator/check/referer"
_fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px" alt="Valid CSS"
src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
/></a> </p> </div> <div
class="templatemo_left_section_box_bottom"> </div>
</div> </div> <div
id="templatemo_middle">

TASARIM ALTI

<p style="text-align: center"><a
href="http://www.KAYNAKKODUM.TR.GG"
_fcksavedurl="http://www.KAYNAKKODUM.TR.GG"><span style="color:
#ffffff"><span style="font-size: medium"><span
style="font-family: Comic Sans
MS"><strong>WWW.KAYNAKKODUM.TR.GG</strong></span></span></span></a></p>
</div> <div
id="templatemo_right"> <div
class="templatemo_right_section_box"> <div
class="templatemo_right_section_box_top">
<h1>Albums</h1> </div> <div
class="templatemo_right_section_box_mid"> <ul> <li><a
href="#" _fcksavedurl="#">Ut consequat, ante egestas
tristique</a></li> <li><a href="#"
_fcksavedurl="#">Con gue, magna magna scele ris
que</a></li> <li><a href="#"
_fcksavedurl="#">Non congue est nibh quis est</a></li>
<li><a href="#" _fcksavedurl="#">Suspendisse pharetra eros
molestie</a></li> <li><a href="#"
_fcksavedurl="#">orci tempus iaculis. Sed ac porta
dui</a></li> </ul> </div> <div
class="templatemo_right_section_box_bottom"> </div>
</div> <div class="templatemo_right_section_box"> <div
class="templatemo_right_section_box_top">
<h1>Artists</h1> </div> <div
class="templatemo_right_section_box_mid"> <ul> <li><a
href="#" _fcksavedurl="#">Egestas Tristique</a></li>
<li><a href="#" _fcksavedurl="#">Scele
Risque</a></li> <li><a href="#"
_fcksavedurl="#">Est Nibhquis</a></li> <li><a
href="#" _fcksavedurl="#">Disse Pharetra</a></li>
<li><a href="#" _fcksavedurl="#">Porta
Dui</a></li> </ul> </div> <div
class="templatemo_right_section_box_bottom"> </div>
</div> </div> <div
class="cleaner"></div> </div> </div> <div
id="templatemo_bottom_bg"> <div class="templatemo_container">
<div id="templatemo_footer"> <div
class="templatemo_footer_section"> <a href="#"
_fcksavedurl="#">Home</a> | <a href="#"
_fcksavedurl="#">Guitars</a> | <a href="#"
_fcksavedurl="#">Albums</a> | <a href="#"
_fcksavedurl="#">Bands</a> | <a href="#"
_fcksavedurl="#">Testimonials</a> | <a href="#"
_fcksavedurl="#">About Us</a> | <a href="#"
_fcksavedurl="#">Contact</a> </div> <div
class="templatemo_footer_section"> Copyright © 2024 <a href="#"
_fcksavedurl="#">Your Company Name</a> | Designed by <a
href="http://www.templatemo.com"
_fcksavedurl="http://www.templatemo.com" target="_parent">Free CSS
Templates</a> </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;}
/* CSS Credit: http://www.templatemo.com */ html { background: #373737;
} body { margin: 0; padding:0; font-family: Arial, Helvetica,
sans-serif; font-size: 12px; line-height: 1.5em; width: 100%; display:
table; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_top_bg.jpg)
#000 repeat-x; } a:link, a:visited { color: #fff; text-decoration:
underline; } a:active, a:hover { color: #bbb; text-decoration: none; }
.templatemo_container { width: 950px; margin: auto; }
#templatemo_header { width: 950px; height: 331px; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_header.jpg)
no-repeat; } /* Menu Section */ #templatemo_menu_section{ width: 950px;
height: 35px; float: left; margin: 295px 0 0 0; padding: 0; }
#templatemo_menu_section ul { float: left; width: 920px; margin: 0 0 0
0; padding: 0; list-style: none; } #templatemo_menu_section ul li {
display: inline; } #templatemo_menu_section ul li a { float: left;
padding: 8px 30px 0 30px; margin: 0; height: 26px; font-family: Arial;
font-size: 14px; font-weight: bold; text-align: center;
text-decoration: none; color: #858585; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_menu.jpg)
right bottom no-repeat; } #templatemo_menu_section ul li a.last{
background: none; } #templatemo_menu_section li a:hover,
#templatemo_menu_section li .current{ color: #fff; } /* End Of Menu */
#templatemo_content_area { width: 950px; margin: 0; padding: 0; }
#templatemo_left { float: left; width: 220px; margin: 0; padding: 15px
0 0 0; } #templatemo_left .templatemo_left_section_box { width: 221px;
margin: 0 0 15px 0; padding: 0 ; } .templatemo_left_section_box
.templatemo_left_section_box_top { width: 206px; height: 35px;
background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_left_section_top.jpg)
no-repeat; margin: 0; padding: 13px 0 0 15px; }
.templatemo_left_section_box_top h1 { height: 31px; font-family: Arial;
font-size: 16px; color: #fff; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_music_note.jpg)
left no-repeat; margin: 0; padding: 5px 0 0 40px; }
.templatemo_left_section_box .templatemo_left_section_box_mid { width:
191px; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_left_section_mid.jpg)
repeat-y; margin: 0; padding: 10px 15px 0 15px; }
.templatemo_left_section_box_mid p { font-family: Arial; font-size:
12px; color: #fff; text-align: justify; margin: 0 0 0 0; padding: 0 0
10px 0; } .templatemo_left_section_box .bottom_padding { padding: 0; }
.templatemo_left_section_box_mid h1 { height: 31px; font-family: Arial;
font-size: 16px; color: #fff; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_music_note.jpg)
left no-repeat; margin: 10px 0 10px 0; padding: 5px 0 0 40px; }
.templatemo_left_section_box .templatemo_left_section_box_bottom {
width: 221px; height: 21px; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_left_section_bottom.jpg)
no-repeat; margin: 0; padding: 0; } #templatemo_middle { float: left;
width: 455px; margin: 0; padding: 15px 15px 0 15px ; }
#templatemo_middle .templatemo_middle_section_box { width: 455px;
margin: 0 0 15px 0; padding: 0; } .templatemo_middle_section_box
.templatemo_middle_section_box_top { width: 440px; height: 35px;
background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_mid_section_top.jpg)
no-repeat; margin: 0; padding: 13px 0 0 15px; }
.templatemo_middle_section_box_top h1 { height: 31px; font-family:
Arial; font-size: 16px; color: #fff; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_music_note.jpg)
left no-repeat; margin: 0; padding: 5px 0 0 40px; }
.templatemo_middle_section_box .templatemo_middle_section_box_mid {
width: 425px; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_mid_section_mid.jpg)
repeat-y; margin: 0; padding: 15px 15px 0 15px; }
.templatemo_middle_section_box_mid p { font-family: Arial; font-size:
12px; color: #fff; text-align: justify; margin: 0 0 0 0; padding: 0 0
10px 0; } .templatemo_middle_section_box_mid img { float: left; margin:
0 5px 5px 0; padding: 0; } .templatemo_middle_section_box
.bottom_padding { padding: 0; } .templatemo_middle_section_box_mid h1 {
height: 31px; font-family: Arial; font-size: 16px; color: #fff;
background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_music_note.jpg)
left no-repeat; margin: 10px 0 10px 0; padding: 5px 0 0 40px; }
.templatemo_middle_section_box .templatemo_middle_section_box_bottom {
width: 455px; height: 23px; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_mid_section_bottom.jpg)
no-repeat; margin: 0; padding: 0; } #templatemo_right { float: right;
width: 245px; margin: 0; padding: 15px 0 0 0; } #templatemo_right
.templatemo_right_section_box { width: 246px; margin: 0 0 15px 0;
padding: 0 ; } .templatemo_right_section_box
.templatemo_right_section_box_top { width: 231px; height: 35px;
background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_right_section_top.jpg)
no-repeat; margin: 0; padding: 13px 0 0 15px; }
.templatemo_right_section_box_top h1 { height: 31px; font-family:
Arial; font-size: 16px; color: #fff; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_music_note.jpg)
left no-repeat; margin: 0; padding: 5px 0 0 40px; }
.templatemo_right_section_box .templatemo_right_section_box_mid {
width: 216px; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_right_section_mid.jpg)
repeat-y; margin: 0; padding: 15px 15px 0 15px; }
.templatemo_right_section_box_mid p { font-family: Arial; font-size:
12px; color: #fff; text-align: justify; margin: 0 0 0 0; padding: 0 0
10px 0; } .templatemo_right_section_box_mid ul { list-style: none;
margin: 0; padding: 0; } .templatemo_right_section_box_mid li {
font-family: Arial; font-size: 12px; color: #fff; text-align: justify;
margin: 0 0 0 0; padding: 0 0 5px 0; } .templatemo_right_section_box
.templatemo_right_section_box_bottom { width: 246px; height: 22px;
background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_right_section_bottom.jpg)
no-repeat; margin: 0; padding: 0; } #templatemo_bottom_bg { width:
100%; height: 200px; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_bottom_bg.jpg)
repeat-x; } #templatemo_footer { width: 950px; height: 120px;
background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_footer.jpg)
no-repeat; margin: 0; padding: 80px 0 0 0; } #templatemo_footer
.templatemo_footer_section { width: 100%; margin: 0 0 10px 0; padding:
0; color: #fff; text-align: center; font-size: 12px; } .cleaner {
clear: both; margin: 0; padding: 0; height: 0; }

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Ü

<body>   <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"
title="About">About</a></li> <li class="page_item
page-item-5"><a
href="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"
title="Links">Links</a></li> </ul> </div>
  <div id="header-info">
<h1><a href="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" title="Success with
Quality Themes">Success with Quality Themes</a></li>
<li><a href="http://test.qualitywordpress.com/?p=14"
title="Beautiful Wordpress Themes">Beautiful Wordpress
Themes</a></li> <li><a
href="http://test.qualitywordpress.com/?p=13" title="Modern Sleek
Future">Modern Sleek Future</a></li> </ul>
</div> <div id="topbar-right"> <h3></h3>
<ul> <li><a
href="http://test.qualitywordpress.com/?p=8"> @ Longer Post
...</a></li><li><a
href="http://test.qualitywordpress.com/?p=1">Mr WordPress @ Get To
The Dream ...</a></li> </ul> </div>
</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"
title="About">About</a></li> <li class="page_item
page-item-5"><a
href="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"
title="Links">Links</a></li> </ul>
<h3>Archives</h3> <ul> <li><a
href="http://test.qualitywordpress.com/?m=200810" title="October
2008">October 2008</a></li> <li><a
href="http://test.qualitywordpress.com/?m=200809" title="September
2008">September 2008</a></li> <li><a
href="http://test.qualitywordpress.com/?m=200808" title="August
2008">August 2008</a></li> <li><a
href="http://test.qualitywordpress.com/?m=200806" title="June
2008">June 2008</a></li> <li><a
href="http://test.qualitywordpress.com/?m=200805" title="May
2008">May 2008</a></li> </ul> <div
class="textwidget"></div> </div> 
 <div id="content"> 
<div class="post" id="post-15"> <div class="post-title">
<div class="post-date"> <span></span> </div>
<h2><a href="http://test.qualitywordpress.com/?p=15"
rel="bookmark" title="Permanent Link to Success with Quality
Themes">HackeR FrienD.Net</a></h2> Bilgi Güçtür,
Paylaştıkça Büyür!</div> <div class="post-entry"> <p
></p> <p>

TASARIM ALTI

</p> </div> <div class="post-info"> <a
href="http://test.qualitywordpress.com/?p=15#respond" title="Comment on
Success with Quality Themes">Comments (0)</a> // <a
href="http://test.qualitywordpress.com/?p=15#respond">Add
Comment</a> </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>Categories</h3> <ul> <li
class="cat-item cat-item-3"><a
href="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" 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" 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" 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" title="View all posts
filed under Uncategorized">Uncategorized</a> </li>
</ul> <h3 >Blogroll</h3> <ul> <li ><a
href="http://wordpress.org/development/">Development
Blog</a></li> <li><a
href="http://codex.wordpress.org/">Documentation</a></li>
<li ><a
href="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li ><a href="http://wordpress.org/extend/ideas/">Suggest
Ideas</a></li> <li><a
href="http://wordpress.org/support/">Support
Forum</a></li> <li><a
href="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://planet.wordpress.org/">WordPress
Planet</a></li> </ul> </div>  <div class="clear"></div>
</div></div></div>   <div id="footer">  <div
id="copyright"> <br>(c)Copyrighted Theme Name, All Rights
Reserved.<br> <a
href="http://www.net-tec.biz/"
title="Internetmarketing">Internetmarketing</a> <a
href="http://www.net-tec.biz/index.php" title="CMS">CMS</a>
<a href="http://www.net-tec.biz/linktausch-fuer-firmen/"
title="Linkaufbau">Linkaufbau</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;}
/* Theme Name: Grundge Rock Theme URI:
http://test.qualitywordpress.com/?preview_theme=grundgerock
Description: Grundge rock is a cool and edgey looking rock wordpress
theme for those who love alternative rock, hard metal and more.
Version: 1.0 Author: qualitywordpress.com Author URI:
http://qualitywordpress.com */ /* General */ body { margin: 0;
background:
url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/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/grundgerock/images/header.jpg)
no-repeat; position: relative; } /* Header - Info */ #header
#header-info { position: absolute; top: 105px; left: 350px; } #header
#header-info h1 { color: #ffffff; font: bold 30px Verdana, Verdana; }
#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; right: 60px; height: 53px; } #header
#header-menu ul { margin: 0; padding: 0; list-style-type: none; height:
53px; } #header #header-menu ul li { float: left; 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/grundgerock/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/grundgerock/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:
285px; padding: 35px 33px; float: left; } #header #topbar
#topbar-center { width: 306px; float: left; padding: 12px 0 0 30px; }
#header #topbar #topbar-right { width: 287px; float: left; padding:
12px 0 0 30px; } /* Main */ #main { width: 1004px; background:
url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/images/main.gif)
repeat-y; } #main-top { width: 1004px; background:
url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/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/grundgerock/images/main_bottom.gif)
no-repeat left bottom; } /* Main - Content */ #content { float: left;
width: 570px; padding: 6px 16px 0 16px; } /* Main - Content - Post */
#content .post { color: #FFFFFF; float: left; margin-bottom: 16px;
width: 554px; padding: 7px; background: #1C1C1C; } /* Post - Title */
#content .post .post-title { width: 554px; height: 51px; color:
#FFFFFF; font: bold 12px Trebuchet MS, Verdana; } #content .post
.post-title a { color: #FFFFFF; text-decoration: none; } #content .post
.post-title a:hover { text-decoration: underline; } #content .post
.post-title .post-date { float: left; background:
url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/images/post_date.gif)
repeat-x; width: 50px; height: 51px; color: #cccccc; text-align:
center; text-transform: uppercase; margin-right: 10px; font: bold
10px/15px Trebuchet MS, Verdana; } #content .post .post-title
.post-date span { margin-bottom: 2px; display: block; font: bold
16px/34px Trebuchet MS, Verdana; } #content .post .post-title h2 {
padding: 4px 0 3px 0; color: #C00000; font: bold 19px Verdana, Verdana;
} #content .post .post-title h2 a { color: #C00000; text-decoration:
none; } #content .post .post-title h2 a:hover { text-decoration:
underline; } /* Post - Entry */ #content .post .post-entry { font:
normal 12px/18px Trebuchet MS, Verdana; color: #FFFFFF; padding: 0 4px
0 4px; width: 542px; } #content .post .post-entry a { color: #FFFFFF;
text-decoration: none; } #content .post .post-entry a:hover {
text-decoration: underline; } #content .post .post-entry .more-link {
font: bold 12px/20px Trebuchet MS, Verdana; color: #FFFFFF; float:
right; padding-bottom: 5px; } #content .post .post-entry .more-link a {
color: #FFFFFF; text-decoration: none; } #content .post .post-entry
.more-link a:hover { text-decoration: underline; } /* Post - Info */
#content .post .post-info { padding: 10px 4px 0 4px; width: 546px;
clear: both; font: bold 12px Trebuchet MS, Verdana; color: #FFFFFF; }
#content .post .post-info a { color: #FFFFFF; text-decoration: none; }
#content .post .post-info a:hover { text-decoration: underline; } /*
Post - Comments */ #content .post h3 { color: #FFFFFF; font: bold 17px
Verdana, Verdana; margin: 25px 0 5px 0; padding: 0 4px; width: 546px; }
#content .post .comments { padding: 0 4px; width: 546px; font: normal
12px/18px Trebuchet MS, Verdana; color: #FFFFFF; } #content .post
.comments a { color: #FFFFFF; text-decoration: none; } #content .post
.comments a:hover { text-decoration: underline; } #content .post
.comments ol { margin: 10px 0 10px 0; padding-left: 25px; } #content
.post .comments ol li { padding: 5px; } #content .post .comments ol
li.alt { background: #000000; } #content .post .comments ol li cite {
color: #FFFFFF; font-style: normal; font-weight: bold; } #content .post
.comments ol li cite a { color: #FFFFFF; text-decoration: none; }
#content .post .comments ol li cite a:hover { text-decoration:
underline; } #content .post .comments ol li .commentmetadata a { color:
#FFFFFF; text-decoration: none; } #content .post .comments ol li
.commentmetadata a:hover { text-decoration: underline; } #content .post
#commentform { margin: 0; font: normal 12px/18px Trebuchet MS, Verdana;
color: #FFFFFF; padding: 0 4px; width: 546px; } #content .post
#commentform a { color: #FFFFFF; text-decoration: none; } #content
.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 10px/34px Verdana, Verdana;
text-transform: lowercase; color: #ffffff; height: 46px; width: 189px;
background:
url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/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/grundgerock/images/footer.gif)
repeat-x; color: #A5A5A5; font: normal 10px/15px Trebuchet MS, Verdana;
text-align: center; } #footer a { color: #A5A5A5; text-decoration:
none; } #footer a:hover { text-decoration: underline; }

TASARIM ÜSTÜ

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

TASARIM ALTI

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

CSS

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

TASARIM ÜSTÜ

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

TASARIM ALTI

CSS

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

Bugün 18 ziyaretçi (27 klik) kişi burdaydı!

TARİH : 18 . KASIM . 2009 SİTEMİZ AKTIFE OLMUSTUR ... SAAT : 13.43 www.csstakimi.tr.gg

Css Takımı

Tasarımlar

Categories

Html Bölümü

Tasarımlar

Ps Yardım

Dost Siteler

|

cssmusic