seoseo
tr-opencart

     
avatar Şuanki Zaman: 12-10-2016, 08:00 AMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Modüllerdeki atraksiyonlar

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  cevahirabi - Görüntüleme - Okunma  2114 - Yorum  9

cevahirabiv
Üye
***
Üye user avatar
Çevrimdışı

Mesajlar: 240
Konular: 65
Katılma Tarihi: Feb 2012
Rep Puanı: 2
Teşekkürler: 27
11 Mesajına, 29 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-14-2012 07:05 PM
Arkadaşlar tema bakınıyorum almak için.

şimdi coğu temanın ana sayfa haricindeki kısımları aynı. değişiklik gösteren tek yerleri ust kısım grafik yönleri ve ana sayfada bulunan yeni ürünler , kampanyalı ürünler modüllerinin şekilleri.

modüllerdeki resimlerin üzerine gelince bilgi cıkıyor: http://themeforest.net/item/elite-shop/f...ew/2521203

modüllerdeki resimlerin üzerine gelince arkasını dönüyor: http://www.sokothemes.com/themes/?theme=fashopper

modüllerdeki resimlerin üzerine gelince renkleniyor: http://www.lingerie152.opencart-themes.org/

şimdi bu modüllerdekiler temanın özelliği mi yoksa extradan eklenti ihtiyacı duyuluyor mu?
Alıntı Yaparak Cevapla
Paylaş!
opencart temaları
noktav
Süper Moderator
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 629
Konular: 24
Katılma Tarihi: Jan 2012
Rep Puanı: 12
Teşekkürler: 672
174 Mesajına, 272 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-14-2012 09:09 PM
ilk iki temada script kullanılmış, 3. temada ise css dosyasında onmouseover a çerçeve dolgu rengi eklenmiş.

Aslında biraz kod bilgisi ile bu tür atraksiyonları rahatça yapabilirsiniz.
Sonuçda kodların uygun şekilde eklenmesi hepsi bu.

Kolay gelsin.
nokta
Bu Dünya Acılardan Kaçamayacağın Kadar Küçük,
Kaybettiklerini Bir Daha Bulamayacağın Kadar Büyüktür!..
Alıntı Yaparak Cevapla
Paylaş!
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,966
Konular: 475
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1108
965 Mesajına, 1981 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-14-2012 09:31 PM
Nokta arkadalımızında dediği gibi Olay css +js lerde bitiyor
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
cevahirabiv
Üye
***
Üye user avatar
Çevrimdışı

Mesajlar: 240
Konular: 65
Katılma Tarihi: Feb 2012
Rep Puanı: 2
Teşekkürler: 27
11 Mesajına, 29 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-16-2012 12:58 PM
misalen ben her modül için o ürünleri 3 yada 4 lü sıra istiyorum geniş resimli olsun. bunları oynayabilmem için tema içindeki hangi dosyalarda değişiklik yapmam lazım.
Alıntı Yaparak Cevapla
Paylaş!
noktav
Süper Moderator
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 629
Konular: 24
Katılma Tarihi: Jan 2012
Rep Puanı: 12
Teşekkürler: 672
174 Mesajına, 272 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-16-2012 03:07 PM
(07-16-2012 12:58 PM)cevahirabi Yazılan:  misalen ben her modül için o ürünleri 3 yada 4 lü sıra istiyorum geniş resimli olsun. bunları oynayabilmem için tema içindeki hangi dosyalarda değişiklik yapmam lazım.

catalog/view/theme/sizin temanız/stylesheet/stylesheet.css dosyasından yapabilirsiniz.
PHP Kod:
.box-product div {
    
width130px;
    
displayinline-block;
    
vertical-aligntop;
    
margin-right20px;
    
margin-bottom20px;

satırları ile oynayabilirsiniz.
nokta
Bu Dünya Acılardan Kaçamayacağın Kadar Küçük,
Kaybettiklerini Bir Daha Bulamayacağın Kadar Büyüktür!..
Alıntı Yaparak Cevapla
Paylaş!
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,966
Konular: 475
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1108
965 Mesajına, 1981 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-16-2012 03:22 PM
css dosyasından box-content leden di sanırım /* box tan itibaren bak
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
opencart temaları
cevahirabiv
Üye
***
Üye user avatar
Çevrimdışı

Mesajlar: 240
Konular: 65
Katılma Tarihi: Feb 2012
Rep Puanı: 2
Teşekkürler: 27
11 Mesajına, 29 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-16-2012 07:27 PM
modüllerdeki kısımlar ortalanması için hangi kodu koymalıyım. örneğin özel ürünlerde yada yeni ürünler modülünde 3 tanede olsa 5 tanede olsa ortaya hizalı olsun. elimdeki tüm templateler hep sola hizalı.

Resim görüntüleyici
Resim görüntüleyici

bunları ortaya hizalı yapmak için hangi kodu hangi araya yazmalıyım.

Resim görüntüleyici
Alıntı Yaparak Cevapla
Paylaş!
noktav
Süper Moderator
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 629
Konular: 24
Katılma Tarihi: Jan 2012
Rep Puanı: 12
Teşekkürler: 672
174 Mesajına, 272 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-16-2012 07:47 PM
ortalamak için center komutunu kullanıyoruz.
düzenleme yaptığınız kısımdaki left yazan yeri center yaparsanız otomatik ortalayacaktır.
nokta
Bu Dünya Acılardan Kaçamayacağın Kadar Küçük,
Kaybettiklerini Bir Daha Bulamayacağın Kadar Büyüktür!..
Alıntı Yaparak Cevapla
Paylaş!
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,966
Konular: 475
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1108
965 Mesajına, 1981 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-16-2012 07:57 PM
sanırım bu koddan düzenleniyor ama denemedim

}
/* box products */
.box-product {
width: 100%;
overflow: auto;
}
.box-product > div {
width: 130px;
display: inline-block;
vertical-align: top;
margin-right: 20px;
margin-bottom: 20px;
}
#column-left + #column-right + #content .box-product > div {
width: 119px;
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
cevahirabiv
Üye
***
Üye user avatar
Çevrimdışı

Mesajlar: 240
Konular: 65
Katılma Tarihi: Feb 2012
Rep Puanı: 2
Teşekkürler: 27
11 Mesajına, 29 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-17-2012 01:46 PM
http://www.tr-opencart.com/Konu-opencart...rn-tema%20 dark-modern teması.


left yazan biyer yok ki center yapayım. her tarafla oynadım bulamadım. vaktiniz varsa rica etsem bakabilir misiniz.

stylesheet.css

Kod:
html {
    overflow: -moz-scrollbars-vertical;
    margin: 0;
    padding: 0;
}
body {
    background: #fcfbfb url('../image/bg.jpg') no-repeat center top;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
}
body, td, th, input, textarea, select, a {
    font-size: 12px;
}
h1, .welcome {
    color: #636E75;
    font: Verdana;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: normal;
    text-shadow: 0 0 1px rgba(0, 0, 0, .01);
}
h2 {
    color: #000000;
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 5px;
}
p {
    margin-top: 0px;
    margin-bottom: 20px;
}
a, a:visited, a b {
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}
a:hover {
    text-decoration: none;
}
a img {
    border: none;
}
form {
    padding: 0;
    margin: 0;
    display: inline;
}
input[type='text'], input[type='password'], textarea {
    background: #F8F8F8;
    border: 1px solid #00e4ffCCC;
    padding: 3px;
    margin-left: 0px;
    margin-right: 0px;
}
select {
    background: #F8F8F8;
    border: 1px solid #00e4ffCCC;
    padding: 2px;
}
label {
    cursor: pointer;
}
/* layout */
#container {
    width: 980px;
    margin:15px auto 0 auto;
    text-align: left;
}
#column-left {
    float: left;
    width: 180px;
    margin:0 0 0 5px;
}
#column-right {
    float: right;
    width: 180px;
    margin:0 10px 0 0;
}
#content {
    min-height: 400px;
    padding:15px;
    margin-bottom: 25px;
    background:none;    
}
#mainsite{
    margin:0;
    padding:0;
    background: url('../image/bg-conteiner.png') no-repeat;
}
#column-left + #column-right + #content, #column-left + #content {
    margin-left: 195px;
}
#column-right + #content {
    margin-right: 195px;
}
/* header */
#header {
    height: 150px;
    margin-bottom: 7px;
    padding-bottom: 4px;
    position: relative;
    z-index: 99;
}
#header #logo {
    position: absolute;
    top: 25px;
    left: 15px;
}
#language {
    position: absolute;
    top: 15px;
    left: 315px;
    width: 75px;
    color: #fff;
    line-height: 17px;
}
#language img {
    cursor: pointer;
}
#currency {
    width: 75px;
    position: absolute;
    top: 15px;
    left: 395px;
    color: #fff;
    line-height: 17px;
}
#currency a {
    display: inline-block;
    padding: 2px 4px;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    margin-right: 2px;
    margin-bottom: 2px;
}
#currency a b {
    color: #ccc;
    text-decoration: none;
}
#header #cart {
    position: absolute;
    top: 0px;
    right: 165px;
    z-index: 9;
    min-width: 350px;
}
#header #cart .heading {
    float: right;
    margin-right: 172px;
    margin-top: 15px;
    padding-left: 14px;
    padding-right: 14px;
    background:none;
    position: relative;
    z-index: 1;
}
#header #cart .heading h4 {
    color: #ccc;
    font-size: 15px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 3px;
}
#header #cart .heading a {
    color: #fff;
    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: relative;
    top: -1px;
    padding: 8px;
    min-height: 150px;
    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    -webkit-border-radius: 0px 7px 7px 7px;
    -moz-border-radius: 0px 7px 7px 7px;
    -khtml-border-radius: 0px 7px 7px 7px;
    border-radius: 0px 7px 7px 7px;
    -webkit-box-shadow: 0px 2px 2px #554400;
    -moz-box-shadow: 0px 2px 2px #554400;
    box-shadow: 0px 2px 2px #554400;
    background: #FFF;
}

#header #cart.active .heading {
    margin-top: 5px;
    padding-top: 10px;
    padding-bottom: 6px;
    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    -webkit-border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    -khtml-border-radius: 7px 7px 0px 0px;
    border-radius: 7px 7px 0px 0px;
}
#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 {
    position: absolute;
    top: 60px;
    right: 212px;
    width: 100px;
    z-index: 15;
}
#header .button-search {
    position: absolute;
    left: 0px;
    background: url('../image/button-search.png') center center no-repeat;
    width: 28px;
    height: 24px;
    border-right: 1px solid #00e4ffCCC;
    cursor: pointer;
}
#header #search input {
    background: #FFF;
    padding: 1px 1px 1px 33px;
    width: 262px;
    height: 21px;
    border: 1px solid #00e4ffCCC;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -khtml-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    -webkit-box-shadow: 0px 2px 0px #F0F0F0;
    -moz-box-shadow: 0px 2px 0px #F0F0F0;
    box-shadow: 0px 2px 0px #F0F0F0;    
}
#header #welcome {
    position: absolute;
    margin:0;
    top: 40px;
    right: 0px;
    z-index: 5;
    width: 298px;
    text-align: right;
    color: #fff;
}
#welcome a{
    color:#fff;                
}
#header .links {
    position: absolute;
    right: 0px;
    bottom: 3px;
    font-size: 10px;
    padding-right: 10px;
}
#header .links a {
    margin:12px 0 0 4px;
    padding:7px 7px 7px 7px;
    float: left;
    display: block;
    color: #333;
    text-decoration: none;
    font-size: 12px;
    background:url('../image/background-links.png') repeat-x;
    border: 1px solid #dedede;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -khtml-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
}
#header .links a:hover{
    background:url('../image/background.png') repeat-x;    
    color:#fff;
    border-color:#000;            
}
/*#header .links a + a {
    margin-left: 8px;
}*/
/* menu */
#menu {
    background:url('../image/menu-bg.png') no-repeat;
    border-bottom:none;
    height: 63px;
    width:980px;
    padding:0;
}
#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 {
    margin:0;
    font-size: 15px;
    color: #333;
    text-decoration: none;
    font-weight:bold;
    display: block;
    padding: 23px 15px 16px 15px;
    z-index: 6;
    position: relative;
}
#menu > ul > li > a:hover{
    background:#dedede;
    color:#333;
    border:none;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -khtml-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;                
}
#menu > ul > li > div {
    display: none;
    position: absolute;
    z-index: 5;
    padding: 5px;
    border: 1px solid #000;
    -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: #000;
    color:#fff;
}
#menu > ul > li > div > ul > li > a {
    color: #FFFFFF;
}
.breadcrumb {
    color: #00e4ffCCC;
    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;
}
.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: #554400;
    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 {
    color: #000000;
}
table.form td {
    padding: 4px;
}
input.large-field, select.large-field {
    width: 300px;
}
table.list {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #554400;
    border-left: 1px solid #554400;
    margin-bottom: 20px;
}
table.list td {
    border-right: 1px solid #554400;
    border-bottom: 1px solid #554400;
}
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;
}
.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 {
    display: inline-block;
    padding-left:15px;
    background: url('../image/button-left.png') top left no-repeat;
    text-decoration: none;
    cursor: pointer;
}
a.button span {
    color: #000;
    line-height: 12px;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    padding: 18px 15px 18px 1px;
    background: url('../image/button-right.png') top right no-repeat;
}
a.button:hover {
    background: url('../image/button-left-active.png') top left no-repeat;
}
a.button:hover span {
    color: #fff;
    background: url('../image/button-right-active.png') top right no-repeat;
}
.buttons {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    overflow: auto;
    padding: 6px;
    margin-bottom: 20px;
}
.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 #554400;    
}
.htabs a {
    border-top: 1px solid #554400;
    border-left: 1px solid #554400;
    border-right: 1px solid #554400;
    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;
    display: none;
}
.htabs a.selected {
    padding-bottom: 7px;
    background: #FFFFFF;
}
.tab-content {
    border-left: 1px solid #554400;
    border-right: 1px solid #554400;
    border-bottom: 1px solid #554400;
    padding: 10px;
    margin-bottom: 20px;
    z-index: 2;
    overflow: auto;
}
/* box */
.box {
    margin:0 0 20px 5px;
}
.box .box-heading {
    -webkit-border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    -khtml-border-radius: 7px 7px 0px 0px;
    border-radius: 7px 7px 0px 0px;
    border: 1px solid #000;
    background: url('../image/background.png') repeat-x;
    padding: 16px 10px 14px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    color: #fff;
}
.box .box-content {
    background:none;
    -webkit-border-radius: 0px 0px 7px 7px;
    -moz-border-radius: 0px 0px 7px 7px;
    -khtml-border-radius: 0px 0px 7px 7px;
    border-radius: 0px 0px 7px 7px;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 10px;
}
/* box products */
.box-product {
    width: 100%;
    overflow: auto;
}
.box-product > div {
    width: 155px;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 2px solid red;
    
}
#column-left + #column-right + #content .box-product > div {
    width: 119px;
}
.box-product .image {
    display: block;
    margin-bottom: 0px;
}
.box-product .image img {
    padding: 3px;
    border: 9px solid #E7E7E7;
}
.box-product .name a {
    color: #554400;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
}
.box-product .price {
    display: block;
    font-weight: bold;
    color: #333333;
    margin-bottom: 4px;
}
.box-product .price-old {
    color: #F00;
    text-decoration: line-through;
}
.box-product .price-new {
    font-weight: bold;
}
.box-product .rating {
    display: block;
    margin-bottom: 4px;
}
/* box category */
.box-category {
    margin-top: -5px;
}
.box-category ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.box-category > ul > li {
    padding: 8px 8px 8px 0px;
}
.box-category > ul > li + li {
    border-top: 1px solid #EEEEEE;
}
.box-category > ul > li > a {
    text-decoration: none;
    color: #333;
}
.box-category > ul > li > a:hover{
    color:#554400;            
}
.box-category > ul > li:hover {
    padding: 8px 8px 8px 0px;
}
.box-category > ul > li ul {
    display: none;
}
.box-category > ul > li a.active {
    font-weight: bold;
}
.box-category > ul > li a.active + ul {
    display: block;
}
.box-category > ul > li ul > li {
    padding: 5px 5px 0px 10px;
    background:none;
}
.box-category > ul > li ul > li > a {
    text-decoration: none;
    display: block;
}
.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;
}
.category-info .image {
    float: left;
    padding: 5px;
    margin-right: 15px;
    border: 1px solid #E7E7E7;
}
.category-list {
    overflow: auto;
    margin-bottom: 20px;
}
.category-list ul {
    float: left;
    width: 18%;
}
.category-list .div a {
    text-decoration: underline;
    font-weight: bold;
}
/* 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: auto;
}
.product-filter .display {
    margin-right: 15px;
    float: left;
    padding-top: 4px;
    color: #333;
}
.product-filter .display a {
    font-weight: bold;
}
.product-filter .sort {
    float: right;
    color: #333;
}
.product-filter .limit {
    margin-left: 15px;
    float: right;
    color: #333;
}
.product-compare {
    padding-top: 6px;
    margin-bottom: 25px;
    font-weight: bold;
}
.product-compare a {
    text-decoration: none;
    font-weight: bold;
}
.product-list > div {
    overflow: auto;
    padding:4px;
    margin-bottom: 15px;
    border:#b6b5b5 1px solid;
    background:#c5c5c5 url('../image/product-list-bg.jpg') repeat-x;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -khtml-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
}
.product-list .right {
    float: right;
    margin-left: 15px;
}
.product-list > div + div {
        padding-top: 16px;
}
.product-list .image {
    float: left;
    margin-right: 10px;
}
.product-list .image img {
    padding: 3px;
    border: 1px solid #E7E7E7;
}
.product-list .name {
    margin-bottom: 3px;
}
.product-list .name a {
    color: #554400;
    font-weight: bold;
    text-decoration: none;
}
.product-list .description {
    line-height: 15px;
    margin-bottom: 5px;
    color: #4D4D4D;
}
.product-list .rating {
    color: #7B7B7B;
}
.product-list .price {
    float: right;
    height: 50px;
    margin-left: 8px;
    text-align: right;
    color: #333333;
    font-size: 12px;
}
.product-list .price-old {
    color: #F00;
    text-decoration: line-through;
}
.product-list .price-new {
    font-weight: bold;
}
.product-list .price-tax {
    font-size: 12px;
    font-weight: normal;
    color: #333;
}
.product-list .cart {
    margin-bottom: 3px;
}
.product-list .wishlist, .product-list .compare {
    margin-bottom: 3px;
}
.product-list .wishlist a {
    color: #333333;
    text-decoration: none;
    padding-left: 18px;
    display: block;
    background: url('../image/add.png') left center no-repeat;
}
.product-list .compare a {
    color: #333333;
    text-decoration: none;
    padding-left: 18px;
    display: block;
    background: url('../image/add.png') left 60% no-repeat;
}
.product-grid {
    width: 100%;
    overflow: auto;
}
.product-grid > div {
    width: 130px;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    margin-bottom: 15px;
}
#autor{
    margin:0;
    position: fixed;
    bottom:0px;
    left:0px;
    clear:both;
    color:#666;
    font-family:Arial, Helvetica, sans-serif;
    font-size:8px;
    z-index:0;

}
#autor p{
    margin:0;
    padding:0;
}
#autor a{
    color:#666;
    font-family:Arial, Helvetica, sans-serif;
    font-size:8px;
    text-decoration:none;            
}
#autor a:hover{
    color:#fff;                
}
#column-left + #column-right + #content .product-grid > div {
    width: 125px;
}
.product-grid .image {
    display: block;
    margin-bottom: 0px;
}
.product-grid .image img {
    padding: 3px;
    border: 1px solid #E7E7E7;
}
.product-grid .name a {
    color: #554400;
    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 {
    overflow: auto;
    margin-bottom: 20px;
}
.product-info > .left {
    float: left;
    margin-right: 15px;
}
.product-info > .left + .right {
    margin-left: 265px;
}
.product-info .image {
    border: 1px solid #E7E7E7;
    float: left;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
}
.product-info .image-additional {
    width: 260px;
    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 .description {
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    padding: 5px 5px 10px 5px;
    margin-bottom: 10px;
    line-height: 20px;
    color: #4D4D4D;
}
.product-info .description span {
    color: #554400;
}
.product-info .description a {
    color: #4D4D4D;
    text-decoration: none;
}
.product-info .price {
    overflow: auto;
    border-bottom: 1px solid #E7E7E7;
    padding: 0px 5px 10px 5px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
    color: #333333;
}
.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: #554400;
}
.product-info .price .reward {
    font-size: 12px;
    font-weight: normal;
    color: #554400;
}
.product-info .price .discount {
    font-weight: normal;
    font-size: 12px;
    color: #4D4D4D;
}
.product-info .options {
    border-bottom: 1px solid #E7E7E7;
    padding: 0px 5px 10px 5px;
    margin-bottom: 10px;
    color: #000000;
}
.product-info .option-image {
    margin-top: 3px;
    margin-bottom: 10px;
}
.product-info .option-image label {
    display: block;
    width: 100%;
    height: 100%;
}
.product-info .option-image img {
    margin-right: 5px;
    border: 1px solid #00e4ffCCC;
    cursor: pointer;
}
.product-info .cart {
    border-bottom: 1px solid #E7E7E7;
    padding: 0px 5px 10px 5px;
    margin-bottom: 20px;
    color: #4D4D4D;
    overflow: auto;
}
.product-info .cart div {
    float: left;
    vertical-align: middle;
}
.product-info .cart div > span {
    padding-top: 7px;
    display: block;
    color: #554400;
}
.product-info .cart .minimum {
    padding-top: 5px;
    font-size: 11px;
    color: #554400;
    clear: both;
}
.product-info .review {
    color: #4D4D4D;
    border-top: 1px solid #E7E7E7;
    border-left: 1px solid #E7E7E7;
    border-right: 1px solid #E7E7E7;
    margin-bottom: 10px;
}
.product-info .review > div {
    padding: 8px;
    border-bottom: 1px solid #E7E7E7;
    line-height: 20px;
}
.product-info .review > div > span {
    color: #554400;
}
.product-info .review .share {
    overflow: auto;
    line-height: normal;
}
.product-info .review .share a {
    text-decoration: none;
}
.attribute {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #554400;
    border-left: 1px solid #554400;
    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 #554400;
    border-bottom: 1px solid #554400;
}
.compare-info {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #554400;
    border-left: 1px solid #554400;
    margin-bottom: 20px;
}
.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-right: 1px solid #554400;
    border-bottom: 1px solid #554400;
}
.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 #554400;
    border-left: 1px solid #554400;
    border-right: 1px solid #554400;
    margin-bottom: 20px;
}
.wishlist-product td {
    padding: 7px;
}
.wishlist-product thead td {
    color: #4D4D4D;
    font-weight: bold;
    background-color: #F7F7F7;
    border-bottom: 1px solid #554400;
}
.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 #554400;
}
.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;
    overflow: auto;
}
.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%;
}
.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 #554400;
    border-left: 1px solid #554400;
    border-right: 1px solid #554400;
}
.cart-info td {
    padding: 7px;
}
.cart-info thead td {
    color: #4D4D4D;
    font-weight: bold;
    background-color: #F7F7F7;
    border-bottom: 1px solid #554400;
}
.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 #554400;
}
.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;
}
.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 #554400;
    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;
    border: 1px solid #DBDEE1;
    padding: 8px;
    font-weight: bold;
    font-size: 13px;
    color: #555555;
    margin-bottom: 15px;
}
.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 #554400;
    border-left: 1px solid #554400;
    border-right: 1px solid #554400;
    margin-bottom: 20px;
}
.checkout-product td {
    padding: 7px;
}
.checkout-product thead td {
    color: #4D4D4D;
    font-weight: bold;
    background-color: #F7F7F7;
    border-bottom: 1px solid #554400;
}
.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 #554400;
}
.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 #554400;
}
.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;
    overflow: hidden;
    min-height: 100px;
    height:146px;
    padding: 20px;
    background:url('../image/footer.png') no-repeat;
    overflow:hidden;
}
#footer h3 {
    color: #f1d700;
    font-size: 22px;
    font-weight:bold;
    margin-top: 0px;
    margin-bottom: 8px;
    inner-text-shadow:2px 2px 5px #000, 0 0 0 #000, 2px 2px 5px #000;      
    -moz-text-shadow:2px 2px 5px #ccc, 0 0 0 #333, 2px 2px 5px #ccc;
      -webkit-text-shadow:2px 2px 5px #ccc, 0 0 0 #333, 2px 2px 5px #ccc;
    /*filter: progid:DXImageTransform.Microsoft.DropShadow(color=#333333, offX=3, offY=3, positive=true);*/
}
#footer .column {
    float: left;
    width: 25%;
    min-height: 100px;
}
#footer .column ul {
    margin-top: 0px;
    margin-left: 8px;
    padding-left: 12px;
}
#footer .column ul li {
    margin-bottom: 3px;
}
#footer .column a {
    text-decoration: none;
    color: #fff;
}
#footer .column a:hover {
    text-decoration: underline;
}
#powered {
    margin-top: 5px;
    text-align: right;
    clear: both;
}
/* banner */
.banner div {
    text-align: center;
    width: 100%;
}
.banner div img {
    margin-bottom: 20px;
}
Alıntı Yaparak Cevapla
Paylaş!

« Önceki | Sonraki »
Cevapla  Gönder 

Modüllerdeki atraksiyonlar Konusunun Linki Direk Link
Modüllerdeki atraksiyonlar Konusunun HTML Kodu HTML Link
Modüllerdeki atraksiyonlar Konusu BBCode Linki BBCode Link
Modüllerdeki atraksiyonlar Konusunu Paylaş Sosyal Paylaş

Modüllerdeki atraksiyonlar indir, Modüllerdeki atraksiyonlar Videosu, Modüllerdeki atraksiyonlar online izle, Modüllerdeki atraksiyonlar Bedava indir, Modüllerdeki atraksiyonlar Yükle, Modüllerdeki atraksiyonlar Hakkında, Modüllerdeki atraksiyonlar nedir, Modüllerdeki atraksiyonlar Free indir, Modüllerdeki atraksiyonlar oyunu, Modüllerdeki atraksiyonlar download


Forum Atla: