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

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

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

-----------------------------

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

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

nice as always

Awesome! Thanks for sharing!

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

As always, great content from you

Thank you my friends
skouliki Obscure BlackScorpion System32

I'm glad you all like it ! ^^

Brilliant! This code has worked for me, thank you

Any picture example?

Thanks @perlesias @Beyonder


+

My first post has been edited