SİTENE EKLE KOD,TASARIM,MENU,ICON,ARAÇ,YAZI

kod157

TASARIM ÜSTÜ

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

TASARIM ALTI

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

CSS

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

Bugün 118 ziyaretçi (149 klik) kişi burdaydı!

eBlog Templates Demo

SİTENE EKLE KOD,TASARIM,MENU,ICON,ARAÇ,YAZI

kod157