The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Add a banner for each section .. It appears at the top of the topics

+2
skouliki
كونان2000
6 posters

Go down

Add a banner for each section .. It appears at the top of the topics Empty Add a banner for each section .. It appears at the top of the topics

Post by كونان2000 January 13th 2023, 2:49 am

Hello all
-----------

Add a banner for each section. It appears at the top of the topics Very Happy
Works on all versions
Add a banner for each section .. It appears at the top of the topics Aa_c0011
-------------------

For example, if you have a gamings section
The gamings logo will appear for all topics in the "gamings" section only. Dawa
-----------

First put the following code at the top of the template viewtopic_body
Code:
<div class="logo-posts"></div>

Then put the following code in java
Title : as you like
Placement : In the topics
Code:
$(function() {
  $(".logo-posts").css({
   "display": "inline-block",
      "width": "100%",
       "height": "130px"        
});
  });

$(function() {
if($('a.nav[href^="/f????-"]').length)
  $(".logo-posts").css({
    "background": "url(yyyy)"
        });
});
Replace
Code:
????
with the section number.

Replace
Code:
yyyy
with the image link.

----------

And in case you want paneer for more than one section
 Add a new line to the java code as follows
Code:
$(function() {
if($('a.nav[href^="/f????-"]').length)
  $(".logo-posts").css({
    "background": "url(yyyy)"
        });
});
Replace
Code:
????
with the section number.

Replace
Code:
yyyy
with the image link.

Thus, repeat the same method for each section
as in the picture
Add a banner for each section .. It appears at the top of the topics Ocia_a42
-----------------------------

We hope you like this great little Trick and Tip on how to make the change. Embarassed

_____________________________________________
This tutorial was written by: كونان2000


Last edited by كونان2000 on April 30th 2024, 1:01 am; edited 1 time in total
كونان2000
كونان2000
Forumember

Male Posts : 206
Reputation : 93
Language : Arabic

https://anime.forumperso.com/

skouliki, SarkZKalie, TonnyKamper and hoanglongnhatbao like this post

Back to top Go down

Add a banner for each section .. It appears at the top of the topics Empty Re: Add a banner for each section .. It appears at the top of the topics

Post by skouliki January 13th 2023, 7:39 am

nice as always Smile
skouliki
skouliki
Manager
Manager

Female Posts : 15196
Reputation : 1696
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

كونان2000 likes this post

Back to top Go down

Add a banner for each section .. It appears at the top of the topics Empty Re: Add a banner for each section .. It appears at the top of the topics

Post by Obscure January 13th 2023, 12:48 pm

Awesome! Thanks for sharing!
Obscure
Obscure
Forumember

Female Posts : 48
Reputation : 10
Language : English
Location : USA

http://imgtest.forumotion.com/

كونان2000 likes this post

Back to top Go down

Add a banner for each section .. It appears at the top of the topics Empty Re: Add a banner for each section .. It appears at the top of the topics

Post by BlackScorpion January 13th 2023, 4:48 pm

Great job as always. This will be greatly used by the members on their forums.
BlackScorpion
BlackScorpion
Graphic Designer
Graphic Designer

Male Posts : 7010
Reputation : 919
Language : English
Location : USA

https://help.forumotion.com/f6-graphic-design-section

كونان2000 likes this post

Back to top Go down

Add a banner for each section .. It appears at the top of the topics Empty Re: Add a banner for each section .. It appears at the top of the topics

Post by Guest January 13th 2023, 5:33 pm

As always, great content from you Very Happy
avatar
Guest
Guest


Back to top Go down

Add a banner for each section .. It appears at the top of the topics Empty Re: Add a banner for each section .. It appears at the top of the topics

Post by كونان2000 January 14th 2023, 2:57 am

Thank you my friends
skouliki Obscure BlackScorpion System32
Add a banner for each section .. It appears at the top of the topics 45133
I'm glad you all like it ! ^^
كونان2000
كونان2000
Forumember

Male Posts : 206
Reputation : 93
Language : Arabic

https://anime.forumperso.com/

skouliki, TonnyKamper and Obscure like this post

Back to top Go down

Add a banner for each section .. It appears at the top of the topics Empty Re: Add a banner for each section .. It appears at the top of the topics

Post by perlesias January 8th 2024, 6:23 pm

Brilliant! This code has worked for me, thank you
perlesias
perlesias
Forumember

Posts : 201
Reputation : 4
Language : spanish

كونان2000 likes this post

Back to top Go down

Add a banner for each section .. It appears at the top of the topics Empty Re: Add a banner for each section .. It appears at the top of the topics

Post by Beyonder April 29th 2024, 10:51 am

Any picture example?
Beyonder
Beyonder
Forumember

Male Posts : 723
Reputation : 29
Language : English
Location : Beyond Realm

http://fictionalomniverse.forumotion.com/

كونان2000 likes this post

Back to top Go down

Add a banner for each section .. It appears at the top of the topics Empty Re: Add a banner for each section .. It appears at the top of the topics

Post by كونان2000 April 30th 2024, 1:05 am

Thanks @perlesias @Beyonder
Add a banner for each section .. It appears at the top of the topics 45133

+

My first post has been edited
كونان2000
كونان2000
Forumember

Male Posts : 206
Reputation : 93
Language : Arabic

https://anime.forumperso.com/

SarkZKalie likes this post

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum