xF1 Template Modification - How to add images to the navigation bar | NulledTeam UnderGround | The Best Scripts Site In The World
  • Read Our Rules

    Dont forget read our rules Nulled Team UnderGround Rules

  • You may not say thanks or replied bad language in a thread - Your reply will be removed and warning! You must be like us "overview" in the resource. You will be access to download in FREE SECTION ONLY! DO NOT PREMIUM SECTION! Is only upgrade to up account.
  • Please support our site and click on the advertised
  • Complete Installation Service

    Review Our XenForo Complete Installation Service
  • Multiple Accounts

    Dont forget we not allowed Multiple Accounts, so all of your accounts as well as your IP will ban

How to add images to the navigation bar

xF1 Template Modification How to add images to the navigation bar 1.0

No permission to download
Compatible XF Versions 1.x
1.0, 1.1, 1.2, 1.3, 1.4, 1.5
This resource is not affiliated with XenForo Ltd.

This will enable you to add up to 3 images to the top of the navigation bar just by adding the relevant code to EXTRA.css as explained below.

You will need to change the attributes to suit the image(s) you use.
You will also need to change the image path if you do not place them in the root of the directory associated with your style. The image path for each style is set in the ACP -> Style Properties -> General -> Settings: Path to Images.

If you want to use the same images for multiple styles then change the path in the code below to e.g. 'styles/default/shelley_snow_l.png' and upload the images to the default styles directory.

Note that if you use an image which overlaps the navigation bar too much then this will adversely affect the ability to click the navigation tabs. It is recommended to keep the overlap to less than 30% of the height of the bar.

The instructions below are for the three snow images which are attached.

To add an image to the left, add this to EXTRA.css:
HTML:
You don't have permission to view the code content. Please Log in or register now. Log in or register now.
To add an image to the left and right, add this to EXTRA.css:
HTML:
You don't have permission to view the code content. Please Log in or register now. Log in or register now.
To add an image to the left, centre and right, add this to EXTRA.css:
HTML:
You don't have permission to view the code content. Please Log in or register now. Log in or register now.
Author
AnimeHaxor
Downloads
0
First release
Last update
Rating
0.00 star(s) 0 ratings

More resources from AnimeHaxor

Share this resource

Dear User!

We found that you are blocking the display of ads on our site.

It looks like you're using an ad blocker. That's okay. Who doesn't?

But without advertising-income, we can't keep making this site awesome.

Thank you for understanding!