Kod: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Electronix Store - Details</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<link rel="stylesheet" type="text/css" href="style.css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="iecss.css" />
<![endif]-->
<script type="text/javascript" src="js/windowopen.js"></script>
<script type="text/javascript" src="js/boxOver.js"></script>
</head>
<body>
<div id="main_container">
<div class="top_bar">
<div class="top_search">
<div class="search_text"><a href="http://www.altinbelgesel.tr.gg/">Arama</a></div>
<input type="text" class="search_input" name="search" />
<input type="image" src="images/search.gif" class="search_bt"/>
</div>
<html><head>
<script language="JavaScript" type="text/javascript">
function CreateBookmarkLink() {
title = "Yer imi Basligi";
url = "http://adres/";
if (window.sidebar) {
window.sidebar.addPanel(title, url,"");
}
}
</script>
</head><body>
<a href="javascript:CreateBookmarkLink();">Yer imi ekle</a></body></html>
<a href="http://www.altinbelgesel.tr.gg/" class="lang"><img src="images/en.gif" alt="" border="0" /></a> <a href="http://www.free-css.com/" class="lang"><img src="images/de.gif" alt="" border="0" /></a> </div>
</div>
<div id="header">
<div id="logo"> <a href="http://www.free-css.com/"><img src="images/logo.png" alt="" border="0" width="237" height="140" /></a> </div>
<div class="oferte_content">
<div class="top_divider"><img src="images/header_divider.png" alt="" width="1" height="164" /></div>
<div class="oferta">
<div class="oferta_content"> <img src="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="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: <a href="http://www.free-css.com/">Home</a> < <span class="current">Category name</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="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="images/bann2.jpg" alt="" border="0" /></a> </div>
</div>
<!-- end of left content -->
<div class="center_content">
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="images/shoppingcart.png" alt="" width="48" height="48" border="0" /></a></div>
</div>
<div class="title_box">Whats new</div>
<div class="border_box">
<div class="product_title">Motorola 156 MX-VL</div>
<div class="product_img"><a href="http://www.free-css.com/"><img src="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="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="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="images/csscreme.jpg" alt="csscreme" border="0" /></a><br />
<img src="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 -->
</body>
</html>
Kod: <div class="center_title_bar">Motorola 156 MX-VL</div>
<div class="prod_box_big">
<div class="top_prod_box_big"></div>
<div class="center_prod_box_big">
<div class="product_img_big"> <a href="javascript:popImage('images/big_pic.jpg','Some Title')" title="header=[Zoom] body=[ ] fade=[on]"><img src="images/laptop.gif" alt="" border="0" /></a>
<div class="thumbs"> <a href="http://www.free-css.com/" title="header=[Thumb1] body=[ ] fade=[on]"><img src="images/thumb1.gif" alt="" border="0" /></a> <a href="http://www.free-css.com/" title="header=[Thumb2] body=[ ] fade=[on]"><img src="images/thumb1.gif" alt="" border="0" /></a> <a href="http://www.free-css.com/" title="header=[Thumb3] body=[ ] fade=[on]"><img src="images/thumb1.gif" alt="" border="0" /></a> </div>
</div>
<div class="details_big_box">
<div class="product_title_big">My Cinema-U3000/DVBT, USB 2.0 TV BOX External, White</div>
<div class="specifications"> Disponibilitate: <span class="blue">In stoc</span><br />
Garantie: <span class="blue">24 luni</span><br />
Tip transport: <span class="blue">Mic</span><br />
Pretul include <span class="blue">TVA</span><br />
</div>
<div class="prod_price_big"><span class="reduce">350$</span> <span class="price">270$</span></div>
<a href="http://www.free-css.com/" class="addtocart">add to cart</a> <a href="http://www.free-css.com/" class="compare">compare</a> </div>
</div>
<div class="bottom_prod_box_big"></div>
</div>
<div class="center_title_bar">Similar products</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="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="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="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="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="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="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="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="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="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="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="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="images/favorites.gif" alt="" border="0" class="left_bt" /></a> <a href="details.html" class="prod_details">details</a> </div>
</div>
içerik kısmı dedıklerımı ana sayfana veya her hangi bir sayfana ekle umarım dogru ayırmısımdır______________
css tasarım,giriş paneli gibi istekleriniz için bana ulaşın
skype:semihseker26 veya profilime mesaj atmanız yeterlidir...