merdobul' Alıntı:Ben kendi görüşümü sunmak istiyorum. Bence temanız çok etkili değil daha kurumsal ve satış politikasına uygun olabilirdi. Uygulamak istediğiniz mantık güzel fakat daha güzel işler çıkartabileceğinize inanıyorum. İyi çalışmalar dilerim...
lermis' Alıntı:dns leri değiştireli 2 gün oldu açılıyor olması lazım.
/
#top-bar {
background:#ddd;
padding: 0px;
height: 30px;
color: #f7f7f7;
width: 100%;
top: 0px;
z-index: 9999;
position: fixed;
border-bottom: 1px solid #aaa;
-webkit-box-shadow: 0px 1px 7px #777;
-moz-box-shadow: 0px 1px 7px #777;
box-shadow: 0px 1px 7px #777;
}
#top-bar .container-top {
width: 980px;
margin-left: auto;
margin-right: auto;
text-align: left;
background: transparent !important;
}
#top-bar .links {
position: relative;
font-size: 10px;
margin-top: 7px;
padding-right: 10px;
}
#top-bar .links a {
float: left;
display: block;
padding: 0px 0px 0px 7px;
color: #444;
text-decoration: none;
font-size: 12px;
}
#top-bar .links a + a {
margin-left: 8px;
}
#top-bar #language {
position: absolute;
top: 0px;
right: 548px;
margin-bottom: 10px;
width: 75px;
color: #999;
z-index: 999;
line-height: 17px;
}
#top-bar #language img {
cursor: pointer;
}
#top-bar #currency {
width: 105px;
position: absolute;
top: 0px;
padding-bottom: 10px;
padding-right: 35px;
right: 378px;
color: #999;
z-index: 999;
line-height: 17px;
}
#top-bar #cart {
float: right;
position: relative;
z-index: 9;
min-width: 300px;
}
#top-bar #cart .heading {
float: right;
margin-right: 0px;
margin-top: -7px;
padding-left: 15px;
padding-right: 15px;
background: #f8f8f8;
position: relative;
z-index: 1;
}
#top-bar #cart .heading h4 {
color: #FF4500;
font-size: 15px;
font-weight: bold;
margin-bottom: 3px;
}
#top-bar #cart .heading a {
color: #333;
line-height: 30px;
font-weight: bold;
text-decoration: none;
}
#top-bar #cart .heading a span {
background: url('../image/arrow-down.png') 100% 50% no-repeat;
padding-right: 15px;
}
#top-bar #cart .content {
clear: both;
display: none;
margin-right: 0px;
position: relative;
top: 0px;
padding: 8px;
min-height: 30px;
-webkit-box-shadow: 0px 1px 4px #777;
-moz-box-shadow: 0px 1px 4px #777;
box-shadow: 0px 1px 4px #777;
-khtml-border-radius: 0px 0px 2px 2px;
-moz-border-radius: 0px 0px 2px 2px;
-webkit-border-radius: 0px 0px 2px 2px;
border-radius: 0px 0px 2px 2px;
background: #f8f8f8;
}
#top-bar #cart.active .heading {
margin-top: 4px;
padding-bottom: 6px;
border-top: 1px solid #EEEED1;
border-left: 1px solid #EEEED1;
border-right: 1px solid #EEEED1;
-webkit-box-shadow: 0px 1px 4px #777;
-moz-box-shadow: 0px 1px 4px #777;
box-shadow: 0px 1px 4px #777;
}
#top-bar #cart.active .content {
display: block;
}
#top-bar #cart .cart {
border-collapse: collapse;
width: 100%;
margin-bottom: 5px;
}
#top-bar #cart .cart td {
color: #000;
vertical-align: top;
padding: 10px 5px;
border-bottom: 1px solid #ccc;
}
#top-bar #cart .cart td a{
color: #1E90FF;
}
#top-bar #cart .cart .image {
width: 1px;
}
#top-bar #cart .cart .image img {
border: 1px solid #ccc;
text-align: left;
}
#top-bar #cart .cart .name small {
color: #666;
}
#top-bar #cart .cart .quantity {
text-align: right;
}
#top-bar #cart .cart td.total {
text-align: right;
}
#top-bar #cart .cart .remove {
text-align: right;
}
#top-bar #cart .cart .remove img {
cursor: pointer;
}
#top-bar #cart table.total {
border-collapse: collapse;
padding: 5px;
float: right;
clear: left;
margin-bottom: 5px;
}
#top-bar #cart table.total td {
color: #000;
padding-left: 10px;
}
#top-bar #cart .content .checkout {
text-align: right;
clear: both;
}
#top-bar #cart .empty {
padding-top: 5px;
text-align: center;
color: #000;
}
.switcher {
float: right;
margin-top: 3px;
margin-left: 10px;
}
.switcher a {
text-decoration: none;
display: block;
}
.switcher .selected {
background: #FFFFFF url('../image/switcher.png') repeat-x;
}
.switcher .selected a {
border: 1px solid #CCCCCC;
background: url('../image/arrow_down.png') 116px center no-repeat;
color: #666666;
padding: 2px 5px 2px 5px;
width: 121px;
}
.switcher .selected a:hover {
background: #F0F0F0 url('../image/arrow_down.png') 116px center no-repeat;
}
.switcher .option {
position: absolute;
z-index: 3;
top: 25px;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background-color: #EEEEEE;
display: none;
width: 131px;
-khtml-border-radius: 0px 0px 2px 2px;
-moz-border-radius: 0px 0px 2px 2px;
-webkit-border-radius: 0px 0px 2px 2px;
border-radius: 0px 0px 2px 2px;
}
.switcher .option a {
color: #000;
padding: 3px 5px 3px 5px;
}
.switcher .option a:hover {
background: #f8f8f8;
}
.switcher img {
position: relative;
top: 1px;
}
<div id="top-bar"><!-- ***** TOPBAR Start ***** -->
<div class="container-top">
<!-- ***** LINKS Start ***** -->
<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>
<!-- ***** LINKS End ***** -->
<!-- ***** CART Start ***** -->
<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>
<!-- ***** CART End ***** -->
<!-- ***** CURRENCIES Start ***** -->
<div id="currency">
<?php if (count($currencies) > 1) { ?>
<form action="<?php echo str_replace('&', '&', $action); ?>" method="post" enctype="multipart/form-data" id="currency_form">
<div class="switcher">
<?php foreach ($currencies as $currency) { ?>
<?php if ($currency['code'] == $currency_code) { ?>
<div class="selected"><a><?php echo $currency['title']; ?></a></div>
<?php } ?>
<?php } ?>
<div class="option">
<?php foreach ($currencies as $currency) { ?>
<a onclick="$('input[name=\'currency_code\']').attr('value', '<?php echo $currency['code']; ?>'); $('#currency_form').submit();">
<?php echo $currency['title']; ?>
</a>
<?php } ?>
</div>
</div>
<div style="display: inline;">
<input type="hidden" name="currency_code" value="" />
<input type="hidden" name="redirect" value="<?php echo $redirect; ?>" />
</div>
</form>
<?php } ?>
</div>
<!-- ***** CURRENCIES End ***** -->
<!-- ***** LANGUAGES Start ***** -->
<div id="language">
<?php if (count($languages) > 0) { ?>
<form action="<?php echo str_replace('&', '&', $action); ?>" method="post" enctype="multipart/form-data" id="language_form">
<div class="switcher">
<?php foreach ($languages as $language) { ?>
<?php if ($language['code'] == $language_code) { ?>
<div class="selected">
<a>
<img src="image/flags/<?php echo $language['image']; ?>" alt="<?php echo $language['name']; ?>" /> <?php echo $language['name']; ?>
</a>
</div>
<?php } ?>
<?php } ?>
<div class="option">
<?php foreach ($languages as $language) { ?>
<a onclick="$('input[name=\'language_code\']').attr('value', '<?php echo $language['code']; ?>'); $('#language_form').submit();">
<img src="image/flags/<?php echo $language['image']; ?>" alt="<?php echo $language['name']; ?>" /> <?php echo $language['name']; ?>
</a>
<?php } ?>
</div>
</div>
<div>
<input type="hidden" name="language_code" value="" />
<input type="hidden" name="redirect" value="<?php echo $redirect; ?>" />
</div>
</form>
<?php } ?>
</div>
<!-- ***** LANGUAGES End ***** -->
<!-- ***** NOTIFICATIONS Start ***** -->
<div id="notification"></div>
<!-- ***** NOTIFICATIONS End ***** -->
</div>
</div><!-- ***** TOPBAR End ***** -->