Photoshop Ustası - photoshop'un Ustası - Css Tasarımlar (Sayfa 4)

Css Tasarımlar (Sayfa 4)

RADYO SİTESİ TEMASI

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; }

FİLM SİTESİ TEMASI

TASARIM ÜSTÜ
<div id="conntainer">  <div id="page_header"> <div id="company_name"> <h1><span>United Brothers</span></h1> </div> </div>   <div id="page_menu"> <ul> <li class="home"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="Home"><span>Home</span></a></li> <li class="aboutus"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="About Us"><span>About Us</span></a></li> <li class="gallery"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="Gallery"><span>Gallery</span></a></li> <li class="portfolio"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="Portfolio"><span>Portfolio</span></a></li> <li class="procedure"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="Procedure"><span>Procedure</span></a></li> <li class="contact"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="Contact"><span>Contact</span></a></li> </ul> </div>   <div id="left_sidebar">  <div class="content_header"> <h2><span>Experts' Voice</span></h2> </div> <div class="content_box_right"> <div class="content_box_left"> <div class="content_box"> <div class="thumbnail"> <img src="http://www.freewebsitetemplates.com/preview/moviecompany/images/_thumbnail01.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/moviecompany/images/_thumbnail01.gif" width="106" height="100" alt="Caption Here" /> </div> <h3> <strong>Mark Someone</strong> <br /> Video Editor </h3> <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> <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> <p>To find great hosting providers visit <a href="http://www.webhostingzoom.com" _fcksavedurl="http://www.webhostingzoom.com">Web Hosting Zoom</a></p> <div class="link-more"> <a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">...Read More</a> </div> </div> </div> </div>  </div>   <div id="main_content"> <div class="content_header"> <h2><span>Top 20 Masters of the Month</span></h2> </div> <div class="content_box_right"> <div class="content_box_left"> <div class="content_box"> <div id="main_content_border"> <div class="topmasters">
TASARIM ALTI
<div class="clearthis"> </div> </div> <div class="divider"> </div> </div> </div> </div> </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 { background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/body_background.gif')     #4a4848 repeat-x 0px 0px; color: #a7a7a7; font-family: tahoma, arial,  sans-serif; font-size: 9px; text-align: center; } a { color: #fff;  text-decoration: none; } a:hover { color: #ea9a2e; } 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: 13px; } .clearthis { margin : 0px; height : 1px; clear :  both; float : none; font-size : 1px; line-height : 0px; overflow :  hidden; visibility: hidden; } #conntainer { margin: 0px auto; width:  780px; text-align: left; } /* Page Header */ #page_header { width:  780px; height: 122px; background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/header_background.gif')     no-repeat 0px 0px; } #company_name { padding-left: 204px; height:  122px; background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/header_image.gif')     no-repeat 18px 9px; } #company_name h1 { width: 155px; height: 32px;  background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/company_name.gif')     no-repeat 0px 0px; } /* Page Menu */ #page_menu { margin-bottom: 14px;  width: 780px; height: 42px; background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_background.gif')     no-repeat 0px 0px; text-align: center; } #page_menu ul { margin: 0px  auto; height: 29px; width: 606px; } #page_menu li { width: 101px;  height: 29px; background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_link_bg.gif')     no-repeat 0px 0px; float: left; } #page_menu li a { margin-top: 11px;  height: 10px; width: 101px; display: block; } #page_menu .home a {  background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_home.gif')     no-repeat 50% 0px; } #page_menu .aboutus a { background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_aboutus.gif')     no-repeat 50% 0px; } #page_menu .gallery a { background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_gallery.gif')     no-repeat 50% 0px; } #page_menu .portfolio a { background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_portfolio.gif')     no-repeat 50% 0px; } #page_menu .procedure a { background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_procedure.gif')     no-repeat 50% 0px; } #page_menu .contact a { background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_contact.gif')     no-repeat 50% 0px; } /* Page Body Content */ .content_header { height:  38px; background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_topright.gif')     #353434 no-repeat 100% 0px; overflow: hidden; } .content_header h2 {  padding-left: 41px; height: 38px; background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_topleft.gif')     no-repeat 0px 0px; } .content_box_right { margin-bottom: 8px;  background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_botright.gif')     #353434 no-repeat 100% 100%; } .content_box_left{ padding-bottom: 12px;  background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_botleft.gif')     no-repeat 0px 100%; } .content_box { padding: 5px 13px; } .content_box  .thumbnail { float: left; border: #a1a19e 1px solid; } .content_box h3 {  padding-top: 10px; padding-bottom: 3px; font-size: 9px; font-weight:  normal; } /* Left Sidebar */ #left_sidebar { padding-left: 17px; float:  left; } #left_sidebar .content_header { width: 134px; } #left_sidebar  .content_header h2 { color: #9bb74b; font-weight: bold; font-size: 11px;  line-height: 11px; } #left_sidebar .content_header h2 span { display:  block; padding-top: 10px; } #left_sidebar .content_box_left { width:  134px; } #left_sidebar .content_box { background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/left_sidebar_bg.gif')     repeat-y 0px 0px; } #left_sidebar .content_box h3 { color: #ea912e;  clear: both; } #left_sidebar .link-more { padding-top: 2px; text-align:  right; } #left_sidebar .link-more a { color: #a7a7a7; font-weight: bold;  } #left_sidebar .link-more a:hover { color: #f1af3b; } /* Main Content  */ #main_content { padding-right: 17px; float: right; } #main_content  .content_header { width: 594px; } #main_content .content_header h2 {  color: #f89d31; font-size: 12px; line-height: 12px; } #main_content  .content_header h2 span { display: block; padding-left: 3px;  padding-top: 10px; } #main_content .content_box_left { width: 594px; }  #main_content .content_box { padding: 5px 11px 0px 0px; background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_background.gif')     no-repeat 100% 0%; border-width: 0px 2px; border-color: #d2913d;  border-style: solid; } #main_content_border { padding-left: 42px;  background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_side.gif')     repeat-y 5px -1px; } #main_content .link-more { padding-bottom: 7px;  padding-right: 5px; text-align: right; line-height: 11px; }  #main_content .link-more a { color: #ea9a2e; font-weight: bold; }  #main_content .link-more a:hover { color: #f7ec37; } #main_content  .divider { margin: 0px auto 7px 2px; width: 522px; height: 3px;  background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_divider.gif')     repeat-x 0px 0px; overflow: hidden; } /* Top Masters */ .topmasters {  padding: 6px 0px; } .topmasters_info { float: right; width: 383px; }  .topmasters_info h3 { padding: 2px 0px 2px; width: 383px; color:  #9bb74b; } .topmasters_info p { margin: 0px; padding: 10px 5px 10px 0px;  clear: both; } /* Login Box */ #loginbox_left { margin-bottom: 5px;  margin-top: 10px; padding-left: 14px; background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/loginbox_bgleft.gif')     #686765 no-repeat 0px 0px; float: left; } #loginbox_right {  padding-right: 14px; background:  url('http://www.freewebsitetemplates.com/preview/moviecompany/images/loginbox_bgright.gif')     no-repeat 100% 0px; } #loginbox { width: 160px; height: 99px; overflow:  hidden; color: #fafafa; font-size: 9px; font-weight: bold; line-height:  9px; } #loginbox a { text-decoration: underline; } #loginbox a:hover {  color: #f7b637; } #loginbox h2 { padding-top: 7px; color: #f7b637;  font-size: 12px; line-height: 12px; font-weight: bold; } #loginbox form {  margin: 13px 0px 3px; } .loginbox_formfield { padding: 0px 3px 2px 2px;  } .loginbox_formfield strong { padding-top: 3px; float: left; width:  55px; display: block; } #loginbox input { width: 97px; color: #fff;  padding-top: 2px; background-color: #4a4948; border: #8e8c89 1px solid;  font-family: tahoma, arial, sans-serif; font-size: 9px; font-weight:  bold; float: right; } #loginbox input.button { margin-top: 1px; width:  41px; height: 14px; border: none; text-align: center; font-weight:  normal; cursor: pointer; } #loginbox_register { padding-top: 10px;  line-height: 10px; } /* Tips of the Day */ #tips { padding: 8px 10px 5px  17px; border-left: #62615f 1px solid; float: right; } #tips_box {  width: 295px; font-weight: bold; } #tips_box a { color: #f1ab30;  text-decoration: underline; } #tips_box a:hover { color: #f7f037; }  #tips_box h2 { padding-bottom: 9px; color: #9bb74b; font-size: 12px; }  #tips_box ul { padding: 3px 0px 3px; } #tips_box li { padding: 3px 0px; }  /* Page Footer */ #page_footer { padding: 2px 10px 15px; color:  #adacab; text-align: center; } #page_footer a { color: #adacab;  text-decoration: underline; } #page_footer a:hover { color: #f7ec37; }

MÜZİK SİTESİ TEMASI

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; }

Ana Menü

Photoshop

Webmaster

Eğlence

Dost Siteler

Photoshop Ustası - photoshop'un Ustası

Css Tasarımlar (Sayfa 4)