Foruma hoş geldin, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

Nasıl yapılır ? Uzun başlıklarda İndir butonunun kayması

htsumer

xFanatik
XGT Onaylı
Kullanıcı
Katılım
2 May 2018
Mesajlar
1,503
Web sitesi
www.maasmutemeti.com
Başlık biraz fazla olunca İndir butonu kayma yaparak alta iniyor. Bunun bir çözümü varmı? Sağda kalması için

1642162565903.png
 

MustafaseveR

xFanatik
XGT Onaylı
Kullanıcı
Katılım
19 May 2019
Mesajlar
372
Web sitesi
alanaditicaret.com

htsumer

xFanatik
XGT Onaylı
Kullanıcı
Katılım
2 May 2018
Mesajlar
1,503
Web sitesi
www.maasmutemeti.com
basit bir yöntem olarak p-title-value max-width ekleyebilirsiniz. tabi bu bağzı kısımlarda bozulma yapabilir deneme yanılma.
CSS:
.p-title-value {
    max-width: 80%;
}
yukardaki koda bunu ekleyin

CSS:
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
İkinizede teşekkür ederim İstediğim oldu ama Başlık karakter sonu maskeleniyor.. Başka bir çözümü varmı acaba. Başlığı sonu alta gelmesi gibi

1642165766225.png


Mesela buda uzun bir cümle ama hiç taşma yapmıyor.
Konu başlıklarının puntasını düşürsem olurmu ki? oda nerden yapılacak araştırmak lazım

1642165838808.png
 

gecitli

Sabit kullanıcı
XGT Kullanıcı
Kullanıcı
Katılım
16 Ara 2018
Mesajlar
88
Web sitesi
webtiryaki.com
Merhaba bunu yapmak istiyorsanız font değerini küçültün

CSS:
.p-title-value {
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 20px;
    font-weight: 400;
    min-width: 0;
    margin-right: auto;
}

a1.png

yada buradaki gibi p-body-inner değerini artırarak çözün

CSS:
.p-body-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 95%;
    padding: 0 10px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
}

b1.png
 

htsumer

xFanatik
XGT Onaylı
Kullanıcı
Katılım
2 May 2018
Mesajlar
1,503
Web sitesi
www.maasmutemeti.com
Merhaba bunu yapmak istiyorsanız font değerini küçültün

CSS:
.p-title-value {
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 20px;
    font-weight: 400;
    min-width: 0;
    margin-right: auto;
}

Ekli dosyayı görüntüle 18825

yada buradaki gibi p-body-inner değerini artırarak çözün

CSS:
.p-body-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 95%;
    padding: 0 10px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
}

Ekli dosyayı görüntüle 18826
Çok Teşekkür ederim. Bu işimi gördü..
Yalnız extra yerine bu başlıkların renk font vb. ayarlanan kısmını bulamamadım .Orda extra less bölümüne almak istiyorum ilk verdiğiniz kodu.Bunu
.p-title-value {
padding: 0;
margin: 0 0 5px 0;
font-size: 20px;
font-weight: 400;
min-width: 0;
margin-right: auto;
}

1642190171849.png


Burda hangisinde başlık renk font ayarları bulamadı bir türlü

1642190218741.png
 

gecitli

Sabit kullanıcı
XGT Kullanıcı
Kullanıcı
Katılım
16 Ara 2018
Mesajlar
88
Web sitesi
webtiryaki.com
merhaba kodlama bilgim var ama açıkçası kenforo dan fazla anlamıyorum lakin mantıklı olanı Metin Düzenlemeleri bölümü olmalı.
 

htsumer

xFanatik
XGT Onaylı
Kullanıcı
Katılım
2 May 2018
Mesajlar
1,503
Web sitesi
www.maasmutemeti.com
merhaba kodlama bilgim var ama açıkçası kenforo dan fazla anlamıyorum lakin mantıklı olanı Metin Düzenlemeleri bölümü olmalı.
Bende extra css eklemek, asıl ayar bölümünü geçersiz kılacağı için ilgili yerden ayarlamak istiyorum. Yani adam sistemi kurmuş ayar düğmesi yapmış ben onu geçersiz kılmak istemiyorum mecbur kalmadıkça
Bulunca burdan paylaşırım
 

Forumdan daha fazla yararlanmak için giriş yapın yada üye olun!

Forumdan daha fazla yararlanmak için giriş yapın veya kayıt olun!

Kayıt ol

Forumda bir hesap oluşturmak tamamen ücretsizdir.

Şimdi kayıt ol
Giriş yap

Eğer bir hesabınız var ise lütfen giriş yapın

Giriş yap

Tema düzenleyici

Tema özelletirmeleri

Grafik arka planlar

Granit arka planlar