Yardım Forumları bu şekilde tıklanabilir hale nasıl getirebilirim?

[bebea]

Forum URL

https://webmasterforum.net/

XenForo Sürümü

XF 2.3.X

Xenfocus

This is a demo board for xenfocus styles.

xenfocus.com

yukarıda verdıgım demoda dıkkat edersenız forum yazısının uzerıne gelınce değilde o sütununun uzerıne gelınce tıklanabilir oluyor.



mesela mouse oradayken Articles forumuna tıklayabılıyorum.

bunu default tema ıcın nasıl yapabılırım?

Türkiye'nin Webmaster Forumu!®

Teknik bilgiler, analizler, SEO taktikleri, soru-cevap içerikleri ve freelancer ilanları sunan webmaster forumuna sen de katıl, projeni büyüt!

webmasterforum.net

 

[bebea]

sanırım birde ufak bir hover efecti var.

 

[XenScript]

Aşağıdaki her iki işlemi uygulayıp kaydedin

Admin panel >> Kurulumlar >> Xf Seçenekleri >> Arama Motoru Optimizasyonu (SEO) >> Arama motoru dostu URL yapısını kullan (tik koyun)
Admin panel >> Kurulumlar >> Xf Seçenekleri >> Kategori ve forum liste seçenekleri >> Kategoriler için sayfa oluştur (tik koyun)

 

[bebea]

Aşağıdaki her iki işlemi uygulayıp kaydedin

Admin panel >> Kurulumlar >> Xf Seçenekleri >> Arama Motoru Optimizasyonu (SEO) >> Arama motoru dostu URL yapısını kullan (tik koyun)
Admin panel >> Kurulumlar >> Xf Seçenekleri >> Kategori ve forum liste seçenekleri >> Kategoriler için sayfa oluştur (tik koyun)

bunun hover efekt ve link ile ne ilgisi var ki?

 

[XenScript]

Hover efekti için değil, ilk mesaj için yazmıştım

 

[bebea]

Hover efekti için değil, ilk mesaj için yazmıştım

kategorileri link yapmakla bir ısım yok hocam, ilk mesajımda ss ıle gosterdıgım bir alan var oraya efekt + lınk vermek ıstıyorum ben.

Xenfocus

This is a demo board for xenfocus styles.

xenfocus.com

burdakı demodakı gibi.

 

[XenScript]

Verdiğiniz örneğe göre kategori bloklarının içindeki forum başlıklarını tıklanabilir yapmak için önceki mesajımdaki anlatım yeterlidir.

Hover efekti için tema özellikleri desteklemediği durumda css ile müdahale edilerek extra.less şablonuna kod eklenerek yapılır.

Eğer nasıl bir efekt istediğinizi (yakınlaşma, parlama, renk değişimi vb) belirtirseniz, elimdeki işi bitirdiğimde yardımcı olmak isterim

 

[bebea]

Verdiğiniz örneğe göre kategori bloklarının içindeki forum başlıklarını tıklanabilir yapmak için önceki mesajımdaki anlatım yeterlidir.

Hover efekti için tema özellikleri desteklemediği durumda css ile müdahale edilerek extra.less şablonuna kod eklenerek yapılır.

Eğer nasıl bir efekt istediğinizi (yakınlaşma, parlama, renk değişimi vb) belirtirseniz, elimdeki işi bitirdiğimde yardımcı olmak isterim

pc den bu siteyi ziyaret edınız, https://xenfocus.com/xf2/index.php ardında mouseyi tam olarak ss te gosterdıgım alana getırın.
hover+lınk aldıgını goreceksınız, yani o foruma gitmenız ıcın ılla forum baslıgına tıklamaya gerek kalmayacak.

 

[XenScript]

Birkaç saatlik işim kaldı, o zamana kadar çözüm bulamazsanız bitirdiğimde size istediğiniz desteği sağlayacağım

 

[XenScript]

Unutmadan XenForo sürümünüzü de buraya not edin lütfen

 

[bebea]

Unutmadan XenForo sürümünüzü de buraya not edin lütfen

2,3,6 hocam son sürüm. hover efekt rengı demodakı gibi olabılır renk onemlı değil guncellerım. cok tsk ederım.

 

[XenScript]

temanızın extra.less şablonuna ekleyip kaydedin;

.node-body:hover { background-color: grey;}

ya da

.node-body:hover { background-color: #9c9b98;}

 

[bebea]

temanızın extra.less şablonuna ekleyip kaydedin;

.node-body:hover { background-color: grey;}

ya da

.node-body:hover { background-color: #9c9b98;}

bu sekılde sadece efekt geldı link gelmedi

 

[XenScript]

Aşağıdaki her iki işlemi uygulayıp kaydedin

Admin panel >> Kurulumlar >> Xf Seçenekleri >> Arama Motoru Optimizasyonu (SEO) >> Arama motoru dostu URL yapısını kullan (tik koyun)
Admin panel >> Kurulumlar >> Xf Seçenekleri >> Kategori ve forum liste seçenekleri >> Kategoriler için sayfa oluştur (tik koyun)

Buradaki işlemleri uyguladınız mı

 

[bebea]

Buradaki işlemleri uyguladınız mı

evet.

 

[XenScript]

Aşağıdaki kodu, uygulamak istediğiniz temanın Page_Container şablonunda en alta ekleyip kaydedin;



<script>
document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll('.js-nodeMain').forEach(function(nodeMain) {
const link = nodeMain.querySelector('.node-title a');
if (link) {
nodeMain.addEventListener('click', function (e) {
// Eğer zaten bir bağlantıya tıklanmışsa işlemi yapma
if (!e.target.closest('a')) {
window.location = link.href;
}
});
nodeMain.style.cursor = 'pointer';
}
});
});
</script>

 

[bebea]

Aşağıdaki kodu, uygulamak istediğiniz temanın Page_Container şablonunda en alta ekleyip kaydedin;



<script>
document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll('.js-nodeMain').forEach(function(nodeMain) {
const link = nodeMain.querySelector('.node-title a');
if (link) {
nodeMain.addEventListener('click', function (e) {
// Eğer zaten bir bağlantıya tıklanmışsa işlemi yapma
if (!e.target.closest('a')) {
window.location = link.href;
}
});
nodeMain.style.cursor = 'pointer';
}
});
});
</script>

tmm şimdi oldu çok teşekkürler.

 

[bebea]

Aşağıdaki kodu, uygulamak istediğiniz temanın Page_Container şablonunda en alta ekleyip kaydedin;



<script>
document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll('.js-nodeMain').forEach(function(nodeMain) {
const link = nodeMain.querySelector('.node-title a');
if (link) {
nodeMain.addEventListener('click', function (e) {
// Eğer zaten bir bağlantıya tıklanmışsa işlemi yapma
if (!e.target.closest('a')) {
window.location = link.href;
}
});
nodeMain.style.cursor = 'pointer';
}
});
});
</script>

hocam şuan forumları ve alt forumları kapsıyor, konularıda kapsaması ıcın ne yapmak gerek?

Server-Side Programlama

Server-Side Programlama hakkında tüm detaylar, rehber anlatımlar ve merak ettikleriniz.

webmasterforum.net

 

[XenScript]

extra.less ekleyip kaydedin;


.structItem:hover {background-color: #9c9b98;}

 

[bebea]

Teşekkürler