Dosya
TASARIM ÜSTÜ:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Electronix Store</TITLE>
<META content="text/html; charset=unicode" http-equiv=Content-Type><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/boxOver.js"></SCRIPT>
<META name=GENERATOR content="MSHTML 8.00.6001.18854"></HEAD>
<BODY>
<DIV id=main_container>
<DIV id=header>
<DIV id=logo><A href="index.html"><IMG title="" border=0 alt=""
src=" https://img.webme.com/pic/a/amasragezi/marti.gif " width=70 height=60></A> </DIV>
<DIV class=oferte_content>
<DIV class=top_divider><IMG title="" alt="" src="images/header_divider.png"
width=1 height=164></DIV>
<DIV class=oferta>
<DIV class=oferta_content><IMG class=oferta_img border=0 src="images/laptop.png"
width=94 height=92>
<DIV class=oferta_details>
<DIV class=oferta_title>LOGO</DIV>
<DIV class=oferta_text>Buraya Şiirin ilk Dörtlüğü<br>İkinci Satır<br>Üçüncü Satır<br>Dördüncü Satır</DIV><A class=details
href="details.html"> DEVAMI</A> </DIV></DIV>
<DIV class=oferta_pagination> </DIV></DIV>
<DIV class=top_divider><IMG title="" alt="" src="images/header_divider.png"
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 class=nav1 href=" http://amasragezi.tr.gg/Baris-Akarsu.htm/">Barış Akarsu Fotoğrafları</A> </LI>
<LI class=divider>
<LI><A class=nav2 href="#">Amasra Fotoğrafları</A> </LI>
<LI class=divider>
<LI><A class=nav3 href="#">Çakraz</A> </LI>
<LI class=divider>
<LI><A class=nav4 href="#">Akkonak</A> </LI>
<LI class=divider>
<LI><A class=nav4 href="#">Göçkün</A> </LI>
<LI class=divider>
<LI><A class=nav5 href="#">Tarlaağzı </A></LI>
<LI class=divider>
<LI><A class=nav6 href="contact.html">Gömü</A> </LI>
<LI class=divider>
<LI><A class=nav7 href="Bozkoy.html">Bozköy</A> </LI>
</UL>
<DIV class=right_menu_corner></DIV></DIV><!-- end of menu tab --><br>
<center>Başlık Resmi Altı Yazı veya Banner</center>
<DIV class=left_content>
<DIV class=title_box>MENÜ</DIV>
<UL class=left_menu>
<LI class=odd><A href=" http://amasragezi.tr.gg/Anasayfa/index.html/ ">Anasayfa</A>
<LI class=even><A href="services.html">Motherboards</A>
<LI class=odd><A href="services.html">Desktops</A>
<LI class=even><A href="services.html">Laptops & Notebooks</A>
<LI class=odd><A href="services.html">Anasayfa2</A>
<LI class=even><A href="services.html">Motherboards</A>
<LI class=odd><A href="services.html">Processors</A>
<LI class=even><A href="services.html">Motherboards</A>
<LI class=odd><A href="services.html">Desktops</A>
<LI class=even><A href="services.html">Laptops & Notebooks</A>
<LI class=odd><A href="services.html">Processors</A>
<LI class=even><A href="services.html">Motherboards</A>
<LI class=odd><A href="services.html">Processors</A>
<LI class=even><A href="services.html">Motherboards</A>
<LI class=odd><A href="services.html">Desktops</A>
<LI class=even><A href="services.html">Laptops & Notebooks</A>
<LI class=odd><A href="services.html">Processors</A>
</LI></UL>
İSTEDİĞİNİ YAZ-KOY
<DIV class=title_box>Banner1</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 title="" border=0 alt=""
src="images/laptop.png"></A></DIV>
<DIV class=prod_price><SPAN class=reduce>350$</SPAN> <SPAN
class=price>270$</SPAN></DIV></DIV>
İSTEDİĞİNİ YAZ-KOY
<DIV class=title_box>İletişim</DIV>
<DIV class=border_box><INPUT class=newsletter_input value="your email"
name=newsletter> <A class=join href="#">Gönder</A> </DIV>
İSTEDİĞİNİ YAZ-KOY
<DIV class=banner_adds><A href="#"><IMG title="BANNER" border=2 alt=""
src="images/bann2.jpg"></A></DIV>
***************************<br>
<DIV class=title_box>BANNERLER</DIV>
<DIV class=border_box>Yazı Başlığı
<DIV class=product_img><A
href="details.html"><IMG title="" border=0 alt=""
src="images/laptop.png"></A></DIV>
<DIV class=prod_price align=left> <SPAN class=price>Yazılar Buraya<p/><br><br></DIV>
<DIV class=product_title align=right>>> <A href="details.html">Daha
Fazla Bilgi </A> </DIV></SPAN></DIV>
*****************************<br>
Buraya reklam-Banner
*****************************<br>
Reklam Banner
*****************************<br>
Reklam Banner
*****************************<br>
*****************************<br>
*****************************<br>
*****************************<br>
</DIV><!-- end of left content -->
<DIV class=center_content>
<P>Her Sayfada Kalıcı Yazı veya Banner</P>
</P></DIV><!-- end of center content -->
<DIV></DIV>
</DIV><!-- end of main content -->
<TABLE style="WIDTH: 755px; HEIGHT: auto"border="0">
<TBODY>
<TR>
<TD>
TASARIM ALTI:
</TD></TR></TBODY></TABLE>
<center>
<DIV class=footer>
<DIV class=center_footer>Template name. All Rights Reserved 2008<BR><A
title="free templates"
href="http://csscreme.com/freecsstemplates/"></A><BR> </DIV>
<DIV class=right_footer><A href="index.html">home</A> <A
href="details.html">about</A> <A href="details.html">sitemap</A> <A
href="details.html">rss</A> <A href="contact.html">contact us</A>
</DIV></DIV></DIV>
</center>
<!-- end of main_container --></BODY></HTML>
CSS BÖLÜMÜ:
table {margin-left: auto;margin-right: auto}
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(https://img.webme.com/pic/a/amasragezi/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;
}
#header{
width:1000px;
height:173px;
background:url(https://img.webme.com/pic/a/amasragezi/header_bg1.jpg) no-repeat center;
background-position:0px 0px;
margin:auto;
}
#logo{
float:left;
padding:0px;
}
/*------------------------------oferte_content-----------------------*/
.oferte_content{
width:600px;
height:164px;
float:left;
padding:0 0 0 80px;
}
.top_divider{
float:left;
width:1px;
height:164px;
}
.oferta{
width:538px;
float:left;
padding:0px 30px 0px 10px;
}
.oferta_img{
float:left;
padding:0px 0px 10px 0px;
}
.oferta_title{
font-size:15px;
color:#b72c24;
font-weight:bold;
}
.oferta_details{
width:400px;
float:left;
padding:0 0 0 25px;
}
.oferta_text{
padding:88px 0 5px 0;
font-size:12px;
color:#FFFFFF;
text-align:justify;
line-height:15px;
}
a.details{
width:210px;
height:21px;
display:block;
float:right;
margin:-20px 0 0 0;
padding-left:5px;
background:url( https://img.webme.com/pic/a/amasragezi/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(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(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(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( https://img.webme.com/pic/a/amasragezi/menu_left.gif ) no-repeat center;
}
.right_menu_corner{
width:9px;
height:50px;
float:left;
background:url( https://img.webme.com/pic/a/amasragezi/menu_right.gif ) no-repeat center;
}
ul.menu {
list-style-type:none; float:left; display:block; width:982px;
margin:0px; padding:0px;background:url(https://img.webme.com/pic/a/amasragezi/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(https://img.webme.com/pic/a/amasragezi/menu_divider.gif ) no-repeat center;
}
a.nav1:link, a.nav1:visited {
display:block; float:left; padding:0px 8px 0px 10px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(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(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(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(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(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(images/contact-new.png) no-repeat left; color:#676d77;}
a.nav6:link, a.nav7:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(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 , a.nav7:hover , a.nav8:hover {
color:#333333;}
/*----------------crumb_navigation-------------*/
.crumb_navigation{
width:980px;
height:15px;
padding:5px 10px 0 20px;
color:#333333;
background:url(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( https://img.webme.com/pic/a/amasragezi/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(https://img.webme.com/pic/a/amasragezi/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(https://img.webme.com/pic/a/amasragezi/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(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;
}
}
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(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(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(images/cart_bg.gif) no-repeat center;
}
/*---------prod_box----------*/
.prod_box{
width:173px;
height:auto;
float:left;
padding:10px 10px 10px 11px;
}
.top_prod_box{
width:173px;height:12px;background:url(images/product_box_top.gif) no-repeat center bottom;float:left; padding:0px; margin:0px;
}
.bottom_prod_box{
width:173px;height:10px;background:url(images/product_box_bottom.gif) no-repeat center top;float:left;padding:0px; margin:0px;
}
.center_prod_box{
width:173px;height: auto;background:url(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(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(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(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(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(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;
}
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(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(https://img.webme.com/pic/a/amasragezi/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;
}
