Photoshop Ustası - photoshop'un Ustası

Css Tasarımlar

DJ TASARIMI

TASARIM ÜSTÜ
<div id="container"> <div id="header"> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Members</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Gallery</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Parties</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Booking</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Contact</a></li> </ul> </div> <div id="welcome">

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

UÇAK TEMASI

TASARIM ÜSTÜ
<div id="body_wrapper">  <div id="company_header"> <div class="add_shadow"><div><div> <div id="company_logo"> <h1><span>Travel Agency</span></h1> </div> </div></div></div> </div>   <div id="nav_menu"> <ul> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Main Page</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Our Tours</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Destinations</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Hotel Guide</a></li> <li id="last"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Contacts</a></li> </ul> </div>   <div id="content_body">  <div id="left_column">  <div class="content_header"> <div class="add_shadow"><div><div> <div class="content_header2"> <h2>Travel Gallery</h2> </div> </div></div></div> </div> <div id="travelgallery">  <div class="gallery_thumbnail"> <div class="add_shadow"><div><div> <img src="https://img.webme.com/pic/k/kaynakkodum/travelgallery_01.gif" _fcksavedurl="https://img.webme.com/pic/k/kaynakkodum/travelgallery_01.gif" width="170" height="114" alt="Thumbnail Caption" /> </div></div></div> </div>   <div class="gallery_thumbnail"> <div class="add_shadow"><div><div> <img src="https://img.webme.com/pic/k/kaynakkodum/travelgallery_02.gif" _fcksavedurl="https://img.webme.com/pic/k/kaynakkodum/travelgallery_02.gif" width="170" height="114" alt="Thumbnail Caption" /> </div></div></div> </div>   <div class="gallery_thumbnail"> <div class="add_shadow"><div><div> <img src="https://img.webme.com/pic/k/kaynakkodum/travelgallery_03.gif" _fcksavedurl="https://img.webme.com/pic/k/kaynakkodum/travelgallery_03.gif" width="170" height="114" alt="Thumbnail Caption" /> </div></div></div> </div>   <div class="gallery_thumbnail"> <div class="add_shadow"><div><div> <img src="https://img.webme.com/pic/k/kaynakkodum/travelgallery_04.gif" _fcksavedurl="https://img.webme.com/pic/k/kaynakkodum/travelgallery_04.gif" width="170" height="114" alt="Thumbnail Caption" /> </div></div></div> </div>  <div class="clearthis"> </div> <div class="view_all"> <div class="add_shadow"><div><div> <a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">View All Photos</a> </div></div></div> </div> </div>  </div>   <div id="right_column"> www.kaynakkodum.tr.gg

TASARIM ALTI
</div>  <div class="clearthis"> </div> </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: 10px 0px 10px;  background-color: #484848; color: #fff; font-family: verdana, arial,  sans-serif; font-size: 12px; text-align: center; } a { color: #fff;  background-color: inherit; text-decoration: underline; } a:hover {  color: #e1d9a7; background-color: inherit; } span { display: none; } img  { border: none; } ul { list-style-type: none; } li { list-style-type:  none; } p { margin: 6px 0px 15px; 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; } #body_wrapper { margin: 0px auto; padding: 2px 0px; width:  777px; background-color: #fcfcfc; color: inherit; text-align: left; }  .add_shadow { float: left; background:  url('https://img.webme.com/pic/k/kaynakkodum/shadow_bot.gif') no-repeat  0% 100%; } .add_shadow div { display: block; float: left; background:  url('https://img.webme.com/pic/k/kaynakkodum/shadow_right.gif') no-repeat  100% 0%; } .add_shadow div div { display: block; float: none; padding:  0px 5px 5px 0px; background:  url('https://img.webme.com/pic/k/kaynakkodum/shadow_rightbot.gif')  no-repeat 100% 100%; } .add_shadow div div div { padding: 0px;  background: none; } /* Company Logo */ #company_header { margin: 45px  10px; z-index: 1; position: absolute; } #company_logo { padding: 3px;  background:  url('https://img.webme.com/pic/k/kaynakkodum/company_poster.gif') #fff  no-repeat 3px 3px; color: #000; } #company_logo h1 { display: block;  background:  url('https://img.webme.com/pic/k/kaynakkodum/company_logo.gif') no-repeat  50% 3px; width: 368px; height: 368px; } #company_logo h1 span {  display: none; } /* Navigational Menu */ #nav_menu { margin: 0px 2px;  width: 773px; background-color: #5c3424; color: #fff; border-bottom:  #fff 2px solid; font-family: arial, sans-serif; font-weight: bold;  letter-spacing: 1px; text-transform: uppercase; } #nav_menu ul {  margin-left: 130px; width: 630px; height: 27px; overflow: hidden; }  #nav_menu li { padding: 5px 11px 3px 10px; background:  url('https://img.webme.com/pic/k/kaynakkodum/navmenu_div.gif') no-repeat  100% 7px; float: left; } #nav_menu li#last { padding-right: 10px;  background-image: none; } #nav_menu a { text-decoration: none; } /*  Content Body */ #content_body { margin: 0px 2px; padding: 17px 12px 15px  15px; background-color: #dddacc; border-bottom: #fff 2px solid; color:  #000000; text-align: left; } #content_body a { background-color:  inherit; color: #000000; } #content_body a:hover { background-color:  #dddacc; color: #a64a26; } #content_body .content_header2 { display:  block; border: #000 2px solid; } #content_body .content_header h2 {  padding: 3px 0px; font-size: 14px; font-weight: bold; text-align:  center; text-transform: uppercase; } #content_body .content_box {  padding: 10px 15px 20px 6px; clear: both; float: none; } /* Left Column  */ #left_column { margin-left: 5px; margin-top: 395px; width: 365px;  float: left; } #left_column .content_header { padding-bottom: 45px; }  #left_column .content_header h2 { width: 351px; background-color:  #c4bea1; color: #545246; } /* Right Column */ #right_column { width:  353px; float: right; } #right_column .content_header h2 { width: 348px;  background-color: #a64a26; color: #fff; } /* Travel Gallery */  #travelgallery { padding-bottom: 5px; float: none; clear: both;  text-align: center; } .gallery_thumbnail { float: left; padding: 5px 5px  0px 0px; } .gallery_thumbnail .add_shadow { background-color: #000;  color: #fff; } .gallery_thumbnail .add_shadow div div { padding-bottom:  3px; } .gallery_thumbnail .add_shadow img { margin: 1px; }  #travelgallery .view_all { margin: 15px auto 0px; width: 154px; height:  26px; float: none; clear: both; } #travelgallery .view_all a { padding:  3px 5px; border: #000 1px solid; background-color: #c4bea1; color:  #5c3424; display: block; font-weight: bold; font-family: arial,  sans-serif; letter-spacing: 1px; text-decoration: none; text-transform:  uppercase; text-align: center; } #travelgallery .view_all a:hover {  background-color: #be552c; color: #fff; } /* Page Footer */ #page_footer  { margin: 0px 2px; padding: 7px 0px; width: 773px; background-color:  #5c3424; color: inherit; font-size: 11px; font-weight: bold; text-align:  center; }

Sayfa : 1 - 2 - 3 - 4 - 5

Ana Menü

Photoshop

Webmaster

Eğlence

Dost Siteler

Photoshop Ustası - photoshop'un Ustası

Css Tasarımlar