Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj09.08.2016, 11:22 (UTC)    
Mesaj konusu: Footer alt yazı reklamını çerçeve içine almak

Evet arkadaşlar arkaplan resimli olmayacak basit bir kodla o yazının çevresini 2px genişliğinde mesela mavi renkle çerçeve yapıcaz. Birde siteye ortalarsa iyi olur
______________
Counter Strike Teknik Destek
----------------------------------------
www.CsBilgilerim.TR.GG
Mesaj09.08.2016, 16:57 (UTC)    
Mesaj konusu:

Merhaba arkadaşım, aşağıda istediğine yakın bir kod bırakıyorum. Koddaki bazı kısımların ne anlama geldiklerini bir altında anlattım, uygun olmayan yerlerde kendine göre düzenleme yapabilirsin.

Kod:
a#webme_footer_textlink_dont_hide {
    background: rgba(65, 66, 47, 0.20);
    text-decoration: none;
    padding: 8px 15px;
    color: #c7c7b2;
    border: 2px solid #313223;
    display: inline-block;
    border-radius: 5px;
    margin-left: calc( ( 100% - 665px )/2 );
    margin-bottom: 10px;
    margin-top: -5px;
}


1) background --> Kutucuk transparan olunca çok kötü gözüküyordu bende opaklığı az olan sitende kullandığın bir rengi kullandım. (Renk türü: rgba)
2) text-decoration --> Burada yazının altının çizilmesini kaldırdım.
3) padding --> Oluşan kutucuğun kenarlarının yazıya olan uzaklığı.
4) border --> Çerçevenin genişliği ve rengi. (Renk kodu: hex)
5) border-radius --> Çerçevenin köşesindeki ovalllik.
6) margin-left --> Kutucuğun ekranın soluna olan uzaklığı (fazla kurcalama)
7) margin-bottom ve margin-top --> kutucuğun altına ve üstüne bırakılan boşluk. (Burayı sayfana göre ayarladığım için margin-top ile kutucuğu 5px kadar yukarı çektim)


NOT: Eğer padding değerlerini kurcalarsan kutunun genişliği değişebilir. Bu durumda margin-left'teki 665px değeri yerini kutucuğun genişliğini gir.
Mesaj09.08.2016, 17:45 (UTC)    
Mesaj konusu:

Teşekkür ederim. Bir sorum daha olucak kutunun etrafını oval değilde metro tasarımı şeklinde yani köşesini kare gibi nasıl yapacağız?
______________
Counter Strike Teknik Destek
----------------------------------------
www.CsBilgilerim.TR.GG
Mesaj09.08.2016, 18:06 (UTC)    
Mesaj konusu:

Kod içerisindeki
Kod:
border-radius: 5px;

Satırını silersen köşedeki ovallikler kalkacaktır.
Mesaj10.08.2016, 17:54 (UTC)    
Mesaj konusu:

Teşekkürler
______________
Counter Strike Teknik Destek
----------------------------------------
www.CsBilgilerim.TR.GG


En son csbilgilerim tarafından 10.08.2016 17:56:36 tarihinde değiştirildi, toplam 1 kere değiştirildi
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu