Nasıl yapılır ? v7 logoyu nasıl büyütebilirim?

Garfield · 13 Ağu 2021

tema ozellıklerı ya da ayarlar kısmında bir secenek goremedım, logo boyutunu nasıl ayarlayabılırım?

Tayfa.Net | Gerçek Forum Tayfası!

Tayfa Forum | Baştan sona yenilenerek günümüze uyarlanmış genel forum sitesi!

www.tayfa.net

Xenfast · 13 Ağu 2021

Default kodlar bu şekilde yer almakadır;

CSS:

.p-nav-smallLogo img {
    display: block;
    max-height: 37px;
}

.p-nav-smallLogo img:not([src$=".svg"]) {
    width: auto;
}

Max height logoyu 37px'e sınırlar. Siz ne kadar büyütmek istiyorsanız px değerlerini ona göre ayarlayın ve dilerseniz temanın şablonlarından eğer bulamaz iseniz extra.less şablonuna ekleyin. Örneğin;

CSS:

.p-nav-smallLogo img {
    max-height: 60px;
}

.p-nav-smallLogo img:not([src$=".svg"]) {
    height: 60px;
}

İşlemlerden öncesi

İşlemlerden sonrası

Garfield · 14 Ağu 2021

buradakı kod entegresı kısmen ısımı gordu lakın bazı sorunlarım var.

burada yaptıgım uygulama mobilide kapsıyor halıyle mobilde logo bıcımsız tasmıs sekılde duruyor benım ıkısını ayırmam lazım mobilde belirli bir oradan tasmadan kalsın ama masaustunde buyusun. bunun ıcın ne yapmam gereklı?

Garfield · 14 Ağu 2021

birde bu kod sadece yukseklık ayarını değiştiriyor genıslıgıde ayarlamam sağ tarafa doğru orantılı sekıdle buyutmek ıcın ne yapmam lazım.

Xenfast · 14 Ağu 2021

Garfield' Alıntı:
birde bu kod sadece yukseklık ayarını değiştiriyor genıslıgıde ayarlamam sağ tarafa doğru orantılı sekıdle buyutmek ıcın ne yapmam lazım.

Bunun için width komutunu kullanacağız. Eski kodlarımız;

CSS:

.p-nav-smallLogo img {
    max-height: 60px;
}

.p-nav-smallLogo img:not([src$=".svg"]) {
    height: 60px;
}

Yeni kodlarımız;

CSS:

.p-nav-smallLogo img {
    max-height: 60px;
    max-width: 500px;
}

CSS:

.p-nav-smallLogo img:not([src$=".svg"]) {
    height: 60px;
    width: 150px;
}

Width değeri ile sağ tarafa orantılı bir şekilde büyütebilirsiniz. Max-width kısmı maximum genişliği ayarlar. Ben 500px olarak ayarladım. Siz 500px değerinin üzerinde bir orantılama yapacak iseniz bu değeri yükseltebilirsiniz.

Garfield' Alıntı:
buradakı kod entegresı kısmen ısımı gordu lakın bazı sorunlarım var.

burada yaptıgım uygulama mobilide kapsıyor halıyle mobilde logo bıcımsız tasmıs sekılde duruyor benım ıkısını ayırmam lazım mobilde belirli bir oradan tasmadan kalsın ama masaustunde buyusun. bunun ıcın ne yapmam gereklı?

Bunun için mobil tasarımlarda @media etiketine başvurulur. Logonun taştığını şimdi fark ettim ve responsive şekilde düzenledim. Extra.less ekleyin.

CSS:

@media (max-width: 650px){
.p-nav-smallLogo img:not([src$=".svg"]) {
        height: 40px;
    width: 70px;
}
}

Siz ne kadar boyutlandırmak istiyorsanız o kadar px değerleriyle oynayabilirsiniz.

Garfield · 14 Ağu 2021

anlatım ıcın tsk ederım.

Xenfast · 14 Ağu 2021

Garfield' Alıntı:
anlatım ıcın tsk ederım.

Rica ederim.

Ara

Ara

Foruma hoş geldin 👋, Ziyaretçi

Nasıl yapılır ? v7 logoyu nasıl büyütebilirim?

Garfield

xFanatik

Tayfa.Net | Gerçek Forum Tayfası!

Ekli dosyalar