Kategori başlık çizgisi kot farkı ve kategori başlık resmi boyutu?

[istemsiz]

Merhabalar ;

 

 

1.6.0.9 ile gelen genel temayı beğendiğimi her zaman söylerim fakat iki ufak görüntü takıntım oldu çözebilirsek çok güzel olacak gibi geldi.

 

     A-Kategori sayfası açıldığında sol sütun bloğu ile orta sayfadaki resim başlığının üst çizgileri eşit değil , bunu nasıl halledebiliriz.

 

     B-Prestashopun sitesinden orjinal demosunu çalıştırdığımda kategori başlık resimleri alanı tam dolduruken o alanı benim upload ettiğim resim biraz içeride kalarak tam doldurmuyor .Acaba gene en son gerçekleşen modül güncellemelerinden sonramı meydana geldi anlamayamadım , fakat ilk yüklediğimde tam kapladığını hatırlıyorum. Demonun öğe denetlemesi ile kendi sitemin öğe denetlemesini yaptım ama herhangi bir değer farkı gözlemleyemedim yada gözümden kaçtı.

 

iki durumuda resimler ile açıklamaya çalıştım , ilginize şimdiden teşekkür ederim.

 

 

Saygılarımla.

 

[ekonovich]

temanın global css ile oynaman gerekecek. ben deneme yanılma ile yapmıştım. 

.block .title_block, .block h4  {

 

satırının altındaki margin-top değeri ile oynama yap

[istemsiz]

Teşekkürler deneyip sonucu yazacağım , kolay gelsin....

 

 

Edit :

.block .title_block,
    .block h4 {
      position: relative; }
      .block .title_block:after,
      .block h4:after {
        display: block;
        font-family: "FontAwesome";
        content: "";
        position: absolute;
        right: 0;
        top: 15px;
        height: 36px;
        width: 36px;
        font-size: 26px;
        font-weight: normal; }

.block .title_block,
.block h4 {
  font: 600 18px/22px "Open Sans", sans-serif;
  color: #555454;
  background: #f6f6f6;
  border-top: 5px solid #333333;
  text-transform: uppercase;
  padding: 14px 5px 17px 20px;
  margin-bottom: 20px; }

.block .title_block a,
  .block h4 a {
    color: #555454; }
    .block .title_block a:hover,
    .block h4 a:hover {
      color: #333333; }
.block .list-block {
  margin-top: -8px; }
  @media (max-width: 767px) {
    .block .list-block {
      margin-top: 0; } }

biraz karışık geldi bana , bahsettiğiniz satır bir kaç yerde var acaba üçüncü gönderdiğim satırlardaki margin-top satırımı dediğiniz tam bulamadım.

Edited September 1, 2014 by istemsiz (see edit history)

[ekonovich]

themes/sizin-temanız/css/global.css  

 

.block .title_block,
.block h4 {
font: 600 18px/22px "Open Sans", sans-serif;
color: #555454;
background: #f6f6f6;
border-top: 5px solid #333333;
text-transform: uppercase;
padding: 14px 5px 17px 20px;
margin-bottom: 20px; }

 

 

bu satırdaki bölümle oynayabilirsin ilgili bölüm burası.

ben temayı çok değiştirdiğim için kodlar sizinkiyle aynı değil. 

 

"border-top"  o çizginin kalınlığı ve rengi ile oynama yaparsınız. 

margin-bottom'u ben margin-top yaptım . üstteki blok ile boşluğunu ayarladım. 

[istemsiz]

Teşekkürler ;

 

Anlattığınız şekilde çizgilerin kot farklarını ayarladım .

 

Resimler ile ilgili gözlemlediğim problemle iligli bir fikri olup paylaşan olursa çok memnun olurum.

 

Herkese kolay gelsin ,

 

 

Saygılarımla..

[ekonovich]

o fotoğraf olayıda muhtemelen fotoğrafın genişliği alandan dardır. biraz genişletip deneyin. olmazsa sitenizin adresini özelden yollayın bakayım. 

[MahmutGulerce]

Merhaba

Resimlerin boy-en oranı şablona uymazsa crop/resize işlemi dediğimiz işlemlerden sonra beyaz çerçeve boşlukları oluşabilir. Boy-en oranı farklı bir resimde deneme yapıp sorunun bundan kaynaklanıyorsa tespit edebilirsiniz.

[istemsiz]

Şöyleki prestashop.com dana demo siteden , kategorilerden birine tıklayıp gelen başlık resmini indirip px olarak değerlerine bakarak photoshop ile o değerlerde proje açıp başlık resimlerini hazırlıyorum. Ama tekrardan bir deneyeceğim. İlginize teşekkür ederim....

 

 

 

Saygılar.

[istemsiz]

En son incelediğimde kategori için gönderdiğim resimlerin boyutları orjinal demo sitedeki kategori resimlerinin boyutlarıyla aynı (820x217)px bu boyutta hazırlayıp gönderiyorum 96dpi veya 72dpi gönderiyorum. Sonuç değişmiyor.Gene benim resimler sağ ve soldan ufalıyor "kırpılma olmadan ufalıyor"

 

Kategori başlığı öğe denetlemesi yaptığımda ise aşağıdaki kod satırlarını görüyorum. Burada yükseklik değeri 217px var ama genişlik değeri yok acaba etikili olabilir mi bu sorunda şuan sorunu çözmüş değilim.......biraz zor bir ihtimal gibi gözüküyor bu sorunu çözebilmem.....

background: url('http://www.siteadresi.com/img/c/12-category_default.jpg') no-repeat scroll right center / cover transparent;
min-height: 217px;

Saygılar...

[ekonovich]

category.css dosyasından şu bölümle oyna bakalım biraz

 

 

  .content_scene_cat .content_scene_cat_bg {

    padding: 18px 10px 10px 42px;

    background-color: #464646 !important; }

    @media (max-width: 1199px) {

      .content_scene_cat .content_scene_cat_bg {

        padding: 10px 10px 10px 15px; } }

 

padding değerleri ile. ben kategori fotoğrafları bölümünü iptal ettim hoşuma gitmedi o yüzden test edip yazma şansım olmuyor. Ama bu bölümden olması gerekli

[istemsiz]

Merhaba ;

 

Kodlar ile oynayacağım fakat dediğinde de haksız değilsin hani kategori resimlerinin kaldırılması düşüncesinde.

 

 

Teşekkür ederim , kolay gelsin.

 

Saygılar.

Edited September 2, 2014 by istemsiz (see edit history)