Arkadaşlar css den kaynaklandığını söylemişti..
Css kodlarım
/* CSS Basic Document */
body
{
margin:0px auto;
padding:0px;
background:url(body-bg-3.gif) center top repeat-y #1A3265;
}
p{
margin:5px 0px;
}
body {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 13px;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color:#4b4b4b;
}
#container {
margin:0px auto;
padding: 0px;
width:955px;
border-left:3px solid #FFF;
border-right:3px solid #FFF;
text-align:center;
background-color:#FFF;
}
#header
{
width:955px;
margin:0px auto;
padding:0px;
background: #FFF;
text-align:left;
}
#header-top
{
width:955px;
height:95px;
}
#logo
{
width:313px;
float:left;
padding-left:10px;
padding-top:10px;
}
#logo-right
{
width:936px;
height:95px;
padding-right:10px;
padding-top:3px;
float:right;
}
#top-link
{
padding-top:10px;
padding-bottom:30px;
color:#014C86;
white-space:pre;
}
#main-menu
{
width:955x;
height:30px;
margin:0px auto;
}
/* Menu */
#menu {
width: 100%;
height: 32px;
margin: 0px auto;
clear:both;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#menu li {
display: inline;
height:30px
}
#menu a {
display: block;
float: left;
width: 105px;
padding:0px;
text-align: center;
text-decoration: none;
font-weight: bold;
border-right:1px solid #CCCCCC;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 30px;
font-variant: normal;
text-transform: none;
color: #FFF;
text-decoration: none;
background: #0097ca;
}
#menu a:hover {
background: #005B8E;
}
-->
#body
{
width:950px;
margin:0px auto;
padding:0px;
height:auto;
text-align:left;
padding: 8px 5px;
}
#body-left
{
width:180px;
height:auto;
text-align:left;
float:left;
}
#body-right
{
width:180px;
height:auto;
margin-right:5px;
text-align:left;
float:right;
}
#shopping-box
{
width:180px;
height:auto;
margin-bottom:10px;
background-color:#F3F3F3;
}
#member-box-top
{
width:160px;
height:38px;
background:url(left-menu-top-member.gif) left top no-repeat;
padding-left:20px;
line-height:38px;
}
#menu-top
{
width:160px;
height:10px;
background:url(menu-top.gif) left top no-repeat;
padding-left:20px;
line-height:38px;
}
.shopping-box-nav{
padding-left:16px;
color: #4b4b4b;
margin:0px auto;
background-color:#F3F3F3;
}
#box-title
{
width:150px;
height:24px;
padding-left:10px;
}
#left-menu
{
width:180px;
height:auto;
margin-bottom:10px;
}
#left-menu-top
{
width:160px;
height:38px;
background:url(left-menu-top.gif) left top no-repeat;
padding-left:20px;
line-height:38px;
}
#right-menu
{
width:180px;
height:auto;
margin-bottom:10px;
}
#right-menu-top
{
width:160px;
height:38px;
background:url(left-menu-top.gif) left top no-repeat;
padding-left:20px;
line-height:38px;
}
#card-bg
{
background:url(card-bg.gif) left top no-repeat;
width:160px;
height:51px;
padding:10px;
margin-bottom:10px;
}
#newsletter-bg, .newsletter-bg
{
background:url(newsletter-bg.gif) left repeat;
height:51px;
padding:10px;
margin-bottom:10px;
table-layout:auto;
}
/* sub-navigation */
.subnav{
color: #FFFFFF;
font: normal 11px/23px Tahoma, Verdana, Arial, Helvetica, sans-serif;
line-height: 23px;
padding-left:0px;
margin-bottom:10px;
width:160px;
padding:0px 10px;
margin:0px auto;
background-color:#005B8E;
}
.subnav ul {margin: 0; padding: 0;}
.subnav li {
list-style: none;
}
.subnav li a {
color: #FFFFFF;
display: block;
padding: 0px 0 0px 5px;
width: 155px;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
background:url(border_bottom.jpg) left bottom repeat-x;
}
.subnav lu a {
color: #FFFFFF;
display: block;
margin: 0px 0 0px 15px;
padding-left:10px;
width: 135px;
text-decoration: underline;
color: #FFFFFF;
font-weight: bold;
}
.subnav li a:hover {
color: #005B8E;
background:url(border_bottom.jpg) left bottom repeat-x #FCFCFC;
}
.subnav lu a:hover {
color: #005B8E;
background:url(border_bottom.jpg) left bottom repeat-x #FCFCFC;
}
#left-menu-bottom
{
background:url(left-menu-bottom.gif) left top no-repeat;
height:16px;
width:180px;
}
#right-menu-bottom
{
background:url(left-menu-bottom.gif) left top no-repeat;
height:16px;
width:180px;
}
#body-center{
width:558px;
height:auto;
text-align:left;
float:left;
padding-left:16px;
}
#body-tam{
width:748px;
height:auto;
text-align:left;
float:left;
padding-left:16px;
}
#welcome
{
width:558px;
height:auto;
margin-bottom:9px;
font-size:12px;
}
#welcome-image
{
width:558px;
height:161px;
margin-bottom:10px;
}
#banner-box
{
width:558px;
height:auto;
margin-bottom:10px;
height:106px;
}
#banner1
{
width:184px;
height:106px;
float:left;
}
#banner2
{
width:184px;
height:106px;
float:right;
margin:0px auto;
}
#banner3
{
width:184px;
height:106px;
float:right;
}
#featur-product-box, .dataform-box
{
width:558px;
height:auto;
}
#featured-title, .dataform-box-top
{
width:548px;
height:24px;
margin-bottom:6px;
background:url(featured-bar.gif) left top no-repeat;
padding-left:10px;
}
#yorum-top
{
width:548px;
height:24px;
margin-bottom:6px;
background:url(featured-bar.gif) left top no-repeat;
padding-left:10px;
float:right;
}
#arama-top, .dataform-box-top2
{
width:738px;
height:24px;
margin-bottom:6px;
background:url(aramabar.gif) left top no-repeat;
padding-left:10px;
}
.product-box
{
width:250px;
border:1px dotted #C0C2C4;
background-color:#F3F3F3;
padding:9px;
padding-bottom:5px;
margin-bottom:7px;
margin-left:5px;
float:left;
height:auto;
}
#video-box
{
width:535px;
border:1px dotted #C0C2C4;
background-color:#F3F3F3;
padding:9px;
padding-bottom:5px;
margin-bottom:7px;
float:left;
height:auto;
}
#video-box3
{
margin-bottom: 15px;
width:535px;
height:auto;
}
.home_etiket a { text-decoration: none; }
.home_etiket a:hover { text-decoration: underline; }
#video-box2
{
width:535px;
border:1px dotted #C0C2C4;
background-color:#F3F3F3;
padding:9px;
padding-bottom:5px;
margin-bottom:7px;
float:left;
height:auto;
}
#categori-image {
float:right; margin-top:-62px;
}
.product-image
{
width:100px;
height:auto;
float:left;
}
.product-disc
{
width:140px;
height:auto;
float:right;
margin-bottom:2px;
}
#product-disc2
{
width:105px;
height:auto;
float:right;
margin-bottom:2px;
}
#product-list, .product-list
{
width:260px;
padding:0px;
height:20px;
text-align:left;
margin-top:-20px;
float:right;
}
#pagination
{
width:558px;
height:20px;
text-align:right;
white-space:pre;
}
#footer
{
width:955px;
margin:0px auto;
margin-top: 20px;
padding:7px 0px;
height:20px;
background-color:#005B8E;
text-align:center;
line-height:15px;
clear:both;
color:#FFF;
}
.input-box, .input-box-search,.input-box-standard {
width:150px;
height:18px;
background-color:#FFF;
border:1px solid #7F9DB9;
padding-left:3px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 18px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #EB0589;
text-decoration: none;
margin-right:10px;
}
.information-link, .information-link-newsletter, .information-link-search, .information-link-standard, .information-link-return, .information-link-next{
margin-right:5px;
padding:1px 10px;
background-color:#ECE9D8;
border:1px solid #998B7E;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 18px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #005B8E;
text-decoration: none;
}
.top-link {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 18px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #014C86;
text-decoration: none;
}
.top-link:hover
{
color:#005B8E;
text-decoration:underline;
}
.mail-link {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
line-height: 18px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #005B8E;
text-decoration: none;
}
.mail-link:hover
{
color:#005B8E;
text-decoration:underline;
}
.read-more
{
color:#005B8E;
text-decoration:underline;
}
.read-more:hover
{
color:#FF0000;
text-decoration:underline;
}
.red-link
{
color:#000;
text-decoration:none;
font-weight:bold;
}
.tag-link
{
color:#000;
text-decoration:none;
}
.tag-link:hover
{
color:#FF0000;
text-decoration:none;
}
.red-link:hover
{
color:#FF0000;
text-decoration:underline;
}
.white-text {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 24px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #fff;
text-decoration: none;
}
.mavi-text {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 24px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #0A5495;
text-decoration: none;
}
.grey-text {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 24px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #656565;
text-decoration: none;
}
.pagination-link
{
color:#0000ff;
text-decoration:none;
font-weight:normal;
line-height:20px;
}
.pagination-link:hover
{
color:#BC1200;
text-decoration:underline;
}
.footer-link {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 15px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFF;
text-decoration: none;
}
.footer-link:hover
{
color:#FFD1ED;
text-decoration:underline;
}
/*added rules*/
/*global site rules*/
H2 { text-align:left; color:#000000; font-size:16px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
H3 { text-align:left; color:#000000; font-size:12px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
A {color:#005B8E;text-decoration:underline;}
/*link button rules*/
.information-link-newsletter {float:right; margin-top:4px;}
.information-link-search{margin:0px; padding-top:4px; padding-bottom:4px; margin-top:6px;}
.information-link-standard{ line-height:40px; padding-top:5px; padding-bottom:5px;}
.information-link-return{ line-height:40px;padding-top:5px; padding-bottom:5px;}
.information-link-next{ line-height:40px; padding-top:5px; padding-bottom:5px;}
/*input textbox rules*/
.input-box-search{width:96px; margin-right:1px;}
.input-box-standard{height:16px; width:350px;}
/* smart pager rules*/
.smartpager-link{color:#005B8E;text-decoration:none;}
.smartpager-link:hover{color:#FF0000;text-decoration:underline;}
.product-detail-box{
border:1px dotted #C0C2C4;
background-color:#F3F3F3;
padding:5px;
}
/* STAR RATING */
.star-rating{
list-style:none;
padding:0px;
width: 125px;
height: 25px;
position: relative;
background: url(alt_star.gif) top left repeat-x;
}
.star-rating li{
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}
.star-rating li a{
display:block;
width:25px;
height: 25px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
}
.star-rating li a:hover{
background: url(alt_star.gif) left bottom;
z-index: 2;
left: 0px;
}
.star-rating a.one-star{
left: 0px;
}
.star-rating a.one-star:hover{
width:25px;
}
.star-rating a.two-stars{
left:25px;
}
.star-rating a.two-stars:hover{
width: 50px;
}
.star-rating a.three-stars{
left: 50px;
}
.star-rating a.three-stars:hover{
width: 75px;
}
.star-rating a.four-stars{
left: 75px;
}
.star-rating a.four-stars:hover{
width: 100px;
}
.star-rating a.five-stars{
left: 100px;
}
.star-rating a.five-stars:hover{
width: 125px;
}
.star-rating li.current-rating{
background: url(alt_star.gif) left center;
position: absolute;
height: 25px;
display: block;
text-indent: -9000px;
z-index: 1;
}
#featured-title, .dizi-top
{
width:225px;
height:24px;
background:url(dizitop.gif) left top no-repeat;
padding-left:10px;
}
#dizi-box
{
width:215px;
border:1px dotted #C0C2C4;
background-color:#F3F3F3;
padding:5px;
padding-bottom:5px;
margin-bottom:7px;
float:left;
height:auto;
}
h3
{ background-color:#9FA090;
color: #ff;
font-size: 1.5em;
margin-top:100px;
}
.link
{
text-decoration:none;
font-weight:bold;
}
.link:hover
{
text-decoration:underline;
}
.sublist{
color: #4b4b4b;
font: normal 11px/23px Tahoma, Verdana, Arial, Helvetica, sans-serif;
line-height: 23px;
padding-left:0px;
margin-bottom:10px;
width:530px;
padding:0px 10px;
margin:0px auto;
background-color:#F3F3F3;
}
.sublist ul {margin: 0; padding: 0;}
.sublist li {
list-style: none;
}
.sublist li a {
color: #4b4b4b;
display: block;
padding: 0px 0 0px 5px;
width: 520px;
text-decoration: none;
color: #4b4b4b;
background:url(border_bottom.jpg) left bottom repeat-x;
}
.sublist li a:hover {
color: #005B8E;
background:url(border_bottom.jpg) left bottom repeat-x #FCFCFC;
}
#list-box
{
width:530px;
border:1px dotted #C0C2C4;
background-color:#F3F3F3;
padding:9px;
padding-bottom:5px;
margin-bottom:7px;
float:left;
height:auto;
}
#list-image
{
width:200px;
height:auto;
float:left;
}
#list-disc
{
width:320px;
height:auto;
float:right;
margin-bottom:2px;
}
/* sub-navigation */
.subnav2{
color: #4b4b4b;
font: normal 11px/23px Tahoma, Verdana, Arial, Helvetica, sans-serif;
line-height: 23px;
padding-left:0px;
margin-bottom:10px;
width:160px;
padding:0px 10px;
margin:0px auto;
background-color:#005B8E;
}
.subnav2 ul {margin: 0; padding: 0;}
.subnav2 li {
list-style: none;
}
#left-menu-bottomx
{
background:url(left-menu-bottomx.gif) left top no-repeat;
height:16px;
width:180px;
}
#menu-topx
{
width:160px;
height:10px;
background:url(menu-topx.gif) left top no-repeat;
padding-left:20px;
line-height:38px;
}
#sub-menu
{
width:955x;
height:30px;
margin:0px auto;
}
/* Menu */
#submenu {
height: 32px;
margin: 2px auto;
margin-left:0px;
margin-top:4px;
border-top:1px #ccc solid;
clear:both;
}
#submenu ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#submenu li {
display: inline;
height:30px
}
#submenu a {
display: block;
float: left;
width: 105px;
padding:0px;
text-align: center;
text-decoration: none;
font-weight:bold;
border-right:1px solid #CCCCCC;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 30px;
font-variant: normal;
text-transform: none;
color: #FFF;
text-decoration: none;
background: #0097ca;
}
#submenu a:hover {
background:#005B8E;
}
.sublist2{
color: #4b4b4b;
background-color:#F3F3F3;
}
.sublist2 ul {margin: 0; padding: 0;}
.sublist2 li {
list-style: none;
}
.sublist2 li a {
color: #4b4b4b;
display: block;
padding: 0px 0 0px 5px;
width: 520px;
text-decoration: none;
color: #4b4b4b;
background:url(border_bottom.jpg) left bottom repeat-x;
}
.sublist2 li a:hover {
color: #005B8E;
background:url(border_bottom.jpg) left bottom repeat-x #FCFCFC;
}
.kisim-top
{
width:55px;
height:24px;
margin-bottom:6px;
background:url(kisimbar.gif) left top no-repeat;
padding-left:7px;
float:left;
}
.kisim-selected
{
width:55px;
height:24px;
margin-bottom:6px;
background:url(kisimbarcurrent.gif) left top no-repeat;
padding-left:7px;
float:left;
}
.right {
color : #fff;
float: right;
}
.yorum-top
{
width:548px;
height:24px;
margin-bottom:6px;
background:url(featured-bar.gif) left top no-repeat;
padding-left:10px;
float:right;
}
.yorumlist p {
margin:0; padding:0;
}
.sayfalama {
float:right;
padding:7px
}
.page_icerik {
padding: 2px 0 0 5px;
font: normal 11px Trebuchet MS;
line-height: 17px
}yardımlarınızı bekliyorum..
