Müzik CSS Tasarımı Resimli ~ [HAZIR]

Konu: Müzik CSS Tasarımı Resimli ~ [HAZIR] Salı Ocak 04, 2011 2:32 pm

CSS Müzik Tasarımı

[Resimleri görebilmek için üye olun veya giriş yapın.]

Tasarım Üzerine

Kod:: [color=#000000][color=#808080][font=arial]<body>
<div id="templatemo_container_wrapper">
<div id="templatemo_container">

<div id="templatemo_top">
<a href="#">Ana Sayfa</a> | <a href="#">İletişim</a>
</div>

<div id="templatemo_header">
<div id="templatemo_site_title"><span>Css-Sablon</span> / Müzik</div>
<div id="templatemo_site_slogan">Profesyonel Webmaster Servisi</div>
</div>

<div id="templatemo_menuleft"></div>
<div id="templatemo_menu">
<ul>
<li><a href="#" class="current">Ana Sayfa</a></li>
<li><a href="#">İletişim</a></li>
<li><a href="#">Ziyaretçi Defteri</a></li>
<li><a href="#">Top-List</a></li>
<li><a href="#">Müzikler</a></li>
<li><a href="#">Hakkımızda</a></li>
</ul>
</div>

<div id="templatemo_content">
<div id="templatemo_left_column">
<div class="templatemo_section2">
<h1>Ana Menü</h1>
<a href="#" class="current">Ana Sayfa</a><br />
<a href="#">İletişim</a><br />
<a href="#">Ziyaretçi Defteri</a><br />
<a href="#">Top-List</a><br />
<a href="#">Müzikler</a><br />
<a href="#">Hakkımızda</a><br />
</div>
<div class="templatemo_section2">
<h1>Dost Siteler</h1>
<a href="http://css-sablon.tr.gg/">Css-Sablon</a><br />
<a href="#">Siteni Ekle</a><br />
<a href="#">Siteni Ekle</a><br />
<a href="#">Siteni Ekle</a><br />
<a href="#">Siteni Ekle</a><br />
</div>
</div>

<div id="templatemo_right_column">
<h1>Css-Sablon / Müzik</h1>[/font][/color][/color]

Tasarım Altına

Kod:: [color=#000000][color=#808080][font=arial]</div>
</div>
<div id="templatemo_footer">
<a href="#">Ana Sayfa</a> | <a href="#">İletişim</a> | <a href="#">Ziyaretçi Defteri</a> | <a href="#">Top-List</a> | <a href="#">Hakkımızda</a><br />
Copyright © 2009 Tüm Hakkı Saklıdır... | Design by <a href="http://css-sablon.tr.gg" target="_blank">Css-Sablon</a>
</div>

</div>
</div>
</body>
</html>[/font][/color][/color]

CSS Kodu

Kod:: [color=#000000][color=#808080][font=arial]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/
*/

body {
margin:0;
padding:0;
line-height: 1.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background: #2b1e1e;
}

a:link, a:visited { color: #ffffff; text-decoration: none; }
a:active, a:hover { color: #ffffff; text-decoration: underline; }

h1 {
margin:0px 0px 10px 0px;
padding-bottom: 8px;
font-weight: bold;
font-size: 14px;
color:#FFFFFF;
border-bottom: solid 1px #FF0000;
}

h3 {
margin: 0px;
padding: 2px 0px 2px 10px;
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
}
.text_area {
text-align: justify;
}
img {
margin: 10px 10px 0px 10px;
float:left;
border: 2px solid #FFFFFF;
}

#templatemo_container_wrapper {
background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_main_background.gif) repeat-x;
}

#templatemo_container {
margin: 0px auto;
width: 810px;
}

#templatemo_top{
float: left;
margin-left: -10px;
padding: 19px 0px 10px 0px;
text-align: right;
width: 810px;
}

#templatemo_header {
clear: left;
margin-bottom:5px;
width: 810px;
height: 235px;
background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_header_background.jpg) no-repeat;
}

#templatemo_site_title {
padding-top: 120px;
padding-left: 50px;
font-size: 35px;
color: #2b1e1e;
}

#templatemo_site_title span {
font-weight: bold;
color: #c32929;
}

#templatemo_site_slogan {
padding-top: 10px;
padding-left: 200px;
font-size: 12px;
color: #2b1e1e;
}

/*------------- Menu ------------------*/
#templatemo_menuleft {
float: left;
height: 41px;
width: 20px;
background: #FF0000 url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_menu_leftborder.gif) no-repeat;
}

#templatemo_menu{
float: left;
margin-top: 0px;
padding: 0px;
width: 790px;
height: 41px;
background: #FF0000 url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_menu_background.gif) right no-repeat;
}

#templatemo_menu ul {
margin: 0px;
padding: 0px;
list-style: none;
text-align: center;
}

#templatemo_menu ul li{
display: inline;
}

#templatemo_menu ul li a{
float: left;
padding: 11px 1px;
width: 127px;
font: 16px arial;
text-align: center;
text-decoration: none;
color: #1e1717;
}
#templatemo_menu ul li a:hover, #templatemo_menu ul li .current{
color: #ffffff;
text-decoration: none;
background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_mousehover.gif) repeat-x;
}

/*---------- end of menu -------------*/

/* ----------------- Content ----------------------- */

#templatemo_content {
float: left;
width: 810px;
background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/tempaltemo_content_background.gif) repeat-y;
}

#templatemo_left_column {
float: left;
padding: 20px;
width: 200px;
min-height: 420px;
background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_leftcolumn_border.gif) right center no-repeat;

}

#templatemo_right_column {
float: right;
width: 530px;
padding: 20px;
padding-left: 0px;
min-height: 420px;
}

#templatemo_content_bottom {
clear: left;
margin: 0px;
padding: 0px;
width: 810px;
height: 5px;
background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/tempaltemo_content_bottom.gif) no-repeat;
}

/*------------ end of content ------------*/

.news_section {
float: left;
padding: 0px;
width: 300px;
margin-right: 15px;
background: #1e1717;
}

.news_section p {
margin: 0px;
padding: 0px 0px 5px 10px;
font-size: 11px;
}

.promotion_section {
float: left;
margin: 0px;
padding: 0px;
width:200px;
background: #1e1717;
}

.promotion_section p{
margin: 0px;
padding: 5px 5px 5px 10px;
font-size: 11px;
}

.more{
padding: 0px 10px 10px 0px;
text-align: right;
font-size: 11px;
font-weight: bold;
}

.templatemo_section2 {
margin-bottom: 10px;
padding: 10px;
border: #000000 solid 1px;
background: #1e1717;
}

.templatemo_section2 a {
padding-left: 20px;
color: #c32929;
line-height: 25px;
text-decoration: none;
background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_list_icon.gif) center left no-repeat;
}

.templatemo_section2 a:hover {
color: #ff0000;
text-decoration: none;
}

/* search form */
form {
padding: 0 0 6px 8px;
}

.button {
margin-top: 10px;
padding: 1px 5px;
border: none;
color: #FFFFFF;
background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_button_background.gif) repeat-x;
}
/* ----------- */

/* -------- Footer --------- */

#templatemo_footer {
clear: left;
padding: 10px;
height: 62px;
color: #c32929;
line-height: 24px;
text-align: center;
}
#templatemo_footer a {
color: #c32929;
text-decoration: none;
}

#templatemo_footer a:hover {
color: #ff0000;
}

/* --------- end of footer --------------*/

table {margin-left: auto;margin-right: auto}[/font][/color][/color]

» Kendi Yaptıgınız Tasarımı Hazır Tasarıma Çevirmek
» 10 TL Ye Hazır Bir Site
» Yahoo Messenger 9 hazır!
» Üç Boyutlu Oyun Oynamaya Hazır mısın ?
» /Hazır/Buton,font,icon,animasyon.