Forum'da ara:
Ara


Yazar Mesaj
Mesaj09.08.2016, 11:22 (UTC)    
Mesaj konusu: Footer alt yazı reklamını çerçeve içine almak
Alıntıyla Cevap Gönder
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:
Alıntıyla Cevap Gönder
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:
Alıntıyla Cevap Gönder
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:
Alıntıyla Cevap Gönder
Kod içerisindeki
Kod:
border-radius: 5px;

Satırını silersen köşedeki ovallikler kalkacaktır.
↑
Mesaj10.08.2016, 17:54 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
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:   
  • 1. sayfa (Toplam 1 sayfa)

  •  
    • Geçiş Yap:  


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

© 2024 webme GmbH, Almanya, Tüm hakları saklıdır.