Css'te Header Kısmına Blok Koyma

14-03-2016, 12:45:30

Merhabalar,
ideasoft tabanlı e-ticaret sitemiz vardır. Müşterilerin ürünleri kolay bulabilmesi için sol bloklarda kullanılan bir bloğu header kısmına eklemek istiyoruz. Müşteri girip bir marka aramaya çalışsa bulamaz.
Burada bulunan hızlı marka aramayı nasıl logonun sağ kısmına yani header kısmına taşıyabiliriz. CSS ve HTML'den anlamıyorum. Baya bi inceledim fakat çok karışık geldi. Sadece hızlı marka arama değil oraya yazı da yazmak istiyorum.

14-03-2016, 14:01:33

#2

TanTan

Hocam html ve css' ten anlamıyorsanız size söylenilenleride anlamanız mümkün değil, uygun ücret ile yardımcı olabilirim.

14-03-2016, 14:15:25

#3

HasanYildirim

TanTan adlı üyeden alıntı: mesajı görüntüle

Hocam html ve css' ten anlamıyorsanız size söylenilenleride anlamanız mümkün değil, uygun ücret ile yardımcı olabilirim.

Merhabalar,
Ustam ücretli olarak yaptıracak olsam konuyu buraya açmazdım. Bilgilenmek istiyorum. Öğrenmek istiyorum..

14-03-2016, 14:23:10

#4

uckan

Gold üye

Basit yoldan
tüm header'ı kapsayan div'e position:relative ekleyin daha sonra header'a taşımak istediğiniz yerin tamamını kapsayan div'i header'ı kapsayan div'in içine ekleyin
son olarakta taşımak istediğiniz yerin tamamını kapsayan div'in cssine position:absolute; top: 50px; left: 200px; ekleyin left ve top'un değerlerini düzenlemeyi unutmayın

14-03-2016, 23:32:41

#5

alikarakoc93

HasanYildirim adlı üyeden alıntı: mesajı görüntüle

Merhabalar,
ideasoft tabanlı e-ticaret sitemiz vardır. Müşterilerin ürünleri kolay bulabilmesi için sol bloklarda kullanılan bir bloğu header kısmına eklemek istiyoruz. Müşteri girip bir marka aramaya çalışsa bulamaz.
Burada bulunan hızlı marka aramayı nasıl logonun sağ kısmına yani header kısmına taşıyabiliriz. CSS ve HTML'den anlamıyorum. Baya bi inceledim fakat çok karışık geldi. Sadece hızlı marka arama değil oraya yazı da yazmak istiyorum.

Merhaba Hasan,

LeftBlockList içinde ki id si li_15 olan elemente aşağıda ki kodu ekle

position: relative; top: -208px; z-index: 4; left: 212px;

Ve,

<div class="_fontWeightBold _textAlignCenter pT10 pB10">
        Hızlı Marka Arama
    </div>

Yukarıda ki kodda pT10 olan yeri kaldır.

En basit yoldan bu şekilde yapabilirsin.

Daha sağlıklı yöntemler izlenebilir...

Kolay gelsin.

15-03-2016, 13:50:53

#6

HasanYildirim

alikarakoc93 adlı üyeden alıntı: mesajı görüntüle

Merhaba Hasan,

LeftBlockList içinde ki id si li_15 olan elemente aşağıda ki kodu ekle

position: relative; top: -208px; z-index: 4; left: 212px;

Ve,

<div class="_fontWeightBold _textAlignCenter pT10 pB10">
        Hızlı Marka Arama
    </div>

Yukarıda ki kodda pT10 olan yeri kaldır.

En basit yoldan bu şekilde yapabilirsin.

Daha sağlıklı yöntemler izlenebilir...

Kolay gelsin.

Merhabalar,
Dediğinizi yaptım oldu fakat bunu csste yapmadım. Siteyi açıp aynı sizin yaptığınız gibi düzenledim oldu. Ama css'te li_15 alanını ve .pT10 u bulamıyorum. Kaynak kodları gizli ondan mı acaba?

15-03-2016, 14:22:34

#7

alikarakoc93

HasanYildirim adlı üyeden alıntı: mesajı görüntüle

Merhabalar,
Dediğinizi yaptım oldu fakat bunu csste yapmadım. Siteyi açıp aynı sizin yaptığınız gibi düzenledim oldu. Ama css'te li_15 alanını ve .pT10 u bulamıyorum. Kaynak kodları gizli ondan mı acaba?

Hiç bir fikrim yok sistemi incelemek lazım.
Style dosyasına erişiminiz yok mu?

29-03-2016, 16:24:23

#8

YedinciFirat

Kimlik doğrulama veya yönetimden onay bekliyor.

HasanYildirim adlı üyeden alıntı: mesajı görüntüle

Merhabalar,
Dediğinizi yaptım oldu fakat bunu csste yapmadım. Siteyi açıp aynı sizin yaptığınız gibi düzenledim oldu. Ama css'te li_15 alanını ve .pT10 u bulamıyorum. Kaynak kodları gizli ondan mı acaba?

sistem shopify sanırım. css'i inline yazıp override ettirebilirsiniz.