• Cs-Cart Türkiye Destek ve Paylaşım Sitemize Hoş Geldiniz
  • Yeni Temamızla Daha işlevsel Sizlerleyiz.
  • Öneri ve Dileklerinizi Mesajla iİetiniz.
Hoşgeldiniz.! Lütfen Giriş Yap yada Kayıt Ol


Konuyu Oyla:
  • Derecelendirme: 5/5 - 1 oy
  • 1
  • 2
  • 3
  • 4
  • 5
Bilgi CSS modifikasyon
#1
Arkadaşlar v3.x kullanırken css dosyalarında, deneme yanılma metoduyla veya araştırarak bulup kullandığım css değişikliklerini bir text dosyasına not etmiştim.

Şimdi baktığımda bu yaptıklarımın v4.x te artık yapılması için css müdahalesi gerekmiyor.

V3x kullananlar yararlanabilir diye aşağıya text dokümanı içeriğini yapıştırıyorum. Anlayan anlar zira soru sorsanız hatırlamıyorum.

Saygılar.
----------------------------------------------
Logo yükseklik sınırlaması
base.css

logo-container
----------------------------------------------
Alttaki linkler yazı arkaplanı
styles.css

footer-menu
----------------------------------------------
arama kutucuğu özellikleri

büyüteç resmi
styles.css

search-magnifier

kutucuk çerçeve özellikleri
styles.css html .search-input
----------------------------------------------
ürün özellikleri ve diğer sekmeler
styles.css

tabs
----------------------------------------------

mail aboneliği yazı özellikleri
base.css

subscribe-block

----------------------------------------------

yatay menü özellikleri

dropdown.css

ul.dropdown-multicolumns {
padding-bottom: 1px;
border: 0px solid #444;
border-top: 1px solid #5f5f5f;
border-bottom: none;
background: #353535 url(images/menu_bg.gif) 0 0 repeat-x;
-webkit-border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
}

----------------------------------------------

anasayfa ürün fiyat boyut
base.css
.product-info .price-num {
font-size: 120%;

----------------------------------------------
ürün detayları sayfasında fiyat
base.css

.product-main-info .price-num {
font-size: 300%;

renk eklemek için

color: #000;

-----------------------------------------------
top menü yazı karakteristiği
dropdown.css

ul.dropdown-multicolumns li a {
display: block;
padding: 9px 10px 7px 10px;
outline: 0;
color: yellow;
text-decoration: none;
text-shadow: 0 1px 0 #000;

----------------------------------------------
top menü font
dropdown.css


}
ul.dropdown-multicolumns li a.drop, ul.dropdown-multicolumns li.nodrop a {
text-transform: uppercase;
font: bold 12px/14px Tahoma, Arial;


----------------------------------------------
top menü aktif sayfa butonu

ul.dropdown-multicolumns > li.cm-active {
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #d3d2d4;
----------------------------------------------
Hesabım Sepetiniz vs
base.css

.cm-popup-title:hover {
border: 1px solid #e0e0e0;
background-color:#4b93e1; veya none
}

----------------------------------------------


Top menüden menü yazılarının sağa yada sola bloklamak (float: x)


ul.dropdown-multicolumns li {
position: relative;
float: right;
margin-top: 5px;
margin-right: 5px;
border: none;
text-align: center;
padding: 0;
}

----------------------------------------------
Ürün detayları sayfasında resimi sağa detayları sola koymak

base.css

.float-left {
float: left;
}
----------------------------------------------
Ürün detay sayfasında ürün adı boyutu
base.css

.product-main-info h1.mainbox-title,
.vendor-main-info h1.mainbox-title {
padding: 0;
font-size: 150%;
}

----------------------------------------------
Sahip olma duygusunun ayrılmaz parçasıdır KAYBETME korkusu!
Sahiplik duymadan sevmek cennet yaşantısıdır. Korkuların ise cehennem ateşin!
(Ahmed Hulûsi)
 
Cevap
  


Hızlı Menü:


Tarama: 1 Ziyaretçi