tr-opencart

     
avatar Şuanki Zaman: 03-29-2024, 08:48 AMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Headerda Duzenleme

Konuyu görüntüleyenler: 1 Misafir
 
Değerlendir:
  • 0 Oy - 0 Yüzde
  • 1
  • 2
  • 3
  • 4
  • 5
%
Cevapla  Gönder 
v  v
Yazar  coleqtia - Görüntüleme - Okunma  11263 - Yorum  14

coleqtiav
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 36
Konular: 12
Katılma Tarihi: Apr 2012
Rep Puanı: 0
Teşekkürler: 5
3 Mesajına, 6 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 05-02-2012 11:10 PM

Merhaba abilerim kardeslerım hederda boyle bır duzenleme yapmak ıstıyorum acaba kodları nereye koyacagımı soylermsıınız ?


Resim görüntüleyici


Şimdiden tesekkur ederim
Alıntı Yaparak Cevapla
Paylaş!
kurtrafetv
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 19
Konular: 5
Katılma Tarihi: Apr 2012
Rep Puanı: 0
Teşekkürler: 0
1 Mesajına, 1 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 05-02-2012 11:15 PM
(05-02-2012 11:10 PM)coleqtia Yazılan:  Merhaba abilerim kardeslerım hederda boyle bır duzenleme yapmak ıstıyorum acaba kodları nereye koyacagımı soylermsıınız ?


Resim görüntüleyici


Şimdiden tesekkur ederim

http://www.onlinesaticim.com adresinde de
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: coleqtia
munzur44v
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 32
Konular: 10
Katılma Tarihi: Jan 2012
Rep Puanı: 0
Teşekkürler: 9
6 Mesajına, 7 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 05-03-2012 12:25 AM
mhb

catalog/view/theme/sizi temanız/template/common/header.tpl

duzenliye bilirsiniz.

paylasım kodlarını bu siteden seçebilirsiniz.

http://www.addthis.com

kolay gelsin
Alıntı Yaparak Cevapla
Paylaş!
osdem66v
Forum Kurucusu
*******
Administrators user avatar
Çevrimdışı

Mesajlar: 2,121
Konular: 158
Katılma Tarihi: Dec 2011
Rep Puanı: 27
Teşekkürler: 393
522 Mesajına, 1442 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 05-03-2012 11:20 AM
(05-02-2012 11:10 PM)coleqtia Yazılan:  Merhaba abilerim kardeslerım hederda boyle bır duzenleme yapmak ıstıyorum acaba kodları nereye koyacagımı soylermsıınız ?


Resim görüntüleyici


Şimdiden tesekkur ederim

Merhaba; aşağıdaki kodu teanın header.tpl sinde herhangi bir yere ekle
PHP Kod:
<div  class="share1">
            <!-- 
AddThis Button BEGIN -->
           <
div class="addthis_toolbox addthis_default_style ">
            <
class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
            <
class="addthis_button_tweet"></a>
            <
class="addthis_button_google_plusone" g:plusone:size="medium"></a>
            <
class="addthis_counter addthis_pill_style"></a>
            </
div
            <
script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4edb66ec68647477"></script>
            <!-- AddThis Button END --></div>
  </div> 

Daha sonra temanızın cstylesheet.css dosyasını ac bu kou en alta ekle

buradaki top ve right degerleriniz temanda istedigin yerde görünecek sekilde düzenle

Kod:
#header .share1 {
position:absolute;
top:59px;
right:45px;
}
osdem66
Alıntı Yaparak Cevapla
Paylaş!
SerhatTemurv
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 31
Konular: 6
Katılma Tarihi: Mar 2012
Rep Puanı: 0
Teşekkürler: 14
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 05-03-2012 12:27 PM
Benimde header düzenlemem lazım fakat kayma oluyor istediğim şeyi ekleyemiyorum. yardımcı olursanız sevinirim. Yapmaya çalıştığım şey üye giriş kısmının altına facebook ile bağlan modülünü koymak. Yani şu şekilde.

Resim görüntüleyici

Benim yaptığım ise bu şekilde oluyor. Kenarlara doğru genişleme oluyor ve linkler kısmı kayıyor.

Resim görüntüleyici

modülün kodunu headere eklediğim zaman kayma oluyor nasıl düzeltirim acaba yardımcı olursanız sevinirim şimdiden teşekkürler.

Header :

Kod:
<?php if (isset($_SERVER['HTTP_USER_AGENT']) && !strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE 6')) echo '<?xml version="1.0" encoding="UTF-8"?>'. "\n"; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" xml:lang="<?php echo $lang; ?>">
<head>
<title><?php echo $title; ?></title>
<base href="<?php echo $base; ?>" />
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description; ?>" />
<?php } ?>
<?php if ($keywords) { ?>
<meta name="keywords" content="<?php echo $keywords; ?>" />
<?php } ?>
<?php if ($icon) { ?>
<link href="<?php echo $icon; ?>" rel="icon" />
<?php } ?>
<?php foreach ($links as $link) { ?>
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
<?php } ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />
<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Oswald'/>
<?php foreach ($styles as $style) { ?>
<link rel="<?php echo $style['rel']; ?>" type="text/css" href="<?php echo $style['href']; ?>" media="<?php echo $style['media']; ?>" />
<?php } ?>
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/ui/jquery-ui-1.8.16.custom.min.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css" />
<script type="text/javascript" src="catalog/view/javascript/jquery/ui/external/jquery.cookie.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<!--[if IE]>
<script type="text/javascript" src="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4-iefix.js"></script>
<![endif]-->
<script type="text/javascript" src="catalog/view/javascript/jquery/tabs.js"></script>
<script type="text/javascript" src="catalog/view/javascript/common.js"></script>
<script type="text/javascript" src="catalog/view/theme/default/js/cloud-zoom.1.0.2.js"></script>
<script type="text/javascript" src="catalog/view/theme/default/js/js.js"></script>
<link rel="stylesheet" href="catalog/view/theme/default/js/cloud-zoom.css" type="text/css">
<?php foreach ($scripts as $script) { ?>
<script type="text/javascript" src="<?php echo $script; ?>"></script>
<?php } ?>
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie7.css" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie6.css" />
<script type="text/javascript" src="catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('#logo img');
</script>
<![endif]-->
<?php echo $google_analytics; ?>
</head>
<body>
<div id="container">
<div id="header">
  <?php if ($logo) { ?>
  <div id="logo"><a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a></div>
  <?php } ?>
  <?php if (count($languages) > 1) { ?>
  <form action="<?php echo $action; ?>" method="post" enctype="multipart/form-data">
    <div id="language"><?php echo $text_language; ?><br />
      <?php foreach ($languages as $language) { ?>
      &nbsp;<img src="image/flags/<?php echo $language['image']; ?>" alt="<?php echo $language['name']; ?>" title="<?php echo $language['name']; ?>" onclick="$('input[name=\'language_code\']').attr('value', '<?php echo $language['code']; ?>').submit(); $(this).parent().parent().submit();" />
      <?php } ?>
      <input type="hidden" name="language_code" value="" />
      <input type="hidden" name="redirect" value="<?php echo $redirect; ?>" />
    </div>
  </form>
  <?php } ?>
  <?php if (count($currencies) > 1) { ?>
  <form action="<?php echo $action; ?>" method="post" enctype="multipart/form-data">
    <div id="currency"><?php echo $text_currency; ?><br />
      <?php foreach ($currencies as $currency) { ?>
      <?php if ($currency['code'] == $currency_code) { ?>
      <?php if ($currency['symbol_left']) { ?>
      <a title="<?php echo $currency['title']; ?>"><b><?php echo $currency['symbol_left']; ?></b></a>
      <?php } else { ?>
      <a title="<?php echo $currency['title']; ?>"><b><?php echo $currency['symbol_right']; ?></b></a>
      <?php } ?>
      <?php } else { ?>
      <?php if ($currency['symbol_left']) { ?>
      <a title="<?php echo $currency['title']; ?>" onclick="$('input[name=\'currency_code\']').attr('value', '<?php echo $currency['code']; ?>').submit(); $(this).parent().parent().submit();"><?php echo $currency['symbol_left']; ?></a>
      <?php } else { ?>
      <a title="<?php echo $currency['title']; ?>" onclick="$('input[name=\'currency_code\']').attr('value', '<?php echo $currency['code']; ?>').submit(); $(this).parent().parent().submit();"><?php echo $currency['symbol_right']; ?></a>
      <?php } ?>
      <?php } ?>
      <?php } ?>
      <input type="hidden" name="currency_code" value="" />
      <input type="hidden" name="redirect" value="<?php echo $redirect; ?>" />
    </div>
  </form>
  <?php } ?>
  <div id="cart">
    <div class="heading">
      <h4><?php echo $text_cart; ?></h4>
      <a><span id="cart_total"><?php echo $text_items; ?></span></a></div>
    <div class="content"></div>
  </div>
  <div id="search">
    <div class="button-search"></div>
    <?php if ($filter_name) { ?>
    <input type="text" name="filter_name" value="<?php echo $filter_name; ?>" />
    <?php } else { ?>
    <input type="text" name="filter_name" value="<?php echo $text_search; ?>" onclick="this.value = '';" onkeydown="this.style.color = '#000000';" />
    <?php } ?>
  </div>
  <div id="welcome">
    <?php if (!$logged) { ?>
    <?php echo $text_welcome; ?>
    <?php } else { ?>
    <?php echo $text_logged; ?>
    <?php } ?>
    <br /><br />
    <?php foreach ($modules as $module) { ?>
      <?php echo $module; ?>
      <?php } ?>
  </div>
  <div class="links"><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a><a href="<?php echo $wishlist; ?>" id="wishlist_total"><?php echo $text_wishlist; ?></a><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a><a href="<?php echo $cart; ?>"><?php echo $text_cart; ?></a><a href="<?php echo $checkout; ?>"><?php echo $text_checkout; ?></a></div>
</div>
<?php if ($categories) { ?>
<div id="menu">
  <ul>
    <?php foreach ($categories as $category) { ?>
    <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
      <?php if ($category['children']) { ?>
      <div>
        <?php for ($i = 0; $i < count($category['children']);) { ?>
        <ul>
          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
          <?php for (; $i < $j; $i++) { ?>
          <?php if (isset($category['children'][$i])) { ?>
          <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
          <?php } ?>
          <?php } ?>
        </ul>
        <?php } ?>
      </div>
      <?php } ?>
    </li>
    <?php } ?>
  </ul>
</div>
<?php } ?>
<div id="notification"></div>
Alıntı Yaparak Cevapla
Paylaş!
coleqtiav
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 36
Konular: 12
Katılma Tarihi: Apr 2012
Rep Puanı: 0
Teşekkürler: 5
3 Mesajına, 6 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 05-04-2012 02:27 AM
Dediğiniz gibi yaptım fakat kodu ıstedıgım yere alamadım bakarmısınız ?
Kod:
html {
    overflow: -moz-scrollbars-vertical;
    margin: 0;
    padding: 0;
    background:url(../image/back_html.jpg) bottom left repeat-x;
}
body {
    color: #000000;
    margin: 0px;
    padding: 0px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    background:url(../image/back_body.jpg) top left repeat-x;
}
body, td, th, input, textarea, select, a {
    font-size: 12px;
}
h2 {
    color: #000000;
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 5px;
}
p {
    margin-top: 0px;
    margin-bottom: 20px;
    line-height:18px;
}
a, a:visited {
    color:#c1006b;
    text-decoration: underline;
    cursor: pointer;
}
a:hover {
    color:#ff0084;
    text-decoration:none;
}
* :focus {
    outline: 0;
}
:-moz-any-link:focus {
    outline: none;
}
a, a:focus{
    border:none;    
    outline: none;!Important
}
a img {
    border: none;
}
form {
    padding: 0;
    margin: 0;
    display: inline;
}
input[type='text'], input[type='password'], textarea {
    padding: 4px;
    background: #eee;
    border: 1px solid;
    border-color: #ddd #eee #eee #ddd;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin-left:0;
    margin-right:0;
}
select {
    padding: 4px 4px 3px 4px;
    background: #eee;
    border: 1px solid;
    border-color: #ddd #eee #eee #ddd;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
label {
    cursor: pointer;
}
/* layout */
#container {
    width: 988px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background:url(../image/back_wrapper.jpg) top center no-repeat;
}
#column-left {
    float:left;
    clear:left;
    width:222px;
    margin-top:35px;
    margin-bottom:20px;
    background: url('../image/left_top.png') top center no-repeat;
    background-color:#ececec;
    padding-top:7px;
}
.left_bottom{
    background: url('../image/left_bottom.png') bottom center no-repeat;
    width:222px;
    height:23px;
    clear:both;
}
#column-right {
    float:right;
    width:222px;
    margin-top:35px;
    margin-bottom:20px;
    background: url('../image/left_top.png') top center no-repeat;
    background-color:#ececec;
    padding-top:7px;
}
#content {
    min-height: 400px;
    margin-bottom: 25px;
    padding:35px 0 0 0;
}
#column-left + #column-right + #content, #column-left + #content {
    margin-left: 255px;
}
#column-right + #content {
    margin-right: 255px;
}
/* header */
#header {
    margin-bottom: 7px;
    padding-bottom: 4px;
    position: relative;
    z-index: 99;
    width:988px;
}
#header_top {
    height: 55px;
    margin-bottom: 7px;
    padding:10px 0 4px 0;
    background:url(../image/back_header_top.png) top center no-repeat;
}
#header #logo {
    float:left;
    margin:-10px 0 0 5px;
}
#header #logo a{
    display:block;
}
#language {
    float:right;
    margin:6px 15px 0 0;
    color: #999;
    line-height: 17px;
}
#language img {
    cursor: pointer;
}
#currency {
    margin:3px 10px 0 0;
    float:right;
    color: #999;
    line-height: 17px;
}
#currency a {
    display: inline-block;
    padding: 2px 4px;
    border: 1px solid #CCC;
    color: #999;
    text-decoration: none;
    margin:0px 2px 2px 2px;
    background-color:#f5f5f5;
}
#currency a b {
    color: #c1006b;
    text-decoration: none;
}
#welcome_user {
    float:left;
    padding:4px 0;
}
#header #cart {
    float:left;
    z-index: 999;
    margin-left:15px;
    padding:4px 8px 4px 35px;
    position:relative;
    background:url(../image/cart_icon_header.png) 4px 3px no-repeat;
    background-color:#f5f5f5;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}
#header #cart .heading {
    float: left;
    position: relative;
    z-index: 1;
}
#header #cart .heading h4 {
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    float:left;
    margin:0 5px 0 0;
    padding:0;
}
#header #cart .heading a {
    text-decoration: none;
}
#header #cart .heading a span {
    background:url('../image/arrow-down.png') 100% 50% no-repeat;
    padding-right: 15px;
}
#header #cart .content {
    clear: both;
    display: none;
    position: absolute;
    top: 24px;
    right:0px;
    padding: 8px;
    width:300px;
    min-height: 150px;
    background: #f5f5f5;
    -webkit-border-radius: 3px 0px 3px 3px;
    -moz-border-radius: 3px 0px 3px 3px;
    -khtml-border-radius: 3px 0px 3px 3px;
    border-radius: 3px 0px 3px 3px;
}

#header #cart.active .heading {

}
#header #cart.active .content {
    display: block;
}
#header #cart .cart {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 5px;
}
#header #cart .cart td {
    color: #000;
    vertical-align: top;
    padding: 10px 5px;
    border-bottom: 1px solid #EEEEEE;
}
#header #cart .cart .image {
    width: 1px;
}
#header #cart .cart .image img {
    border: 1px solid #EEEEEE;
    text-align: left;
}
#header #cart .cart .name small {
    color: #666;
}
#header #cart .cart .quantity {
    text-align: right;
}
#header #cart .cart td.total {
    text-align: right;
}
#header #cart .cart .remove {
    text-align: right;
}
#header #cart .cart .remove img {
    cursor: pointer;
}
#header #cart table.total {
    border-collapse: collapse;
    padding: 5px;
    float: right;
    clear: left;
    margin-bottom: 5px;
}
#header #cart table.total td {
    color: #000;
}
#header #cart .content .checkout {
    text-align: right;
    clear: both;
}
#header #cart .empty {
    padding-top: 50px;
    text-align: center;
}
#header #search {
    float:right;
    width: 233px;
    position:relative;
}
#header .button-search {
    position: absolute;
    right: 0px;
    background: url('../image/button-search.png') center center no-repeat;
    width: 28px;
    height: 24px;
    cursor: pointer;
}
#header #search input {
    background: #f5f5f5;
    padding: 1px 26px 1px 5px;
    width: 200px;
    height: 23px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;    
}
#header #welcome {
    position: absolute;
    top: 47px;
    right: 0px;
    z-index: 5;
    width: 298px;
    text-align: right;
    color: #999999;
}
#header .links {
    clear: right;
    float: right;
    margin: 15px 0px 40px 0;
    width: 660px;
    height:45px;
    background: url('../image/back_main_menu.png') top left no-repeat;
    text-align:center;
}
#header .links a {
    float: left;
    display:block;
    margin-right: 2px;
    padding:16px 19px 13px 19px;
    text-align: center;
    color: #333;
    text-decoration: none;
    text-transform:uppercase;
    font-weight:bold;
    font-size: 12px;
}
#header .links a:hover, #header .links a.selected {
    color:#c1006b;
    background: url('../image/back_main_menu_link.png') top center no-repeat;
}
/* menu */
.menu, #menu {
    background: url('../image/back_headermenu.png') bottom center no-repeat;
    background-color:#fff;
    height: 48px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    padding: 0px;
    width:988px;
}
#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu > ul > li {
    position: relative;
    float: left;
    z-index: 20;    
}
#menu > ul > li:hover {
}
#menu > ul > li > a {
    font-size: 12px;
    font-weight:bold;
    color: #C1006B;
    line-height: 14px;
    text-decoration: none;
    display: block;
    padding: 17px 15px 17px 15px;
    z-index: 6;
    position: relative;
}
#menu > ul > li > div {
    display: none;
    background: #FFFFFF;
    position: absolute;
    z-index: 5;
    padding: 5px;
    border: 1px solid #000000;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    background: url('../image/menu.png');
}
#menu > ul > li:hover > div {
    display: table;
}
#menu > ul > li > div > ul {
    display: table-cell;
}
#menu > ul > li ul + ul {
    padding-left: 20px;
}
#menu > ul > li ul > li > a {
    text-decoration: none;
    padding: 4px;
    color: #FFFFFF;
    display: block;
    white-space: nowrap;
    min-width: 120px;
}
#menu > ul > li ul > li > a:hover {
    background-color:#111;
}
#menu > ul > li > div > ul > li > a {
    color: #FFFFFF;
}
.breadcrumb {
    color: #CCCCCC;
    margin-bottom: 10px;
}
.success, .warning, .attention, .information {
    padding: 10px 10px 10px 33px;
    margin-bottom: 15px;
    color: #555555;
}
.success {
    background: #EAF7D9 url('../image/success.png') 10px center no-repeat;
    border: 1px solid #BBDF8D;
}
.warning {
    background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;
    border: 1px solid #F8ACAC;
}
.attention {
    background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
    border: 1px solid #F2DD8C;
}
.information {
    background: #E8F6FF url('../image/information.png') 10px center no-repeat;
    border: 1px solid #B8E2FB;
}
.success .close, .warning .close, .attention .close, .information .close {
    float: right;
    padding-top: 4px;
    padding-right: 4px;
    cursor: pointer;
}
.required {
    color: #FF0000;
    font-weight: bold;
}
.error {
    display: block;
    color: #FF0000;
}
.help {
    color: #999;
    font-size: 10px;
    font-weight: normal;
    font-family: Verdana, Geneva, sans-serif;
    display: block;
}
table.form {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}
table.form tr td:first-child {
    width: 150px;
}
table.form > * > * > td {

}
table.form td {
    padding: 4px;
}
input.large-field, select.large-field {
    width: 300px;
}
table.list {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    margin-bottom: 20px;
}
table.list td {
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}
table.list thead td {
    background-color: #EFEFEF;
    padding: 0px 5px;
}
table.list thead td a, .list thead td {
    text-decoration: none;
    color: #222222;
    font-weight: bold;
}
table.list tbody td a {
    text-decoration: underline;
}
table.list tbody td {
    vertical-align: top;
    padding: 0px 5px;
}
table.list .left {
    text-align: left;
    padding: 7px;
}
table.list .right {
    text-align: right;
    padding: 7px;
}
table.list .center {
    text-align: center;
    padding: 7px;
}
table.list .asc {
    padding-right: 15px;
    background: url('../image/asc.png') right center no-repeat;
}
table.list .desc {
    padding-right: 15px;
    background: url('../image/desc.png') right center no-repeat;
}
.pagination {
    border-top: 1px solid #EEEEEE;
    padding-top: 8px;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.pagination .links {
    float: left;
}
.pagination .links a {
    display: inline-block;
    border: 1px solid #EEEEEE;
    padding: 4px 10px;
    text-decoration: none;
    color: #A3A3A3;
}
.pagination .links b {
    display: inline-block;
    border: 1px solid #269BC6;
    padding: 4px 10px;
    font-weight: normal;
    text-decoration: none;
    color: #269BC6;
    background: #FFFFFF;
}
.pagination .results {
    float: right;
    padding-top: 3px;
}
/* button */
a.button {
    background: url("../image/cart_button.png") top left;
    color: #FFFFFF;
    font-size:13px;
    font-weight:bold;
    display: inline-block;
    margin-right: 5px;
    padding:8px 15px;
    text-decoration: none;
}
a.button:hover {
    color: #FFFFFF;
}
.button span {
    color: #FFFFFF;
    display: block;
}
.buttons {
    background: #fff;
    overflow: auto;
    padding: 6px;
    margin-bottom: 20px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.buttons .left {
    float: left;
    text-align: left;
}
.buttons .right {
    float: right;
    text-align: right;
}
.buttons .center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.htabs {
    height: 30px;        
    line-height: 16px;
    border-bottom: 1px solid #DDDDDD;    
}
.htabs a {
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    background: #FFFFFF url('../image/tab.png') repeat-x;
    padding: 7px 15px 6px 15px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #000000;
    margin-right: 2px;
}
.htabs a.selected {
    padding-bottom: 7px;
    background: #FFFFFF;
}
.tab-content {
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    padding: 10px;
    margin-bottom: 20px;
    z-index: 2;
    overflow: auto;
}
/* box */
.box {
    margin:0 10px 20px 10px;
}
.box .box-heading, .box h2 {
    color: #333333;
    font-size: 21px;
    padding: 8px 0 5px 0;
    margin-bottom:15px;
    border-bottom:1px solid #cecece;
}
.box .box-content {
    padding: 10px;
}
/* box products */
.box-product {
    width: 100%;
}
    
.box-product > div.prod_hold {
    width: 24%;
    float:left;
    vertical-align: top;
    margin-bottom: 25px;
    text-align:center;
    position:relative;    
}
#column-left .box-product > div.prod_hold, #column-right .box-product > div.prod_hold {
    width: 93%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 1px;
    text-align:center;
    background-color:#f5f5f5;
    padding:6px;
    position:relative;    
}
.box-product .image {
    display: block;
    margin-bottom: 0px;
}
#column-left .box-product .image, #column-right .box-product .image {
    float:left;
    display: block;
    margin-bottom: 0px;
}
#column-left .box-product .image img, #column-right .box-product .image img {
    border:4px solid #eeeeee;

}
.box-product .name a {
    color: #38B0E3;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
}
#column-left .box-product .prod_name, #column-right .box-product .prod_name {
    float:left;
    clear:both;
    width:93%;
    text-align:center;
}
#column-left .label_small, #column-right .label_small {
    background: url("../image/label_small.png") no-repeat scroll center top transparent;
    display: block;
    height: 62px;
    padding: 8px 0 0 10px;
    position: absolute;
    right: 0;
    top: 7px;
    width: 84px;
}
#column-left .box-product .name a, #column-right .box-product .name a {
    color: #C1006B;
    text-decoration:underline;
}
.box-product .price {
    display: block;
    font-weight: bold;
    color: #333333;
    margin-bottom: 4px;
}
#column-left .box-product .name, #column-left .box-product .price, #column-right .box-product .name, #column-right .box-product .price {
    text-align:left;
    margin:0 0 0 65px;
}
#column-left .box-product .price, #column-left .box-product .price-new, #column-right .box-product .price, #column-right .box-product .price-new {
    font-size:14px;
    font-weight: bold;
}
.old_price {
    color: #888;
    font-size:11px;
    text-decoration: line-through;
}
.box-product .price-old {
    color: #F00;
    text-decoration: line-through;
}
#column-left .box-product .price-old, #column-right .box-product .price-old {
    color: #666;
    text-decoration: line-through;
    font-size:11px;
}
.box-product .price-new {
    font-weight: bold;
}
.box-product .rating {
    display: block;
    margin-bottom: 4px;
}
#column-left .box-product .cart a.button, #column-right .box-product .cart a.button {
    background: url("../image/add.png") no-repeat scroll left center #E1E1E1;
    display: block;
    margin:0 auto;
    float:left;
    padding: 3px 8px;
    text-decoration: none;
    font-size:11px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}
#column-left .box-product .cart a.button:hover, #column-right .box-product .cart a.button:hover {
    background: url("../image/add.png") no-repeat scroll left center #b1b1b1;
}
#column-left .box-product .cart a.button span, #column-right .box-product .cart a.button span {
    color: #999999;    
}
#column-left .box-product .cart a.button:hover span, #column-right .box-product .cart a.button:hover span {
    color: #f5f5f5;    
}
/* box category */
.box-category {
    margin-top: -5px;
}
.box-category ul, .box-account ul, .box-affiliate ul  {
    list-style: none;
    margin: 0;
    padding: 0;
}
.box-category > ul > li, .box-account > ul > li, .box-affiliate > ul > li {
    padding:0px;
}
.box-category > ul > li + li, .box-account > ul > li + li, .box-affiliate > ul > li + li {

}
.box-category > ul > li > a, .box-account > ul > li > a, .box-affiliate > ul > li > a {
    background: url("../image/bullet1.png") no-repeat 3px 11px;
    border-bottom: 1px solid #DCDCDC;
    color: #1D1D1D;
    display: block;
    font-size: 11px;
    padding: 8px 0 8px 15px;
    text-decoration: none;
    text-transform: uppercase;
}
.box-category > ul > li ul {
    display: none;
}
.box-category > ul > li a.active {
    font-weight: bold;
}
.box-category ul li a:hover, .box-category ul li a.active {
    color:#C1006B;
}
.box-category > ul > li a.active + ul {
    display: block;
    background-color: #E1E1E1;
    padding-left: 15px;
    padding-top:0px;
}
.box-category > ul > li ul > li {
    padding:0px;
}
.box-category > ul > li ul > li > a {
    background: url("../image/bullet1.png") no-repeat scroll 3px 11px transparent;
    color: #1D1D1D;
    border-bottom: 1px solid #DBDBDB;
    display: block;
    font-size: 11px;
    padding: 8px 0 8px 15px;
    text-decoration: none;
    text-transform: uppercase;
}
.box-category > ul > li ul > li > a.active {
    font-weight: bold;
}
/* content */
#content .content {
    padding: 10px;
    overflow: auto;
    margin-bottom: 20px;
    border: 1px solid #EEEEEE;
}
#content .content .left {
    float: left;
    width: 49%;
}
#content .content .right {
    float: right;
    width: 49%;
}
/* category */
.category-info {
    overflow: auto;
    margin-bottom: 20px;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom:8px;
}
.category-info .image {
    float: left;
    margin-right: 15px;
}
.category-info .image img{
    border: 5px solid #F1F1F1;
}
.category-list {
    overflow: auto;
    margin-bottom: 20px;
}
.category-list ul {
    float: left;
    padding:0;
}
.category-list ul li{
    list-style:none;
    float:left;
    margin:0 8px 8px 0;
    text-align:center;
}
.category-list ul li .cat_img {
    width:80px;
    height:80px;
    border:3px solid #f1f1f1;
    margin:0 0 8px 0;
    overflow:hidden;
}
.category-list li a {
    text-decoration: underline;
    font-weight: bold;
    display:block;
    width:86px;
}
/* manufacturer */
.manufacturer-list {
    border: 1px solid #DBDEE1;
    padding: 5px;
    overflow: auto;
    margin-bottom: 20px;
}
.manufacturer-heading {
    background: #F8F8F8;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 8px;
    margin-bottom: 6px;
}
.manufacturer-content {
    padding: 8px;
}
.manufacturer-list ul {
    float: left;
    width: 25%;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 10px;
}
/* product */
.product-filter {
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 5px;
    overflow: hidden;
    margin-bottom:35px;
}
.product-filter .display_buttons {
    margin-right: 15px;
    float: left;
    padding-top: 4px;
}
.product-filter .sort {
    float: right;
}
.product-filter .limit {
    margin-left: 15px;
    float: right;
}
.product-compare {
    padding-top: 4px;
    margin-bottom: 10px;
    font-weight: bold;
    float:left;
}
.product-compare a {
    text-decoration: none;
    font-weight: bold;
}
.big_label {
    display:block;
    width:135px;
    float:right;
    background: url("../image/label_big.png") top center no-repeat;
    padding:5px 0 0 12px;
    text-align:center;    
}
.big_label b {
    color: #CECECE;
    font-size: 14px;
    font-weight: bold;
}
.big_label .main_price {
    color: #FFFFFF;
    font-size: 17px;
    font-weight: bold;
}

ul.display {
    list-style:none;
    margin:0;
    padding:0;
    width:100%;
    float:left;
}
ul.display li {
    list-style:none;
    position:relative;
    clear:left;
    border-bottom:1px solid #e1e1e1;
    padding-bottom:5px;
    display:block;
    float:left;
    margin-bottom:20px;
    width:100%;
}
ul.display li a {
    text-decoration: none;
}
ul.display li .content_block {
    padding: 0 10px;
}
ul.display li .content_block h2 {
    margin: 0;
    padding: 5px;
    font-weight: normal;
    font-size: 1.7em;
}
ul.display li .content_block p {
    margin: 0;
    padding: 5px 5px 5px 245px;  /*--The left padding keeps the
content from flowing under the image--*/
}
ul.display li .content_block a img{ /*--Double border technique--*/
    margin: 0 15px 0 0;
    float: left;
}
ul.display li a {
    text-decoration: none;
}
ul.display li .content_block {
    padding: 0 10px;
}
ul.display li .content_block p {
    margin: 0;
    padding: 5px 5px 5px 245px;
}
ul.thumb_view li{ width: 33%; position:relative; float:left; clear:none; padding-bottom:10px; margin-left:2px; }
ul.thumb_view li h2 { display: inline; }
ul.thumb_view li p{ display: none; }
ul.thumb_view li .content_block a img { margin: 0; float:none; }
.display_buttons b {
    float:left;
    margin:0 9px 0 0;
}
a.switch_thumb {
    width: 34px;
    height: 19px;
    line-height: 26px;
    padding: 0;
    margin:0 0 0 0;
    display: block;
    background: url("../image/switch.png") no-repeat;
    outline: none;
    text-indent: -9999px;
    float:left;
}
a.swap { background-position: left bottom; }
a:hover.switch_thumb {
    filter:alpha(opacity=75);
    opacity:.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.product-list > div {
    overflow: auto;
    margin-bottom: 25px;
    position:relative;
    border-bottom: 1px solid #EEEEEE;
}
ul.display li .image {
    float: left;
    margin-right: 15px;
}
ul.thumb_view li .image {
    float: none;
    margin:0 auto;
    text-align:center;
}
ul.display li .description {
    line-height: 15px;
    margin:0 150px 25px 175px;
}
ul.thumb_view li .description {
    display:none;
}
ul.display li .rating {
    color: #7B7B7B;
}
ul.display li .big_label {
    display:block;
    width:125px;
    height:98px;
    position:absolute;
    top:0px;
    right:0;
    background: url("../image/label_big.png") top center no-repeat;
    padding:5px 0 0 12px;
    text-align:center;    
}
ul.thumb_view li .big_label {
    background: url("../image/label_small.png") no-repeat scroll center top transparent;
    display: block;
    height: 62px;
    padding: 8px 0 0 10px;
    position: absolute;
    right: 8px;
    top: 30%;
    width: 84px;    
}
ul.display li b {
    color:#666;    
}
ul.display li .big_label .main_price {
    color:#fff;
    font-size:17px;
    font-weight:bold;
}
ul.display li .big_label .main_price2 {
    color:#fff;
    font-size:17px;
    font-weight:bold;
}
ul.thumb_view li .big_label .main_price {
    color:#fff;
    font-size:12px;
    font-weight:bold;
    clear:left;
    display:block;
    margin-top:8px;
}
ul.thumb_view li .big_label .main_price2 {
    color:#fff;
    font-size:12px;
    font-weight:bold;
    clear:left;
    display:block;
}
ul.thumb_view li .big_label br {
    display:none;
}
ul.display li .big_label b {
    color:#cecece;
    font-size:14px;
    font-weight:bold;
}
ul.thumb_view li .big_label b {
    display:none;
}
ul.display li .price-old {
    color: #F00;
    text-decoration: line-through;
}
ul.display li h3 {
    border-bottom: 1px solid #CECECE;
    font-size:18px;
    margin:0 0 20px 175px;
    text-decoration:none;
}
ul.display li h3 a {
    color:#333;
    text-decoration:none;
    font-size:18px;
}
ul.thumb_view li h3 {
    clear:both;
    margin:0;
    text-align:center;
    font-size:12px;
    margin:0 0 10px 0;
    text-decoration:none;
}
ul.thumb_view li h3 a {
    color:#333;
    text-decoration:none;
    font-size:12px;
}
ul.display li .price-new {
    font-weight: bold;
}
ul.display li .price-tax {
    font-size: 12px;
    font-weight: normal;
    color: #BBBBBB;
}
ul.display li .cart {
    margin:0 0 3px 0;
    float:left;
}
ul.display li .wishlist, ul.display li .compare {
    float:left;
}
ul.display li .wishlist a, ul.display li .compare a, ul.display li .cart a {
    color: #333333;
    text-decoration: none;
    display: block;
    margin-right:12px;
    padding:5px 15px 4px 30px;
    background-color:#e3e3e3;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}
ul.display li .wishlist a {
    background: url('../image/wish_icon.png') 2px 2px no-repeat;
    background-color:#e3e3e3;
}
ul.display li .compare a {
    background: url('../image/compare_icon.png') 2px 2px no-repeat;
    background-color:#e3e3e3;
}
ul.display li .cart a {
    background: url('../image/cart_icon.png') 2px 2px no-repeat;
    background-color:#e3e3e3;
}
ul.thumb_view li .wishlist a, ul.thumb_view li .compare a, ul.thumb_view li .cart a, a.prod_wish, a.prod_compare {
    display:block;
    width:24px;
    height:24px;
    text-align:center;
    text-indent:-9999px;
    padding:0 0 0 0;
}
ul.thumb_view li .wishlist a {
    background: url('../image/wish_icon.png') left top no-repeat;
    margin:0 19px 0 0;
}
a.prod_wish {
    background: url('../image/wish_icon.png') left top no-repeat;
    margin:5px 8px 0 0;
    float:left;
}
ul.thumb_view li .compare a, a.prod_compare {
    background: url('../image/compare_icon.png') left top no-repeat;
}
a.prod_compare {
    background: url('../image/compare_icon.png') left top no-repeat;
    margin:5px 8px 0 0;
    float:left;
}
ul.thumb_view li .cart a {
    background: url('../image/cart_icon.png') left top no-repeat;
    margin:0 19px 0 50px;
}
.product-grid {
    width: 100%;
    overflow: auto;
}
.product-grid > div {
    width: 24%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 25px;
    text-align:center;    
}
.product-grid .image {
    display: block;
    margin-bottom: 0px;
}
.product-grid .image img {
    padding: 3px;
    border: 1px solid #E7E7E7;
}
.product-grid .name a {
    color: #38B0E3;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
}
.product-grid .description {
    display: none;
}
.product-grid .rating {
    display: block;
    margin-bottom: 4px;
}
.product-grid .price {
    display: block;
    font-weight: bold;
    color: #333333;
    margin-bottom: 4px;
}
.product-grid .price-old {
    color: #F00;
    text-decoration: line-through;
}
.product-grid .price-new {
    font-weight: bold;
}
.product-grid .price .price-tax {
    display: none;
}
.product-grid .cart {
    margin-bottom: 3px;
}
.product-grid .wishlist, .product-grid .compare {
    margin-bottom: 3px;
}
.product-grid .wishlist a {
    color: #333333;
    text-decoration: none;
    padding-left: 18px;
    display: block;
    background: url('../image/add.png') left center no-repeat;
}
.product-grid .compare a {
    color: #333333;
    text-decoration: none;
    padding-left: 18px;
    display: block;
    background: url('../image/add.png') left center no-repeat;
}
/* Product */
.product-info {
    margin-bottom: 20px;
    float:left;
}
.product-info > .left {
    float: left;
    margin-right: 15px;
}
.product-info > .left + .right {
    float:right;
    width:389px;
}
.product-info .image {
    float: left;
    margin-bottom: 20px;
    text-align: center;
}
.product-info .image-additional {
    width: 300px;
    margin-left: -10px;
    clear: both;
    overflow: hidden;
}
.product-info .image-additional img {
    border: 1px solid #E7E7E7;
}
.product-info .image-additional a {
    float: left;
    display: block;
    margin-left: 10px;
    margin-bottom: 10px;
}

.product-info .price {
    border-bottom: 1px solid #E7E7E7;
    padding: 0px 5px 10px 5px;
    margin-bottom: 10px;
    font-size: 15px;
    position:relative;
    float:left;
    width:100%;
}
.product-info .price .price-tax, .product-info .price .reward, .product-info .price .discount {
    text-align:right;
    float:right;
    margin-right:10px;
}
.product-info .price .description {
    padding: 5px 0 10px 0;
    margin-bottom: 10px;
    line-height: 20px;
    font-size:12px;
    float:left;
}
.product-info .price .description span {
    font-weight:bold;
}
.product-info .price .description a {
    text-decoration: none;
}
.product-info .price-old {
    color: #F00;
    text-decoration: line-through;
}
.product-info .price-new {
    
}
.product-info .price-tax {
    font-size: 12px;
    font-weight: normal;
    color: #999;
}
.product-info .price .reward {
    font-size: 12px;
    font-weight: normal;
    color: #999;
}
.product-info .price .discount {
    font-weight: normal;
    font-size: 12px;
    color: #4D4D4D;
}
.product-info .options {
    border-bottom: 1px solid #E7E7E7;
    padding: 0px 0 10px 0;
    margin-bottom: 10px;
    color: #000000;
    width:100%;
    float:left;
}
.product-info .cart {
    padding: 0px 0 10px 0;
    margin-bottom: 20px;
    color: #4D4D4D;
    width:369px;
    float:left;
    background-color: #F7F7F7;
    border: 1px solid #DDDDDD;
    padding: 10px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.product-info .cart div {
    float: left;
    vertical-align: middle;
}
.product-info .cart div > span {
    padding-top: 7px;
    display: block;
    color: #999;
}
.product-info .cart .minimum {
    padding-top: 5px;
    font-size: 11px;
    color: #999;
    clear: both;
}
.product-info .review {
    color: #4D4D4D;
    border: 1px solid #DDDDDD;
    margin-bottom: 10px;
    width:100%;
    float:left;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.product-info .review > div {
    padding: 8px;
    border-bottom: 1px solid #E7E7E7;
    line-height: 20px;
}
.product-info .review > div > span {
    color: #38B0E3;
}
.product-info .review .share {
    height:17px;
}
.product-info .review .share a {
    text-decoration: none;
}
.attribute {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    margin-bottom: 20px;
}
.attribute thead td, .attribute thead tr td:first-child {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    background: #F7F7F7;
    text-align: left;
}
.attribute tr td:first-child {
    color: #000000;
    font-weight: bold;
    text-align: right;
    width: 20%;
}
.attribute td {
    padding: 7px;
    color: #4D4D4D;
    text-align: center;
    vertical-align: top;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}
.compare-info {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    margin-bottom: 20px;
    background-color:#f8f8f8;
}
.compare-info thead td, .compare-info thead tr td:first-child {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    background: #F7F7F7;
    text-align: left;
}
.compare-info tr td:first-child {
    color: #000000;
    font-weight: bold;
    text-align: right;
}
.compare-info td {
    padding: 7px;
    width: 20%;
    color: #4D4D4D;
    text-align: center;
    vertical-align: top;
    border-bottom: 1px solid #e1e1e1;
}
.compare-info .name a {
    font-weight: bold;
}
.compare-info .price-old {
    font-weight: bold;
    color: #F00;
    text-decoration: line-through;
}
.compare-info .price-new {
    font-weight: bold;
}
/* wishlist */
.wishlist-product table {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    margin-bottom: 20px;
    background-color:#f8f8f8;
    color:#666;
}
.wishlist-product td {
    padding: 7px;
}
.wishlist-product thead td {
    color: #4D4D4D;
    font-weight: bold;
    background-color: #F7F7F7;
    border-bottom: 1px solid #e1e1e1;
}
.wishlist-product thead .remove, .wishlist-product thead .image, .wishlist-product thead .cart {
    text-align: center;
}
.wishlist-product thead .name, .wishlist-product thead .model, .wishlist-product thead .stock {
    text-align: left;
}
.wishlist-product thead .quantity, .wishlist-product thead .price, .wishlist-product thead .total {
    text-align: right;
}
.wishlist-product tbody td {
    vertical-align: top;
    border-bottom: 1px solid #e1e1e1;
}
.wishlist-product tbody .remove {
    vertical-align: middle;
}
.wishlist-product tbody .remove, .wishlist-product tbody .image, .wishlist-product tbody .cart {
    text-align: center;
}
.wishlist-product tbody .name, .wishlist-product tbody .model, .wishlist-product tbody .stock {
    text-align: left;
}
.wishlist-product tbody .quantity, .wishlist-product tbody .price, .wishlist-product tbody .total {
    text-align: right;
}
.wishlist-product tbody .price s {
    color: #F00;
}
.login-content {
    margin-bottom: 20px;
}
.login-content .left {
    float: left;
    width: 48%;
}
.login-content .right {
    float: right;
    width: 48%
}
.login-content .left .content, .login-content .right .content {
    min-height: 190px;
}
/* orders */
.order-list {
    margin-bottom: 10px;
}
.order-list .order-id {
    width: 49%;
    float: left;
    margin-bottom: 2px;
}
.order-list .order-status {
    width: 49%;
    float: right;
    text-align: right;
    margin-bottom: 2px;
}
.order-list .order-content {
    padding: 10px 0px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}
.order-list .order-content div {
    float: left;
    width: 33.3%;
}
.order-list .order-info {
    text-align: right;
}
.order-detail {
    background: #EFEFEF;
    font-weight: bold;
}
/* returns */
.return-list {
    margin-bottom: 10px;
}
.return-list .return-id {
    width: 49%;
    float: left;
    margin-bottom: 2px;
}
.return-list .return-status {
    width: 49%;
    float: right;
    text-align: right;
    margin-bottom: 2px;
}
.return-list .return-content {
    padding: 10px 0px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}
.return-list .return-content div {
    float: left;
    width: 33.3%;
}
.return-list .return-info {
    text-align: right;
}
.return-product {
    overflow: auto;
    margin-bottom: 20px;
}
.return-name {
    float: left;
    width: 33.3%;
}
.return-model {
    float: left;
    width: 33.3%;
}
.return-quantity {
    float: left;
    width: 33.3%;
}
.return-detail {
    overflow: auto;
    margin-bottom: 20px;
}
.return-reason {
    float: left;
    width: 33.3%;
}
.return-opened {
    float: left;
    width: 33.3%;
}
.return-opened textarea {
    width: 98%;
    vertical-align: top;
}
.return-remove {
    float: left;
    width: 33.3%;
    padding-top: 90px;
    text-align: center;
    vertical-align: middle;
}
.return-additional {
    overflow: auto;
    margin-bottom: 20px;
}
.return-comment {
    float: left;
    width: 49%;
}
.return-captcha {
    float: right;
    width: 49%;
}
img#captcha, .captcha_img {
    margin:10px 0 0 0;
}
.download-list {
    margin-bottom: 10px;
}
.download-list .download-id {
    width: 49%;
    float: left;
    margin-bottom: 2px;
}
.download-list .download-status {
    width: 49%;
    float: right;
    text-align: right;
    margin-bottom: 2px;
}
.download-list .download-content {
    padding: 10px 0px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}
.download-list .download-content div {
    float: left;
    width: 33.3%;
}
.download-list .download-info {
    text-align: right;
}
/* cart */
.cart-info table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    background-color:#f8f8f8;
    color:#666;
}
.cart-info td {
    padding: 7px;
}
.cart-info thead td {
    color: #4D4D4D;
    font-weight: bold;
    background-color: #F7F7F7;
    border-bottom: 1px solid #e1e1e1;
}
.cart-info thead .remove, .cart-info thead .image {
    text-align: center;
}
.cart-info thead .name, .cart-info thead .model {
    text-align: left;
}
.cart-info thead .quantity, .cart-info thead .price, .cart-info thead .total {
    text-align: right;
}
.cart-info tbody td {
    vertical-align: top;
    border-bottom: 1px solid #e1e1e1;
}
.cart-info tbody .remove {
    vertical-align: middle;
}
.cart-info tbody .remove, .cart-info tbody .image {
    text-align: center;
}
.cart-info tbody .name, .cart-info tbody .model {
    text-align: left;
}
.cart-info tbody .quantity, .cart-info tbody .price, .cart-info tbody .total {
    text-align: right;
}
.cart-info tbody span.stock {
    color: #F00;
    font-weight: bold;
}
.cart-module .cart-heading {
    border: 1px solid #DBDEE1;
    padding: 8px 8px 8px 22px;
    font-weight: bold;
    font-size: 13px;
    color: #555555;
    margin-bottom: 15px;
    cursor: pointer;
    background: #F8F8F8 url('../image/arrow-right.png') 10px 50% no-repeat;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.cart-module .active {
    background: #F8F8F8 url('../image/arrow-down.png') 7px 50% no-repeat;
}
.cart-module .cart-content {
    padding: 0px 0px 15px 0px;
    display: none;
    overflow: auto;
}
.cart-total {
    border-top: 1px solid #DDDDDD;
    overflow: auto;
    padding-top: 8px;
    margin-bottom: 15px;
}
.cart-total table {
    float: right;
}
.cart-total td {
    padding: 3px;
    text-align: right;
}
/* checkout */
.checkout-heading {
    background: #F8F8F8;
    padding: 8px;
    font-weight: bold;
    font-size: 13px;
    color: #555555;
    margin-bottom: 15px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.checkout-heading a {
    float: right;
    margin-top: 1px;
    font-weight: normal;
    text-decoration: none;
}
.checkout-content {
    padding: 0px 0px 15px 0px;
    display: none;
    overflow: auto;
}
.checkout-content .left {
    float: left;
    width: 48%;
}
.checkout-content .right {
    float: right;
    width: 48%;
}
.checkout-content .buttons {
    clear: both;
}
.checkout-product table {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    margin-bottom: 20px;
}
.checkout-product td {
    padding: 7px;
}
.checkout-product thead td {
    color: #4D4D4D;
    font-weight: bold;
    background-color: #F7F7F7;
    border-bottom: 1px solid #DDDDDD;
}
.checkout-product thead .name, .checkout-product thead .model {
    text-align: left;
}
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
    text-align: right;
}
.checkout-product tbody td {
    vertical-align: top;
    border-bottom: 1px solid #DDDDDD;
}
.checkout-product tbody .name, .checkout-product tbody .model {
    text-align: left;
}
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
    text-align: right;
}
.checkout-product tfoot td {
    text-align: right;
    border-bottom: 1px solid #DDDDDD;
}
.contact-info {
    overflow: auto;
}
.contact-info .left {
    float: left;
    width: 48%;
}
.contact-info .right {
    float: left;
    width: 48%;
}
.sitemap-info {
    overflow: auto;
    margin-bottom: 40px;
}
.sitemap-info .left {
    float: left;
    width: 48%;
}
.sitemap-info .right {
    float: left;
    width: 48%;
}
/* footer */
#footer {
    clear: both;
    min-height: 312px;
    background: url("../image/back_footer.jpg") bottom center no-repeat;
    clear: both;
    width: 949px;
    padding:20px;
    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -khtml-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
}
#footer h3 {
    border-bottom: 1px solid #C9C9C9;
    color: #333333;
    font-size: 17px;
    font-weight: bold;
    margin: 10px 0;
    padding: 0 0 8px;
}
#footer .column_big {
    float: left;
    width:405px;
    margin:0 30px 0 0;
    min-height: 100px;
}
#footer .column {
    float: left;
    width:170px;
    min-height: 100px;
}
#footer .column ul {
    margin-top: 0px;
    margin-left: 8px;
    padding: 0;
}
#footer .column ul li {
    margin-bottom: 3px;
    list-style:none;
}
#footer .column a {
    color: #404040;
    display: block;
    padding: 3px 0;
    text-decoration: none;
    text-transform: uppercase;
}
#footer .column a:hover {
    text-decoration: underline;
}
#powered {
    margin: 5px 10px 20px 0;
    text-align: right;
    clear: both;
    font-size:11px;
    color:#aeaeae;
}
#powered a {
color:#999;
}
span.payment {
    float:left;
    background: url('../image/cards.png') top left no-repeat;
    display:block;
    width:284px;
    height:24px;
    margin:-4px 0 0 10px;
}
/* banner */
.banner {

}
#header div.banner {
    margin:25px 0 0 0;
    float:left;
    clear:both;
    width:988px;
    height:147px;
    padding:0px;
    text-align:center;
    background: url('../image/back_banners.png') top center no-repeat;
}
#header .banner div {
    display:block;
    height:116px;
    float:left;
    margin:8px 0 0 7px;
    border:1px solid #d7d7d7;
}
#header .banner div:hover{
    border:1px solid #919191;
}
.banner div img {
    margin-bottom: 20px;
}
/* Clear Fix Hack ------------------------------------------------------------------------------------*/


.fixed:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.fixed {
    display:block;
}
/*  \*/
.fixed {
    min-height:1%;
}
* html .fixed {
    height:1%;
}
.last {
    margin-right:0px;
}
.clear {
    clear:both;
    font-size: 0;
    line-height: 0;
    height: 0
}
.block {
    display:block;
}

#header .slideshow {
    background: url("../image/back_slider.jpg") no-repeat center bottom;
    padding-bottom:20px;
    margin:0;
    float:left;
}
.featured {
    clear:both;
    margin-bottom:40px;
    text-align:center;
}
.featured .holder{
    width:968px;
    height:224px;
    background: url('../image/back_featured_home.jpg') top center no-repeat;
    padding:10px;
    position:relative;
}
.featured .scrollable{
    width:898px;
    height:210px;
    background-color:#fff;
    margin:0 auto;
    overflow:hidden;
    position:relative;
}
a.scroll_item {
    display:block;
    width:161px;
    margin:0 5px 0 4px;
    padding:5px;
    border:none;
    text-decoration:none;
    float:left;
    position:relative;
    text-align:center;
}
.prod_name {
    padding:5px;
    font-size:12px;
    color:#666;
    line-height:16px;
}
.prod_price {
    padding:5px;
    font-size:12px;
    font-weight:bold;
    line-height:16px;
    position:absolute;
    top:105px;
    left:5px;
    background-color:#111;
    color:#fff;
}
.scrollable .items {
    width:20000em;
    position:absolute;
}
.items div {
    float:left;
}
.featured .prev {
    display:block;
    width:31px;
    height:31px;
    text-indent:-9999px;
    background: url('../image/nivo_nav.png') top left no-repeat;
    position:absolute;
    top:45%;
    left:8px;
}
.featured .next {
    display:block;
    width:31px;
    height:31px;
    text-indent:-9999px;
    background: url('../image/nivo_nav.png') top right no-repeat;
    position:absolute;
    top:45%;
    right:8px;
}
a.add_small {
    background: url("../image/cart_icon.png") no-repeat scroll 2px 2px #E3E3E3;
    background-color: #E3E3E3;
    color: #333333;
    display: block;
    margin:0 auto;
    width:59px;
    text-align:left;
    clear:both;
    padding: 5px 15px 4px 30px;
    font-size:11px;
    text-decoration: none;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

h1 {
    font-size: 24px;
    border-bottom: 1px solid #DCDCDC;
    padding:0 0 8px 0;
    margin:0 0 20px 0;
    text-align:left;
    font-weight:normal;
}
h2 {
    font-size:21px;
    border-bottom: 1px solid #DCDCDC;
    padding:0 0 8px 0;
    margin-bottom:20px;
    text-align:left;
}
h3 {
    font-size: 18px;
    margin: 0 0 10px;
    padding: 0 0 5px;
    text-align:left;
}
h4 {
    font-size: 16px;
    margin: 0 0 10px;
    padding: 0 0 5px;
    text-align:left;
}
h5 {
    font-size: 15px;
    margin: 0 0 10px;
    padding: 0 0 5px;
    text-align:left;
}
h6 {
    font-size: 14px;
    margin: 0 0 10px;
    padding: 0 0 5px;
    text-align:left;
}
a.wrap_link{
    text-decoration:none;
    margin:0;
    padding:0;
    width:100%;
    display:block;
}
a .prod_name{
    color:#333;
    font-size:12px;
    font-weight:bold;
    padding-top:8px;
}
span.label_small {
    display:block;
    width:84px;
    height:62px;
    background: url("../image/label_small.png") top center no-repeat;
    padding:8px 0 0 10px;
    position:absolute;
    top:40%;
    right:0;
}
.price_main {
    font-size:12px;
    font-weight:bold;
    color:#fff;
}
.price_main2 {
    font-size:12px;
    font-weight:bold;
    color:#fff;
    display:block;
    margin-top:6px;
}
span.purple {
    font-weight:bold;
    font-size:18px;
    color:#950053;
}
#accordion {
    float:left;
    margin-bottom:30px;
}
#accordion h2 {
background: url("../image/arow_up_down.png") no-repeat scroll 8px 14px #F0F0F0;
    border: 1px solid #E1E1E1;
    cursor: pointer;
    margin: 2px 0;
    padding: 8px 32px;    
}
#accordion h2 a {
    color: #333333;
    font-size: 18px;
}
#accordion h2.ui-state-active {
    background: url("../image/arow_up_down.png") no-repeat scroll 8px -12px #F0F0F0;
}
#accordion .ui-icon {
    display:none;
}
.menu ul#topnav {
    margin:0 auto;
    padding:0;
    height:41px;
}
.menu ul#topnav li {
    display:block;
    float:left;
    list-style:none;
    position:relative;
}
.menu ul#topnav li a {
    display:block;
    float:left;
    color:#c1006b;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    padding:17px 15px 10px 15px;
    margin:0;
    border-right:1px solid #f3f3f3;
}
.menu ul#topnav li:hover a {
    color:#111;    
}
.menu ul#topnav ul.children {
    position:absolute;
    display:none;
    width:179px;  
    top:37px;
    left:0;
    z-index:9999;
    padding:10px 0px 1px 0px;
    margin:0;
    background: url('../image/back_drop.png') top left no-repeat;
    float:left;
}
.menu ul#topnav ul.children ul.children2 {
    position:absolute;
    display:none;
    width:179px;  
    top:0px;
    left:179px;
    z-index:9999;
    padding:0px 0px 1px 0px;
    margin:0;
    background: url('../image/back_drop.png') bottom left no-repeat;
    float:left;
}
.menu ul#topnav ul.children li {
    float:left;
    clear:both;
    border-bottom:1px dotted #666;
}  
.menu ul#topnav ul.children a, .menu ul#topnav li:hover ul.children a {
    display:block;
    width:160px;
    height:auto;
    padding:7px 4px 7px 15px;
    float:left;  
    font-size:12px;
    font-weight:normal;
    background:none;
    text-align:left;
    text-transform:none;
    color:#fff;
    border:none;
}    
.menu ul#topnav ul.children a:hover, .menu ul#topnav li:hover ul.children li {
    background:none;
}
.menu ul#topnav ul.children li a:hover {
    background:none;
    background-color:#444;
    color:#fff;
}
span.address {
    display:block;
    padding-left:30px;
    background: url('../image/address.png') top left no-repeat;
    margin-top:15px;
    font-size:14px;
}
span.phone {
    display:block;
    padding-left:30px;
    background: url('../image/phone.png') top left no-repeat;
    font-size:16px;
    font-weight:bold;
    margin-top:15px;
}
span.fax {
    display:block;
    padding-left:30px;
    background: url('../image/fax.png') top left no-repeat;
    font-size:16px;
    font-weight:bold;
    margin-top:15px;
}
div.tags {
    float:left;
    clear:left;
    width:100%;
    margin:10px 0 30px 0;
    }
#facebook_holder {
    padding:10px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background-color:#e1e1e1;
    margin-bottom:15px;
}
#footer .lined {
    height:2px;
    border-top:1px solid #C9C9C9;
    margin-bottom:8px;
}
#header .share1 {
position:absolute;
top:59px;
right:45px;
}
Styleeshet.css dosyası bu


Kod:
<?php if (isset($_SERVER['HTTP_USER_AGENT']) && !strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE 6')) echo '<?xml version="1.0" encoding="UTF-8"?>'. "\n"; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" xml:lang="<?php echo $lang; ?>" xmlns:fb="https://www.facebook.com/onlinesaticim">
<head>
<html>
<head>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/granule/stylesheet/TLStyle.css" media="screen" />
    <style type="text/css">
            body{
            font-family: 'AbakuTLSymSansRegular';
                    }
</style>
<!-- MBYQkpP_cRMAfbUVx4Hip7eMAYk -->
<meta name="alexaVerifyID" content="MBYQkpP_cRMAfbUVx4Hip7eMAYk" />
<meta name="keywords"
content="keyword1,keyword2, MBYQkpP_cRMAfbUVx4Hip7eMAYk" />
</head>
<body>
</body>
</html>
<title><?php echo $title; ?></title>
<base href="<?php echo $base; ?>" />
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description; ?>" />
<?php } ?>
<?php if ($keywords) { ?>
<meta name="keywords" content="<?php echo $keywords; ?>" />
<?php } ?>
<?php if ($icon) { ?>
<link href="<?php echo $icon; ?>" rel="icon" />
<?php } ?>
<?php foreach ($links as $link) { ?>
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
<?php } ?>
<?php if(($this->config->get('theme_control_skin') != null) && ($this->config->get('theme_control_status') == '1')) { ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $this->config->get('config_template'); ?>/stylesheet/<?php echo $this->config->get('theme_control_skin'); ?>.css" />
<?php } else { ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $this->config->get('config_template'); ?>/stylesheet/stylesheet.css" />
<?php } ?>
<?php foreach ($styles as $style) { ?>
<link rel="<?php echo $style['rel']; ?>" type="text/css" href="<?php echo $style['href']; ?>" media="<?php echo $style['media']; ?>" />
<?php } ?>
<link href='//fonts.googleapis.com/css?family=<?php echo $this->config->get('theme_control_headings_font') ?>&v1' rel='stylesheet' type='text/css'>
<script src="catalog/view/theme/<?php echo $this->config->get('config_template'); ?>/js/jquery.tools.min.js"></script>
<script type="text/javascript" src="catalog/view/theme/<?php echo $this->config->get('config_template'); ?>/js/ui/jquery-ui-1.8.9.custom.min.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $this->config->get('config_template'); ?>/stylesheet/jquery-ui-1.8.9.custom.css" />
<script type="text/javascript" src="catalog/view/javascript/jquery/ui/external/jquery.cookie.js"></script>
<script type="text/javascript" src="catalog/view/theme/<?php echo $this->config->get('config_template'); ?>/js/jquery.prettyPhoto.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $this->config->get('config_template'); ?>/stylesheet/prettyPhoto.css" />
<script type="text/javascript" src="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript" src="catalog/view/javascript/jquery/nivo-slider/jquery.nivo.slider.pack.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $this->config->get('config_template'); ?>/stylesheet/slideshow.css" media="screen" />
<script type="text/javascript" src="catalog/view/theme/ModernStore/js/tipsy/jquery.tipsy.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $this->config->get('config_template'); ?>/js/tipsy/css.tipsy.css" media="screen" />

<script type="text/javascript" src="catalog/view/javascript/jquery/tabs.js"></script>
<script type="text/javascript" src="catalog/view/javascript/common.js"></script>
<script type="text/javascript" src="catalog/view/theme/<?php echo $this->config->get('config_template'); ?>/js/custom_scripts.js"></script>
<script type="text/javascript" src="catalog/view/theme/<?php echo $this->config->get('config_template'); ?>/js/scrolltopcontrol.js"></script>
<?php foreach ($scripts as $script) { ?>
<script type="text/javascript" src="<?php echo $script; ?>"></script>
<?php } ?>
<?php echo $google_analytics; ?>
<?php if($this->config->get('theme_control_status') == '1'){ ?>
<style type="text/css">
body {
font-family:<?php echo $this->config->get('theme_control_body_font') ?>;
color:#<?php echo $this->config->get('theme_control_text_color') ?>;
}
h1, h2, h3, h4, .box .box-heading, .box h2 {
<?php $headerFont = $this->config->get('theme_control_headings_font');
$font = str_replace("+", " ", $headerFont);
?> font-family: '<?php echo $font; ?>';
color:#<?php echo $this->config->get('theme_control_headings_color') ?>;
}
a, a:visited {
color:#<?php echo $this->config->get('theme_control_links_color') ?>;
}
a:hover, #header .links a:hover, #header .links a.selected {
color:#<?php echo $this->config->get('theme_control_links_color_hover') ?>;
}
#footer h3 {
color:#<?php echo $this->config->get('theme_control_footer_box_title') ?>;
}
#footer .column a {
color:#<?php echo $this->config->get('theme_control_footer_link_color') ?>;
}
#header .links a {
color:#<?php echo $this->config->get('theme_control_main_menu_color') ?>;
}
.menu ul#topnav li a, #menu > ul > li > a {
color:#<?php echo $this->config->get('theme_control_category_menu_color') ?>;
}
</style>
<?php } ?>
</head>
<body>
<div id="container">
<div id="header">
  <div id="header_top">
  <div id="welcome_user">
      <p>Hosgeldin,
        <?php if (!$logged) { ?>
        <a href="<?php echo $account; ?>">Ziyaretci</a>
        <?php } else { ?>
        <a href="<?php echo $account; ?>"><strong><?php echo $this->customer->getFirstName() ; ?></strong></a>
        /<a href="<?php echo $logout; ?>"><strong>Cikis</strong></a>/
        <?php } ?>
        .</p>
    </div>
    <div id="cart">
      <div class="heading">
        <h4><?php echo $text_cart; ?>: </h4>
        <a><span id="cart_total"><?php echo $text_items; ?></span></a></div>
      <div class="content"></div>
    </div>
    <div id="search">
      <div class="button-search"></div>
      <?php if ($filter_name) { ?>
      <input type="text" name="filter_name" value="<?php echo $filter_name; ?>" />
      <?php } else { ?>
      <input type="text" name="filter_name" value="<?php echo $text_search; ?>" onclick="this.value = '';" onkeydown="this.style.color = '#000000';" />
      <?php } ?>
    </div>
    <?php if (count($languages) > 1) { ?>
    <form action="<?php echo $action; ?>" method="post" enctype="multipart/form-data">
      <div id="language"><?php echo $text_language; ?>
        <?php foreach ($languages as $language) { ?>
        &nbsp;<img src="image/flags/<?php echo $language['image']; ?>" alt="<?php echo $language['name']; ?>" title="<?php echo $language['name']; ?>" onclick="$('input[name=\'language_code\']').attr('value', '<?php echo $language['code']; ?>').submit(); $(this).parent().parent().submit();" />
        <?php } ?>
        <input type="hidden" name="language_code" value="" />
        <input type="hidden" name="redirect" value="<?php echo $redirect; ?>" />
      </div>
    </form>
    <?php } ?>
    <?php if (count($currencies) > 1) { ?>
    <form action="<?php echo $action; ?>" method="post" enctype="multipart/form-data">
      <div id="currency"><?php echo $text_currency; ?>
        <?php foreach ($currencies as $currency) { ?>
        <?php if ($currency['code'] == $currency_code) { ?>
        <?php if ($currency['symbol_left']) { ?>
        <a title="<?php echo $currency['title']; ?>"><b><?php echo $currency['symbol_left']; ?></b></a>
        <?php } else { ?>
        <a title="<?php echo $currency['title']; ?>"><b><?php echo $currency['symbol_right']; ?></b></a>
        <?php } ?>
        <?php } else { ?>
        <?php if ($currency['symbol_left']) { ?>
        <a title="<?php echo $currency['title']; ?>" onclick="$('input[name=\'currency_code\']').attr('value', '<?php echo $currency['code']; ?>').submit(); $(this).parent().parent().submit();"><?php echo $currency['symbol_left']; ?></a>
        <?php } else { ?>
        <a title="<?php echo $currency['title']; ?>" onclick="$('input[name=\'currency_code\']').attr('value', '<?php echo $currency['code']; ?>').submit(); $(this).parent().parent().submit();"><?php echo $currency['symbol_right']; ?></a>
        <?php } ?>
        <?php } ?>
        <?php } ?>
        <input type="hidden" name="currency_code" value="" />
        <input type="hidden" name="redirect" value="<?php echo $redirect; ?>" />
      </div>
    </form>
    <?php } ?>
  </div>
  <?php if ($logo) { ?>
  <div id="logo"><a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a></div>
  <?php } ?>
  <div class="links">
  <?php
$this->language->load('common/footer');
$text_contact = $this->language->get('text_contact');
?>
  <a href="<?php echo $home; ?>" id="tab_home"><?php echo $text_home; ?></a><a href="<?php echo $wishlist; ?>" id="wishlist_total"><?php echo $text_wishlist; ?></a><a href="<?php echo $account; ?>" id="tab_account"><?php echo $text_account; ?></a><a href="<?php echo $cart; ?>" id="tab_cart"><?php echo $text_cart; ?></a><a href="<?php echo $checkout; ?>" id="tab_checkout"><?php echo $text_checkout; ?></a><a href="<?php echo $contact; ?>" id="tab_contact"><?php echo $text_contact; ?></a></div>
  <div class="clear"></div>

<?php if ($categories) { ?>
<div id="menu">
  <ul>
    <?php foreach ($categories as $category) { ?>
    <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
      <?php if ($category['children']) { ?>
      <div>
        <?php for ($i = 0; $i < count($category['children']);) { ?>
        <ul>
          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
          <?php for (; $i < $j; $i++) { ?>
          <?php if (isset($category['children'][$i])) { ?>
          <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
          <?php } ?>
          <?php } ?>
        </ul>
        <?php } ?>
      </div>
      <?php } ?>
    </li>
    <?php } ?>
  </ul>
</div>

<?php } else { ?>
<div class="menu">
<?php

$this->load->model('catalog/category');
$this->load->model('catalog/product');

$categories_1 = $this->model_catalog_category->getCategories(0);                                              // get the categories

if ($categories_1) {$output = '<ul id="topnav">';}                                                              // if there are categories available, start off with the unordered list tag

foreach ($categories_1 as $category_1) {                                                                            // for each result
    $output .= '<li>';                                                                                    // put a list item tag                                                                // get the id of this category
    $unrewritten  = $this->url->link('product/category', 'path=' . $category_1['category_id']);                                // otherwise, it will be this one
    $output .= '<a href="'.($unrewritten).'">' . $category_1['name'] . '</a>';                                // finally, generate the category name and wrap its link

    $categories_2 = $this->model_catalog_category->getCategories($category_1['category_id']);                                // if this result has a sub-list, get the set of new categories

    if ($categories_2) {$output .= '<ul class="children">';}                                                // if this is a subresult, start off with an unordered list tag

    foreach ($categories_2 as $category_2) {                                                                // for each of this subresult item
        $output .= '<li>';                                                                                // put a list item tag                                                    // get its category
        $sub_unrewritten = $this->url->link('product/category', 'path=' . $category_1['category_id'] . '_' . $category_2['category_id']);
        $output .= '<a href="'.($sub_unrewritten).'">' . $category_2['name'] . '</a>';                    // now, generate the category name and wrap its link
        
        $categories_3 = $this->model_catalog_category->getCategories($category_2['category_id']);                // if this result has a sub-list, get the set of new categories

        if ($categories_3) {$output .= '<ul class="children2">';}                                    // if this is a subresult, start off with an unordered list tag

        foreach ($categories_3 as $category_3) {                                                // for each of this third level item
            $output .= '<li>';                                                                            // give it an opening list tag                                            // get its category
            $third_sub_unrewritten = $this->url->link('product/category', 'path=' . $category_1['category_id'] . '_' . $category_2['category_id'] . '_' . $category_3['category_id']);                                // if its enabled, this will be the path
            $output .= '<a href="'.($third_sub_unrewritten).'">'.$category_3['name'].'</a>';        // call the category name and wrap with its link
            $output .= '</li>';                                                                            // now close this list item
        }

        if ($categories_3) {$output .= '</ul>';}                                                    // if this was the third list, clost the list
            $output .= '</li>';                                                                            // then or otherwise, close the second level list tag
    }
    if ($categories_2) {$output .= '</ul>';}                                                                // if all sub results have been listed, close the second level
        $output .= '</li>';                                                                                // then or otherwise close first list parent
}
if ($categories_1) {$output .= '</ul>';}                                                                        // then close the first level list table
echo $output;                                                                                             // now produce the results
?>
</div>
<?php } ?>

<div class="clear"></div>

<?php foreach ($modules as $module) { ?>
<?php echo $module; ?>
<?php } ?>

<div class="clear"></div>
</div>
<div class="clear"></div>
<div id="notification"></div>

<script type="text/javascript">
$(document).ready(function() {
<?php if (isset($this->request->get['route']) && $this->request->get['route'] == 'common/home' || !isset($this->request->get['route'])) { ?>
        $('#tab_home').addClass('selected');
<?php } ?>
<?php if (isset($this->request->get['route']) && $this->request->get['route'] == 'account/login') { ?>
        $('#tab_account').addClass('selected');
<?php } ?>
<?php if (isset($this->request->get['route']) && $this->request->get['route'] == 'account/wishlist') { ?>
        $('#wishlist_total').addClass('selected');
<?php } ?>
<?php if (isset($this->request->get['route']) && $this->request->get['route'] == 'checkout/cart') { ?>
        $('#tab_cart').addClass('selected');
<?php } ?>
<?php if (isset($this->request->get['route']) && $this->request->get['route'] == 'checkout/checkout') { ?>
        $('#tab_checkout').addClass('selected');
<?php } ?>
<?php if (isset($this->request->get['route']) && $this->request->get['route'] == 'information/contact') { ?>
        $('#tab_contact').addClass('selected');
<?php } ?>            
});
</script>
<div  class="share1">
            <!-- AddThis Button BEGIN -->
           <div class="addthis_toolbox addthis_default_style ">
            <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
            <a class="addthis_button_tweet"></a>
            <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
            <a class="addthis_counter addthis_pill_style"></a>
            </div>
            <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4edb66ec68647477"></script>

catalog>wiew>theme>modernstore>template>common dosyasındakı header.tpl

Nerde yanlıs yaptıgımı soylermısınız ?[/code]
Alıntı Yaparak Cevapla
Paylaş!
munzur44v
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 32
Konular: 10
Katılma Tarihi: Jan 2012
Rep Puanı: 0
Teşekkürler: 9
6 Mesajına, 7 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 05-04-2012 02:43 AM
kod dogru site de gorunuyor ama yerini

deneme yanılma yoluyla bulacaksınız.

kolay gelsin.
Alıntı Yaparak Cevapla
Paylaş!
coleqtiav
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 36
Konular: 12
Katılma Tarihi: Apr 2012
Rep Puanı: 0
Teşekkürler: 5
3 Mesajına, 6 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 05-04-2012 07:30 AM
Sorun su styleet de yerını degıstırıyorum fakat yer degısmıyor.
Alıntı Yaparak Cevapla
Paylaş!
osdem66v
Forum Kurucusu
*******
Administrators user avatar
Çevrimdışı

Mesajlar: 2,121
Konular: 158
Katılma Tarihi: Dec 2011
Rep Puanı: 27
Teşekkürler: 393
522 Mesajına, 1442 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 05-04-2012 08:17 AM
Merhaba; kodları header div içine ekleyiniz css kodlarına bakarsanız header ıd si içinde share1 class ile kontrol ediliyor sizi header in en altına eklemişsiniz logo kodlarınızın hemen altına ekleyebilirsiniz yada <div id="header "> dan hemen sonraya ekleyin
osdem66
Alıntı Yaparak Cevapla
Paylaş!
coleqtiav
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 36
Konular: 12
Katılma Tarihi: Apr 2012
Rep Puanı: 0
Teşekkürler: 5
3 Mesajına, 6 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 05-06-2012 11:51 PM
Google +1 facebook share ve twitter hallettım ama su kodu da headerda nasıl gosterırım


Kod:
<!-- http://www.LiveZilla.net Chat Button Link Code -->
<p>
    <a href="javascript:void(window.open('http://onlinesaticim.com/livezilla/livezilla.php','','width=590,height=550,left=0,top=0,resizable=yes,menubar=no,lo​cation=no,status=yes,scrollbars=yes'))"><img alt="LiveZilla Live Help" border="0" height="69" src="http://onlinesaticim.com/livezilla/image.php?id=03" width="175" /></a><noscript><div><a href="http://onlinesaticim.com/livezilla/livezilla.php" target="_blank">Start Live Help Chat</a></div></noscript><!-- http://www.LiveZilla.net Chat Button Link Code --><!-- http://www.LiveZilla.net Tracking Code --></p>
<div id="livezilla_tracking" style="display:none">
    &nbsp;</div>
<script type="text/javascript">
<!-- DON'T REMOVE ANY LINE BREAKS OR TAGS -->
/* <![CDATA[ */
var script = document.createElement("script");script.type="text/javascript";var src = "http://onlinesaticim.com/livezilla/server.php?request=track&output=jcrpt&nse="+Math.random();setTimeout("script.src=src;document.getElementById('livezilla_tracking').appendChild(script)​",1);
/* ]]> */
</script><!-- http://www.LiveZilla.net Tracking Code -->
Alıntı Yaparak Cevapla
Paylaş!

« Önceki | Sonraki »
Cevapla  Gönder 

Headerda Duzenleme Konusunun Linki Direk Link
Headerda Duzenleme Konusunun HTML Kodu HTML Link
Headerda Duzenleme Konusu BBCode Linki BBCode Link
Headerda Duzenleme Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  Sayfa düzenleme eyupgokay 0 579 03-19-2022 10:51 AM
Son Mesaj: eyupgokay
  Sipariş onaylandı sayfasını düzenleme Sekeramca 2 2,687 12-13-2021 11:39 AM
Son Mesaj: ufuk456
  Opencartworks modül düzenleme hatası Bulentoran 0 574 05-08-2020 12:45 PM
Son Mesaj: Bulentoran
  Opencart(Journal) sipariş sayfasını düzenleme safakozt 8 5,571 12-29-2018 08:38 AM
Son Mesaj: safakozt
  Opencart 2.0.1.0 sipariş düzenleme sorunu thearc 1 1,428 10-18-2018 10:36 AM
Son Mesaj: Enerji ve Guc
  Sayfa Düzenleme cadde4 0 1,413 06-23-2017 10:34 PM
Son Mesaj: cadde4
  Opencart 1.5.6 Panelde düzenleme ve ekleme sorunu furkancn 0 1,660 07-29-2016 03:23 PM
Son Mesaj: furkancn
Question Kategorilerde Ürün Düzenleme durock123 3 2,736 08-09-2015 09:54 PM
Son Mesaj: turkojen34
  Opencart Cononical Etiketi Düzenleme tezpa 0 1,923 07-21-2015 06:12 PM
Son Mesaj: tezpa
  Dilleri Düzenleme İznine Sahip Değilsiniz! Hatası hostanadolu 3 3,395 06-28-2015 12:36 AM
Son Mesaj: myweb

Headerda Duzenleme indir, Headerda Duzenleme Videosu, Headerda Duzenleme online izle, Headerda Duzenleme Bedava indir, Headerda Duzenleme Yükle, Headerda Duzenleme Hakkında, Headerda Duzenleme nedir, Headerda Duzenleme Free indir, Headerda Duzenleme oyunu, Headerda Duzenleme download


Forum Atla: