::before ile eklenen resmi yeniden boyutlandırma

10.07.2017 16:29

Durotan WM Aracı Kullanıcı

Üyelik 28.02.2014
Yaş/Cinsiyet 29 / E
Meslek 3D Sanatçı
Konum Kocaeli

Ad Soyad F** T**
Mesajlar 1676
Beğeniler 204 / 340
Ticaret 2, (%100)

Merhabalar. Sitemdeki bir class'a ::before uygulamaya çalışmaktayım.

::before içeriği ise bir simge olacak. Sorun şu ki, elimdeki simge bana gerekenden daha büyük boyutta (ve ben bu simgeyi yeniden boyutlandırıp küçük boyutta eklemek istemiyorum). ::before'a width ve height değeri vermeye çalıştım ancak sanırım bu şekilde işe yaramıyor.

Kullandığım kod ve HTML çıktısı:

Acaba bu simgeyi nasıl yeniden boyutlandırabilirim?

10.07.2017 16:40

#2

Umur09 :/ Kullanıcı

Üyelik 31.05.2016
Yaş/Cinsiyet 28 / E
Meslek dev.
Konum İstanbul Anadolu

Ad Soyad U** A**
Mesajlar 131
Beğeniler 21 / 55
Ticaret 1, (%100)

Merhaba, şunu deneyebilir misiniz?


.class6::before {
    background-image: url('simge.png');
    background-size: 25px 25px;
    display: inline-block;
    width: 25px; 
    height: 25px;
    content:"";
}

1 kişi bu mesajı beğendi.

10.07.2017 16:45

#3

Durotan WM Aracı Kullanıcı

Üyelik 28.02.2014
Yaş/Cinsiyet 29 / E
Meslek 3D Sanatçı
Konum Kocaeli

Ad Soyad F** T**
Mesajlar 1676
Beğeniler 204 / 340
Ticaret 2, (%100)

Edit: Sorunu çözdüm, teşekkürler.

Umur09 Çok teşekkür ediyorum hocam, bu şekilde oldu. Peki bir sorum daha olacak müsaitseniz;

Son durum şu şekilde:

Metin ve simgeyi yatay olarak hizalamak ve simgeden sonra boşluk bırakmak mümkün mü? Yani yatay olarak ikisi aynı hizada olsun ve birbirlerine bu kadar yakın olmasınlar istiyorum da.

10.07.2017 16:55

#4

Umur09 :/ Kullanıcı

Üyelik 31.05.2016
Yaş/Cinsiyet 28 / E
Meslek dev.
Konum İstanbul Anadolu

Ad Soyad U** A**
Mesajlar 131
Beğeniler 21 / 55
Ticaret 1, (%100)

Rica ederim. Tabii ki mümkün. Gerekli hizalamayı margin ile yapabilirsiniz.



.class6::before{margin-top:5px;margin-right:5px;}

1 kişi bu mesajı beğendi.

::before ile eklenen resmi yeniden boyutlandırma

Üye Girişi Yap