Konuyu Oyla:
  • Toplam: 3 Oy - Ortalama: 4.33
  • 1
  • 2
  • 3
  • 4
  • 5
#panel .upper editlemesi nasıl yapılır?
#1
Merhaba arkadaşlar öncelikle bu konuyu emeğimle yazacağım :)
Bundan sonra birçok konuyu alıntı değilde kendi fikrimle yazmaya karar verdim.
Gelelim konumuza.
Soru : #panel .upper editlemesi nasıl yapılır?
Peki #panel .upper dediğimiz yer neresi diye sorarsak aşağıdaki resim bize yardım olacaktır ;
5dWDJl.png



Örneğin paneldeki kırmızı arkaplanı değiştirmek istersek aşağıdaki adımları uygulamalıyız ;
Admin KP > Temalar ve Şablonar > Kullandığınız temayı seçin > Global.css > #panel .upper seçin
Ve gelelim kutucuklara ;
Arkaplan resmi kutucuğuna bunu yazalım : #ffffff url(eklemek istediğiniz resmin url adresi) repeat-x
Arkaplan rengi : #fff
İlave CSS nitelikleri ;
Kod:
border-top: 1px solid #ffffff;

border-bottom: 1px solid #ffffff;
padding: 7px;
clear: both;
Ve ardından değişiklikleri kaydet ve kapata tıklayın.
Dediklerinizi yaptım fakat sitemde görünmüyor derseniz , Css biraz geç işler onun için bir kez F5 yaparsanız css eklenmiş olacaktır.

Diğer sorumuz ise neden repeat-x yaptık?
Repeat-x yapma sebebimiz repeat-x arkaplan resmimizin tekrar edip etmeyeceğini , eğer edecekse x mi yoksa y ekseninde mi edeceğini belirler.
Peki repeat'in alabileceği değerler nelerdir dersek aşağıdaki yazı bize yardımcı olacaktır.
Repeat - Hem yan olarak hem de alta doğru tekrar et komutudur.
Repeat-x - Yana doğru tekrar et
Repeat-y - Aşağı doğru tekrar et
no-repeat - Tekrar etme

Komutlar bu kadardı arkadaşlar , yardımcı olduysam ne mutlu bana.
Ara
Cevapla PGM
Teşekkür verenler:
#2
Neden background kısmında repeat-x kullanılıyor onuda açıklayabilirsin,

Eline sağlık.
Ara
Cevapla PGM
Teşekkür verenler:
#3
Şefime ilaveten; #panel .upper'deki border-bottom: 1px solid #ffffff; kodunu silersek panelin altındaki çizgileride gidermiş oluruz...
Öyle insanlar vardır ki sadece fikirleri bile yepyeni ağaçların fidanlarını eker.

#MustafaKemalAtatürk(1881-193∞)

Cevapla PGM
Teşekkür verenler:
#4
(06-07-2015 Saat: 16:10)ufufuk Nickli Kullanıcıdan Alıntı: Neden background kısmında repeat-x kullanılıyor onuda açıklayabilirsin,

Eline sağlık.
Onuda ekledim , teşekkürler.
Ara
Cevapla PGM
Teşekkür verenler:
#5
(06-07-2015 Saat: 16:14)DeathAngeL Nickli Kullanıcıdan Alıntı: Şefime ilaveten; #panel .upper'deki border-bottom: 1px solid #ffffff; kodunu silersek panelin kenarındaki çizgileride gidermiş oluruz...
Devamını görmek için tıklayın...

Verdiğiniz bilgi için teşekkürler.
Ara
Cevapla PGM
Teşekkür verenler:
#6
Rica ederim :)
Öyle insanlar vardır ki sadece fikirleri bile yepyeni ağaçların fidanlarını eker.

#MustafaKemalAtatürk(1881-193∞)

Cevapla PGM
Teşekkür verenler:
#7
(06-07-2015 Saat: 16:15)!!Yeah!! Nickli Kullanıcıdan Alıntı:
(06-07-2015 Saat: 16:14)DeathAngeL Nickli Kullanıcıdan Alıntı: Şefime ilaveten; #panel .upper'deki border-bottom: 1px solid #ffffff; kodunu silersek panelin kenarındaki çizgileride gidermiş oluruz...

Verdiğiniz bilgi için teşekkürler.


Yanlış bilgilendirmeyin,

alt taraftaki çizgiyi gidermiş olur.

border:1px solid #ffffff; kodunu silersek panelin dışındaki çizgileri komple gidermiş oluruz.
Ara
Cevapla PGM
Teşekkür verenler:
#8
(06-07-2015 Saat: 16:19)ufufuk Nickli Kullanıcıdan Alıntı:
(06-07-2015 Saat: 16:15)!!Yeah!! Nickli Kullanıcıdan Alıntı:
(06-07-2015 Saat: 16:14)DeathAngeL Nickli Kullanıcıdan Alıntı: Şefime ilaveten; #panel .upper'deki border-bottom: 1px solid #ffffff; kodunu silersek panelin kenarındaki çizgileride gidermiş oluruz...

Verdiğiniz bilgi için teşekkürler.


Yanlış bilgilendirmeyin,

alt taraftaki çizgiyi gidermiş olur.

border:1px solid #ffffff; kodunu silersek panelin dışındaki çizgileri komple gidermiş oluruz.

Teşekkürler , birdahaki konumda border kodlarını vb. detaylı anlatacağım.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



Reklam yaziniz bostur. ayarlardan duzenleyiniz:medi -

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping