Forum'da ara:
Ara


Yazar Mesaj
Mesaj31.12.2008, 16:49 (UTC)    
Mesaj konusu: tasarim yardimi

s.a ben sitemin tasarimini degistirecegim yeni bi tasarim buldum nu kullanmak istiyorum ama tasarim kodu hazir tek indirmen gerekiyor benim pcde sorun oldugu indirmiyor sizler bana o kodlari indirmenizi ve bana kodu yollamanizi istiyorum

site bu http://hackerfriend.tr.gg/profcss.htm

tasarim no 114
______________


Mesaj31.12.2008, 17:20 (UTC)    
Mesaj konusu:

Merhaba
Ana Sayfa İçin :
Kod:
<div class="center_title_bar">Ürünler</div>
      <div class="prod_box">
        <div class="top_prod_box"></div>
        <div class="center_prod_box">
          <div class="product_title"><a href="details.html">Motorola 156 MX-VL</a></div>
          <div class="product_img"><a href="details.html"><img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/laptop.gif" alt="" border="0" /></a></div>
          <div class="prod_price"><span class="reduce">350$</span> <span class="price">270$</span></div>
        </div>
        <div class="bottom_prod_box"></div>
        <div class="prod_details_tab"> <a href="http://www.free-css.com/" title="header=[Add to cart] body=[&nbsp;] fade=[on]"><img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/cart.gif" alt="" border="0" class="left_bt" /></a> <a href="http://www.free-css.com/" title="header=[Specials] body=[&nbsp;] fade=[on]"><img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/favs.gif" alt="" border="0" class="left_bt" /></a> <a href="http://www.free-css.com/" title="header=[Gifts] body=[&nbsp;] fade=[on]"><img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/favorites.gif" alt="" border="0" class="left_bt" /></a> <a href="details.html" class="prod_details">details</a> </div>
      </div>
      <div class="prod_box">
        <div class="top_prod_box"></div>
        <div class="center_prod_box">
          <div class="product_title"><a href="details.html">Iphone Apple</a></div>
          <div class="product_img"><a href="details.html"><img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/p4.gif" alt="" border="0" /></a></div>
          <div class="prod_price"><span class="price">270$</span></div>
        </div>
        <div class="bottom_prod_box"></div>
        <div class="prod_details_tab"> <a href="http://www.free-css.com/" title="header=[Add to cart] body=[&nbsp;] fade=[on]"><img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/cart.gif" alt="" border="0" class="left_bt" /></a> <a href="http://www.free-css.com/" title="header=[Specials] body=[&nbsp;] fade=[on]"><img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/favs.gif" alt="" border="0" class="left_bt" /></a> <a href="http://www.free-css.com/" title="header=[Gifts] body=[&nbsp;] fade=[on]"><img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/favorites.gif" alt="" border="0" class="left_bt" /></a> <a href="details.html" class="prod_details">details</a> </div>
      </div>
      <div class="prod_box">
        <div class="top_prod_box"></div>
        <div class="center_prod_box">
          <div class="product_title"><a href="details.html">Samsung Webcam</a></div>
          <div class="product_img"><a href="details.html"><img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/p5.gif" alt="" border="0" /></a></div>
          <div class="prod_price"><span class="reduce">350$</span> <span class="price">270$</span></div>
        </div>
        <div class="bottom_prod_box"></div>
        <div class="prod_details_tab"> <a href="http://www.free-css.com/" title="header=[Add to cart] body=[&nbsp;] fade=[on]"><img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/cart.gif" alt="" border="0" class="left_bt" /></a> <a href="http://www.free-css.com/" title="header=[Specials] body=[&nbsp;] fade=[on]"><img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/favs.gif" alt="" border="0" class="left_bt" /></a> <a href="http://www.free-css.com/" title="header=[Gifts] body=[&nbsp;] fade=[on]"><img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/favorites.gif" alt="" border="0" class="left_bt" /></a> <a href="details.html" class="prod_details">details</a> </div>
      </div>

Not : eğer ürün/sayfa kategorilenmdirmesi yapacaksanız aşağıdaki kodu kullanınız.
Yan yana 3 sütun olarak kategorilendirme yapar.
Kaynağa yapıştırarak deneme yanılma yapabilirsiniz

CSS Kodu Bölümüne :
Kod:
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
{
background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/bg.jpg) no-repeat #fff center top;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px auto auto auto;
color:#000;
}
p{
padding:2px;
margin:0px;
}
#main_container{
width:1000px;
height:auto;
margin:auto;
padding:0px;
}
.top_bar{
width:1000px;
height:38px;
background-color:#4a4a4a;
}
.top_search{
width:370px;
height:32px;
margin:0px 20px 0 0;
_margin:0px 10px 0 0;
float:right;
background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/top_search_bg.gif) no-repeat center;
}
input.search_input{
width:182px;
height:18px;
float:left;
margin:5px 0 0 0 ;
border:1px solid #dbdbdb;
border-bottom-color:#ffffff;
border-right-color:#ffffff;
}
.search_text{
float:left;
width:110px;
padding:8px 0 0 15px;
color:#999999;
}
.search_text a{
text-decoration:none;
color:#999999;
}
.search_bt{
float:left;
padding:2px 0 0 15px;
}
.languages{
float:right;
width:150px;
padding:8px 0 0 0;
}
.lang_text{
float:left;
padding:0 5px 0 0;
color:#b3adad;
}
a.lang{
display:block;
float:left;
padding:0 5px 0 5px;
}
#header{
width:1000px;
height:173px;
background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/header_bg.jpg) no-repeat center;
background-position:0px 0px;
margin:auto;
}
#logo{
float:left;
padding:15px;
}
/*------------------------------oferte_content-----------------------*/
.oferte_content{
width:600px;
height:164px;
float:left;
padding:0 0 0 50px;
}
.top_divider{
float:left;
width:1px;
height:164px;
}
.oferta{
width:538px;
float:left;
padding:15px 30px 0 30px;
}
.oferta_img{
float:left;
padding:0 0 10px 0;
}
.oferta_title{
font-size:15px;
color:#b72c24;
font-weight:bold;
}
.oferta_details{
width:400px;
float:left;
padding:0 0 0 30px;
}
.oferta_text{
padding:5px 0 5px 0;
font-size:12px;
color:#FFFFFF;
text-align:justify;
line-height:15px;
}
a.details{
width:83px;
height:21px;
display:block;
float:right;
margin:5px 0 0 0;
padding-left:5px;
background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/details_bt_bg.gif) no-repeat center;
text-align:center;
line-height:21px;
text-decoration:none;
color:#000000;
}
/*---------------------oferta_pagination-----------------------------*/

div.oferta_pagination {
clear:both;
padding:10px 0 0 0;
_padding:0px 0 0 0;
margin:5px;
text-align:center;
float:left;
font-size:10px;
}

div.oferta_pagination a {
width:22px;
height:22px;
display:block;
float:left;
margin:0 0 0 5px;
_margin:0 0 0 3px;
line-height:23px;
text-align:center;
background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/pag_bg.gif) no-repeat center;
text-decoration:none;
color:#9d8b8b;
}
div.oferta_pagination a:hover, div.pagination a:active {
width:22px;
height:22px;
display:block;
float:left;
line-height:23px;
text-align:center;
background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/pag_bg_a.gif) no-repeat center;
text-decoration:none;
color:#ad1614;
}
div.oferta_pagination span.current {
width:22px;
height:22px;
display:block;
float:left;
line-height:23px;
text-align:center;
background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/pag_bg_a.gif) no-repeat center;
text-decoration:none;
color:#ad1614;
}
#main_content{
clear:both;
}
/*---------------- menu tab----------------------*/
#menu_tab{
width:1000px;
height:50px;
background-color:#fff;
}
.left_menu_corner{
width:9px;
height:50px;
float:left;
background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/menu_left.gif) no-repeat center;
}
.right_menu_corner{
width:9px;
height:50px;
float:left;
background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/menu_right.gif) no-repeat center;
}
ul.menu {
list-style-type:none; float:left; display:block; width:982px;
margin:0px; padding:0px;background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/menu_bg.gif) repeat-x;}

ul.menu li {
display:inline;
font-size:11px;
font-weight:bold;
line-height:50px;
}
ul.menu li.divider {
display:inline;
width:2px;
height:50px;
float:left;
background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/menu_divider.gif) no-repeat center;
}

a.nav1:link, a.nav1:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/home.png) no-repeat left; color:#676d77;}
a.nav2:link, a.nav2:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/services.png) no-repeat left; color:#676d77;}
a.nav3:link, a.nav3:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/favs.png) no-repeat left; color:#676d77;}
a.nav4:link, a.nav4:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/user_add.png) no-repeat left; color:#676d77;}
a.nav5:link, a.nav5:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/car.png) no-repeat left; color:#676d77;}
a.nav6:link, a.nav6:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/contact-new.png) no-repeat left; color:#676d77;}

a.nav1:hover, a.nav2:hover, a.nav3:hover, a.nav4:hover, a.nav5:hover, a.nav6:hover {
color:#333333;}


li.currencies{
width:180px;
float:left;
padding:0 0 0 15px;
_padding:12px 0 0 15px;
color:#676d77;
font-size:11px;
font-weight:bold;
}
/*----------------crumb_navigation-------------*/
.crumb_navigation{
width:980px;
height:15px;
padding:5px 10px 0 20px;
color:#333333;
background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/navbullet.png) no-repeat left;
background-position:5px 6px;
}
.crumb_navigation a{
color:#0fa0dd;
text-decoration:underline;
}
span.current{
color:#0fa0dd;
}

/*-------------left_content------------------*/
.left_content{
width:196px;
float:left;
}
.title_box{
width:196px;
height:30px;
margin:5px 0 0 0;
background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/menu_title_bg.gif) no-repeat center;
text-align:center;
font-size:13px;
font-weight:bold;
color:#fff;
line-height:30px;
}
/*--------left menu---------*/
ul.left_menu{
width:196px;
padding:0px;
margin:0px;
list-style:none;
}
ul.left_menu li{
margin:0px;
list-style:none;
}
ul.left_menu li.odd a{
width:166px;height:25px;display:block;background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/checked.png) no-repeat left #dad0d0; background-position:5px 5px;border-bottom:1px #FFFFFF solid;
text-decoration:none;color:#504b4b;padding:0 0 0 30px; line-height:25px;
}
ul.left_menu li.even a{
width:166px;height:25px;display:block;background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/checked.png) no-repeat left #eee6e6;background-position:5px 5px;border-bottom:1px #FFFFFF solid;
text-decoration:none;color:#504b4b;padding:0 0 0 30px; line-height:25px;
}
ul.left_menu li.even a:hover, ul.left_menu li.odd a:hover{
background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/checked.png) no-repeat left #7bbcc7; color:#FFFFFF;background-position:5px 5px;
}

.border_box{
width:194px;
height:auto;
text-align:center;
border:1px #6da6b1 solid;
}
.product_title{
color:#ea2222;
padding:5px 0 5px 0;
font-weight:bold;
}
.product_title a{
text-decoration:none;
color:#ea2222;
padding:5px 0 5px 0;
font-weight:bold;
}
.product_title a:hover{
color:#064E5A;
}
.product_img{
padding:5px 0 5px 0;
}
.prod_price{
padding:5px 0 5px 0;
}
span.reduce{
color:#999999;
text-decoration:line-through;
}
span.price{
color:#ea2222;
}
/*----------newsletter--------------*/
input.newsletter_input{
width:160px;
height:16px;
border:1px #ddd9d9 solid;
margin:10px 0 5px 0;
font-size:12px;
padding:3px;
color:#999999;
}
a.join{
width:17px;
display:block;
margin:5px 0 5px 140px;
_margin:5px 0 5px 130px;
background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/blue-add.png) no-repeat left;
padding:0 0 0 20px;
text-decoration:none;
color:#1c4a52;
}
.banner_adds{
width:194px;
text-align:center;
padding:10px 0 10px 0;
}

/*center content--------------------------*/
.center_content{
width:585px;
float:left;
padding:5px 10px;
}
.center_title_bar{
width:520px;
height:33px;
float:left;
padding:0 0 0 40px;
margin:0 0 0 12px;
_margin:0 0 0 6px;
line-height:33px;
font-size:12px;
color:#847676;
font-weight:bold;
background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/bar_bg.gif) no-repeat center;
}

/*----------------------right content--------------*/
.right_content{
width:196px;
float:left;
padding:5px 0 0 0;
}
.shopping_cart{
width:195px;
height:84px;
text-align:center;
background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/cart_bg.gif) no-repeat center;
}
.cart_title{
font-size:12px;
font-size:12px;
color:#847676;
font-weight:bold;
padding:8px 0 0 0;
}
.cart_details{
width:115px;
float:left;
padding:5px 0 0 15px;
text-align:left;
}
.cart_icon{
float:left;
padding:5px 0 0 5px;
}
span.border_cart{
width:100px;
height:1px;
margin:3px 0 3px 0;
display:block;
border-top:1px #999999 dashed;
}
/*---------prod_box----------*/
.prod_box{
width:173px;
height:auto;
float:left;
padding:10px 10px 10px 11px;
}
.top_prod_box{
width:173px;height:12px;background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/product_box_top.gif) no-repeat center bottom;float:left; padding:0px; margin:0px;
}
.bottom_prod_box{
width:173px;height:10px;background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/product_box_bottom.gif) no-repeat center top;float:left;padding:0px; margin:0px;
}
.center_prod_box{
width:173px;height: auto;background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/product_box_center.gif) repeat-y;float:left; text-align:center;padding:0px; margin:0px;
}
.prod_details_tab{
width:173px;
height:31px;
float:left;
background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/products_details_bg.gif) no-repeat center;
margin:3px 0 0 0;
}
img.left_bt{
float:left;
padding:6px 0 0 6px;
}
a.prod_details{
width:25px;
display:block;
float:left;
background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/square-blue-add.gif) no-repeat left;
padding:0 0 0 20px;
margin:7px 0 0 38px;
_margin:6px 0 0 35px;
text-decoration:none;
color:#0fa0dd;
}
/*---------prod_box_big----------*/
.prod_box_big{
width:554px;
height:auto;
float:left;
padding:10px 10px 10px 15px;
}
.top_prod_box_big{
width:554px;height:12px;background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/details_box_top.gif) no-repeat center bottom;float:left; padding:0px; margin:0px;
}
.bottom_prod_box_big{
width:554px;height:12px;background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/details_box_bottom.gif) no-repeat center top;float:left;padding:0px; margin:0px;
}
.center_prod_box_big{
width:554px;height: auto;background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/details_box_center.gif) repeat-y;float:left; text-align:center;padding:0px; margin:0px;
}
.product_img_big{
width:170px;
padding:5px 0 5px 10px;
float:left;
}
.details_big_box{
width:345px;
float:left;
padding:0 0 0 15px;
text-align:left;
}
.product_title_big{
color:#ea2222;
padding:5px 0 5px 0;
font-weight:bold;
font-size:14px;
}
.specifications{
font-size:12px;
font-weight:bold;
line-height:18px;
}
.thumbs{
padding:8px 5px 8px 5px;
border:1px #DFD1D1 solid;
margin:3px 0 0 0;
}
.thumbs a{
padding:3px;
}
.prod_price_big{
padding:5px 0 5px 0;
font-size:16px;
}
span.reduce{
color:#999999;
text-decoration:line-through;
}
span.price{
color:#ea2222;
}
a.addtocart{
width:76px;
height:27px;
display:block;
float:left;
background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/addtocart.gif) no-repeat left;
padding:0 0 0 33px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
a.compare{
width:76px;
height:27px;
display:block;
float:left;
margin:0 0 0 10px;
background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/compare.gif) no-repeat left;
padding:0 0 0 33px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
span.blue{
color:#5F9FAB;
}
/*---------------contact_form------------------*/
.contact_form{
width:355px;
float:left;
padding:0px 0 0 75px;
}
.form_row{
width:335px;
clear:both;
padding:10px 0 10px 0;
_padding:5px 0 5px 0;
color:#a53d17;
}
label.contact{
width:75px;
float:left;
font-size:12px;
text-align:right;
padding:4px 5px 0 0;
color: #333333;
}
input.contact_input{
width:253px;
height:18px;
background-color:#fff;
color:#999999;
border:1px #DFDFDF solid;
float:left;
}
textarea.contact_textarea{
width:253px;
height:50px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
background-color:#fff;
border:1px #DFDFDF solid;
float:left;
}
a.contact{
width:99px;
height:27px;
display:block;
float:right;
margin:0 0 0 10px;
background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/contact_bt.gif) no-repeat left;
padding:0 0 0 10px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
/*--------------footer----------------*/
.footer{
width:1000px;
clear:both;
height:65px;
background:url(http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/footer_bg.gif) repeat-x top;
}
.left_footer{
float:left;
width:300px;
padding:5px 0 0 10px;
}
.right_footer{
float:right;
padding:15px 30px 0 0;
}
.right_footer a{
padding:0 0 0 7px;
text-decoration:none;
color: #666666;
}
.right_footer a:hover{
text-decoration:underline;
}

.center_footer{
float:left;
width:200px;
text-align:center;
color:#666666;
padding:10px 0 0 60px;
}

Tasarımın üzerine :
Kod:
<div id="main_container">
  <div class="top_bar">
    <div class="top_search">
      <div class="search_text"><a href="http://www.free-css.com/">Advanced Search</a></div>
      <input type="text" class="search_input" name="search" />
      <input type="image" src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/search.gif" class="search_bt"/>
    </div>
    <div class="languages">
      <div class="lang_text">Languages:</div>
      <a href="http://www.free-css.com/" class="lang"><img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/en.gif" alt="" border="0" /></a> <a href="http://www.free-css.com/" class="lang"><img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/de.gif" alt="" border="0" /></a> </div>
  </div>
  <div id="header">
    <div id="logo"> <a href="http://www.free-css.com/"><img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/logo.png" alt="" border="0" width="237" height="140" /></a> </div>
    <div class="oferte_content">
      <div class="top_divider"><img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/header_divider.png" alt="" width="1" height="164" /></div>
      <div class="oferta">
        <div class="oferta_content"> <img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/laptop.png" width="94" height="92" alt="" border="0" class="oferta_img" />
          <div class="oferta_details">
            <div class="oferta_title">Samsung GX 2004 LM</div>
            <div class="oferta_text"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco </div>
            <a href="details.html" class="details">details</a> </div>
        </div>
        <div class="oferta_pagination"> <span class="current">1</span> <a href="http://www.free-css.com/">2</a> <a href="http://www.free-css.com/">3</a> <a href="http://www.free-css.com/">4</a> <a href="http://www.free-css.com/">5</a> </div>
      </div>
      <div class="top_divider"><img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/header_divider.png" alt="" width="1" height="164" /></div>
    </div>
    <!-- end of oferte_content-->
  </div>
  <div id="main_content">
    <div id="menu_tab">
      <div class="left_menu_corner"></div>
      <ul class="menu">
        <li><a href="http://www.free-css.com/" class="nav1"> Home</a></li>
        <li class="divider"></li>
        <li><a href="http://www.free-css.com/" class="nav2">Products</a></li>
        <li class="divider"></li>
        <li><a href="http://www.free-css.com/" class="nav3">Specials</a></li>
        <li class="divider"></li>
        <li><a href="http://www.free-css.com/" class="nav4">My account</a></li>
        <li class="divider"></li>
        <li><a href="http://www.free-css.com/" class="nav4">Sign Up</a></li>
        <li class="divider"></li>
        <li><a href="http://www.free-css.com/" class="nav5">Shipping</a></li>
        <li class="divider"></li>
        <li><a href="contact.html" class="nav6">Contact Us</a></li>
        <li class="divider"></li>
        <li class="currencies">Currencies
          <select>
            <option>US Dollar</option>
            <option>Euro</option>
          </select>
        </li>
      </ul>
      <div class="right_menu_corner"></div>
    </div>
    <!-- end of menu tab -->
    <div class="crumb_navigation"> Navigation: <span class="current">Home</span> </div>
    <div class="left_content">
      <div class="title_box">Categories</div>
      <ul class="left_menu">
        <li class="odd"><a href="http://www.free-css.com/">Processors</a></li>
        <li class="even"><a href="http://www.free-css.com/">Motherboards</a></li>
        <li class="odd"><a href="http://www.free-css.com/">Desktops</a></li>
        <li class="even"><a href="http://www.free-css.com/">Laptops &amp; Notebooks</a></li>
        <li class="odd"><a href="http://www.free-css.com/">Processors</a></li>
        <li class="even"><a href="http://www.free-css.com/">Motherboards</a></li>
        <li class="odd"><a href="http://www.free-css.com/">Processors</a></li>
        <li class="even"><a href="http://www.free-css.com/">Motherboards</a></li>
        <li class="odd"><a href="http://www.free-css.com/">Desktops</a></li>
        <li class="even"><a href="http://www.free-css.com/">Laptops &amp; Notebooks</a></li>
        <li class="odd"><a href="http://www.free-css.com/">Processors</a></li>
        <li class="even"><a href="http://www.free-css.com/">Motherboards</a></li>
      </ul>
      <div class="title_box">Special Products</div>
      <div class="border_box">
        <div class="product_title"><a href="details.html">Motorola 156 MX-VL</a></div>
        <div class="product_img"><a href="details.html"><img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/laptop.png" alt="" border="0" /></a></div>
        <div class="prod_price"><span class="reduce">350$</span> <span class="price">270$</span></div>
      </div>
      <div class="title_box">Newsletter</div>
      <div class="border_box">
        <input type="text" name="newsletter" class="newsletter_input" value="your email"/>
        <a href="http://www.free-css.com/" class="join">join</a> </div>
      <div class="banner_adds"> <a href="http://www.free-css.com/"><img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/bann2.jpg" alt="" border="0" /></a> </div>
    </div>
    <!-- end of left content -->
    <div class="center_content">

Tasarım altına :
Kod:
</div>
    <!-- end of center content -->
    <div class="right_content">
      <div class="shopping_cart">
        <div class="cart_title">Shopping cart</div>
        <div class="cart_details"> 3 items <br />
          <span class="border_cart"></span> Total: <span class="price">350$</span> </div>
        <div class="cart_icon"><a href="http://www.free-css.com/" title="header=[Checkout] body=[&nbsp;] fade=[on]"><img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/shoppingcart.png" alt="" width="48" height="48" border="0" /></a></div>
      </div>
      <div class="title_box">What’s new</div>
      <div class="border_box">
        <div class="product_title"><a href="details.html">Motorola 156 MX-VL</a></div>
        <div class="product_img"><a href="details.html"><img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/p2.gif" alt="" border="0" /></a></div>
        <div class="prod_price"><span class="reduce">350$</span> <span class="price">270$</span></div>
      </div>
      <div class="title_box">Manufacturers</div>
      <ul class="left_menu">
        <li class="odd"><a href="http://www.free-css.com/">Sony</a></li>
        <li class="even"><a href="http://www.free-css.com/">Samsung</a></li>
        <li class="odd"><a href="http://www.free-css.com/">Daewoo</a></li>
        <li class="even"><a href="http://www.free-css.com/">LG</a></li>
        <li class="odd"><a href="http://www.free-css.com/">Fujitsu Siemens</a></li>
        <li class="even"><a href="http://www.free-css.com/">Motorola</a></li>
        <li class="odd"><a href="http://www.free-css.com/">Phillips</a></li>
        <li class="even"><a href="http://www.free-css.com/">Beko</a></li>
      </ul>
      <div class="banner_adds"> <a href="http://www.free-css.com/"><img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/bann1.jpg" alt="" border="0" /></a> </div>
    </div>
    <!-- end of right content -->
  </div>
  <!-- end of main content -->
  <div class="footer">
    <div class="left_footer"> <img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/footer_logo.png" alt="" width="170" height="49"/> </div>
    <div class="center_footer"> Template name. All Rights Reserved 2008<br />
      <a href="http://csscreme.com"><img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/csscreme.jpg" alt="csscreme" border="0" /></a><br />
      <img src="http://www.free-css.com/assets/files/free-templates/preview/page87/electronix/images/payment.gif" alt="" /> </div>
    <div class="right_footer"> <a href="http://www.free-css.com/">home</a> <a href="http://www.free-css.com/">about</a> <a href="http://www.free-css.com/">sitemap</a> <a href="http://www.free-css.com/">rss</a> <a href="contact.html">contact us</a> </div>
  </div>
</div>
<!-- end of main_container -->

______________
Mesaj31.12.2008, 17:59 (UTC)    
Mesaj konusu:

cok sag ol kardes yeni yilin kutlu olsun
______________


Mesaj31.12.2008, 18:07 (UTC)    
Mesaj konusu: oku

bu kodları nereye yapıstırıcaz
Mesaj31.12.2008, 18:38 (UTC)    
Mesaj konusu: Re: oku

zerrforum yazmış:
bu kodları nereye yapıstırıcaz


kardesim sendemi bu tasarimdan yapamak istiyrusun bu tasarim cok zor benden söylemesi bu tasarim icin cok islem gerekiyor
eger bu tasarimi yapmak istiyorsan bu kodu üzerlerinde yazdi sekilde css tsarim vardir tasarim degistir bölümünde oraya ekleyeceksin
______________


Mesaj01.01.2009, 14:30 (UTC)    
Mesaj konusu:

orhan-dersimli yazmış:
cok sag ol kardes yeni yilin kutlu olsun


Rica ederim. Wink
______________
Mesaj01.01.2009, 16:20 (UTC)    
Mesaj konusu:

Teşekkürler Banada Lazımdı
da.. Ana Sayfa Ya Kodu Eklemesek olur mu

______________
Mesaj01.01.2009, 16:32 (UTC)    
Mesaj konusu:

devkodservisi yazmış:
Teşekkürler Banada Lazımdı
da.. Ana Sayfa Ya Kodu Eklemesek olur mu


eklemek sorunda degilsin digerlerini eklesen yeter
______________


Mesaj01.01.2009, 16:33 (UTC)    
Mesaj konusu:

Tamam Tşkr.
______________
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu