Yazar |
Mesaj |
-
orhan-dersimli
Uzman Üye
|
31.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 ______________
|
|
↑
|
|
|
-
uacafe1905
Uzman Üye
|
31.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=[ ] 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=[ ] 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=[ ] 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=[ ] 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=[ ] 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=[ ] 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=[ ] 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=[ ] 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=[ ] 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 & 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 & 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=[ ] 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 --> ______________ |
|
↑
|
|
|
-
orhan-dersimli
Uzman Üye
|
31.12.2008, 17:59 (UTC) Mesaj konusu: |
|
|
cok sag ol kardes yeni yilin kutlu olsun ______________
|
|
↑
|
|
|
-
zerrforum
Acemi Üye
|
31.12.2008, 18:07 (UTC) Mesaj konusu: oku |
|
|
bu kodları nereye yapıstırıcaz |
|
↑
|
|
|
-
orhan-dersimli
Uzman Üye
|
31.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 ______________
|
|
↑
|
|
|
-
uacafe1905
Uzman Üye
|
01.01.2009, 14:30 (UTC) Mesaj konusu: |
|
|
orhan-dersimli yazmış: cok sag ol kardes yeni yilin kutlu olsun
Rica ederim. ______________ |
|
↑
|
|
|
-
devkodservisi
Uzman Üye
Konum: [..:: İstanbul ::..] l Lütfen Sorularınızı Forumda Sorun !
|
01.01.2009, 16:20 (UTC) Mesaj konusu: |
|
|
Teşekkürler Banada Lazımdı
da.. Ana Sayfa Ya Kodu Eklemesek olur mu______________ |
|
↑
|
|
|
-
orhan-dersimli
Uzman Üye
|
01.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 ______________
|
|
↑
|
|
|
-
devkodservisi
Uzman Üye
Konum: [..:: İstanbul ::..] l Lütfen Sorularınızı Forumda Sorun !
|
01.01.2009, 16:33 (UTC) Mesaj konusu: |
|
|
Tamam Tşkr.______________ |
|
↑
|
|
|
|