Jump to content
Forumu Destekleyenlere Katılın ×
Paticik Forumları
2000 lerden beri faal olan, çok şukela bir paylaşım platformuyuz. Hoşgeldiniz.

Temel HTML Yardımı


bingildak

Öne çıkan mesajlar

selamlar,

önümüzdeki günlerde bir proje ile ilgili bir sürü html kökenli sorum olacak. genelde content toplama ve bunu süreci efektifleştirme noktasında. her seferinde ayrı başlık açmamak için böyle genel bir başlık attım.

mart ayında testine başlayanacak portal için content topluyoruz. çalıştığımız markaların türkiye temsilciliği bizde fakat veri akışı sağlanması noktasında çok uzun ve zorlu bir process var. biz bu process'e girmeden işimizi kendimiz görme derdindeyiz.

daha fazla detaya girmeden ilk sorumu soruyorum:

http://www.makeupforever.com/int/en-int/make-up/face/primer/hd-primer

bu sayfadaki renk paletine dair ufak yuvarlaklarla ilgili bir dosya bulamıyorum inspectlediğimde. nasıl orada bir görsel yokmuş gibin.

bu renk paletlerini nasıl efektif bir şekilde kopyalayabilirim?

hangi öğenin olduğu işaretlenmiş ve inspectlenmiş SS'i:
https://www.dropbox.com/s/wfejbf2mnhjv5zx/123.png

teşekkür ettim
Link to comment
Sosyal ağlarda paylaş

Bundan sonraki konuları programlama bölümüne açarsan daha iyi olur, http://forum.paticik.com/list.php?97

Konuya gelirsek, şu üzerlerine gelince kenarları grileşen yuvarlakların içinde resim yok, yalnızca CSS ile arkaplan rengi verilmiş.

Ekran görüntüsünde seçili olan elementin bi üstündeki ui-icon class'ına sahip elemente bakarsan renkleri görebilirsin.

Yuvarlaklığı yine aynı elemente verdikleri border-radius ile sağlamışlar.

Paletin üzerinde gezdikçe aşağıda renk örneklerinin çıkması ve renklere tıklayınca soldaki resmin değişmesi de Javascript ile sağlanmış.

Eğer birebir aynı yapıyı koyacaksan biraz uğraştıracak, hem CSS'i hem de Javascript'i sökmen gerek. Yok eğer sadece renk paletini göstereyim, gerisi önemli değil dersen bi tek CSS'i alarak işin içinden çıkabilirsin.

Renkleri veren CSS'i nedense sayfaya gömmüşler, view source diyip item-select-color diye aratırsan