![]() |
|
Mod Options |
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
add a background image to your navbits
![]() Developer Last Online: Sep 2014 ![]() ![]() ![]()
Just a simple mod that will allow you to add a background image to your navbit table, as per this request.
in your navbar template find the first instance of:
and replace with:
and add this css to your additional css definitions at the bottom of your main css page
Remember to replace the RED writing with where your navbits background image is located, and you can change the background color (the blue text) from #FFFFFF to any colour you want for example if you have a black skin use #000000. If your using the original Navbar then an image height of 60px is a good size. This is my first mod so please go gentle ![]() screenshot: ![]() Update: As some of you were asking how to have this image stretch through your welcome back column also here's how i've done it: in your navbar template find:
and replace with:
next find:
and replace with:
next find:
and replace with:
next find:
and replace with:
now because we have removed the tborder css attribute we need to add it to out altbg css so, add this to your css if you want to strech your image:
and replace the code in red with your desired border colour and the blue with the desired background colour screensot of streched image: ![]() all done hope this helps! ![]() PLEASE NOTE THE BACKGROUND IMAGE SIZE WILL REMAIN CONSTANT, MEANING IT WILL NOT CHANGE WITH YOUR BROWSER SIZE, ALL THAT WILL HAPPEN IS THE CELL WILL CHANGE SIZE AND EITHER LOOSE SOME OF THE IMAGE OR FILL WITH THE BACKGROUND COLOUR, THE IMAGE SIZE ALL DEPENDS ON THE SIZE OF THE IMAGE YOU'VE CREATED, THEREFOR IF ITS eg 468 WIDE AFTER THE CELL IS LESS THAN 468PX WIDE IT WILL CLIP YOUR BACKGROUND IMAGE, I HOPE THIS CLARIFY'S THINGS A BIT ![]() ![]() Download Now Only licensed members can download files, Click Here for more information. Show Your Support
No members have liked this post.
|
Comments |
#2
|
||||
|
||||
No members have liked this post.
Last edited by Sweeks; 06 Apr 2011 at 12:40. |
#3
|
||||
|
||||
its currently on my test site hold on 2 secs and i'll upload a screen shot
__________________
Available for help just PM details! ![]() No members have liked this post.
|
#4
|
||||
|
||||
screenshot added
__________________
Available for help just PM details! ![]() No members have liked this post.
|
#5
|
||||
|
||||
No members have liked this post.
Last edited by Sweeks; 06 Apr 2011 at 12:41. |
#6
|
|||
|
|||
why dosen't yours stretch all the way to go behind the log in box as well. Honestly this has been around for a very long time:
http://www.vbulletin.com/forum/showthread.php?t=105189 No members have liked this post.
|
#7
|
|||
|
|||
I love this!!!
I will address that by doing this will move the forum title up alittle for example: Before: ------------------------------------------------------------------------------------------------- Your forum title(no image) -------------------------------------------------------------------------------------------------- After: ------------------------------------------------------------------------------------------------- Your forum title(with image) -------------------------------------------------------------------------------------------------- No members have liked this post.
|
#8
|
|||
|
|||
Originally Posted by mdelcour
That can be fixed by making the image longer ![]()
![]() Well thats what i had to do. No members have liked this post.
|
#9
|
||||
|
||||
Good work, thank you
No members have liked this post.
|
#10
|
|||
|
|||
nice little mod
well done bud. would be good if you could make it extend along past the Welcome back bla bla box aswell. never the less thank you No members have liked this post.
|
#11
|
|||
|
|||
Nice mod i installed it
![]() No members have liked this post.
|
#12
|
||||
|
||||
Originally Posted by mdelcour
Well firstly let me point out that the way i've done it, with that image, is the way i wanted it, i didnt want the image accross the whole navbit! Besides its fairly simple if you wanted it accross the whole navbit, use a bigger image!![]()
Secondly as i pointed out i made this mod as it was requested on VB.ORG, i didnt look on vb.COM. i realise its a very simple mod compared to most around here but there are people out there who haven't got a scooby about how to do this kind of stuff. Thirdly why have you actually posted in this mod threa., If it doesnt suit your needs, why even post a responce, i'm not a designer or a coder just a guy who's trying to learn how to code and quite frankly your answer, might just be the reason why i dont help anyone again! Thabnks for your input either way - dave
__________________
Available for help just PM details! ![]() No members have liked this post.
|
#13
|
||||
|
||||
Originally Posted by SpeedyHire
i'll play about and get back to you ![]()
![]()
__________________
Available for help just PM details! ![]() No members have liked this post.
|
#14
|
|||
|
|||
Thank you tipoboy
btw ignore mdelcour dont see him releasing anything or helping anyone. nice work m8 No members have liked this post.
|
#15
|
||||
|
||||
Updated: now added instructions on how to have it stretch through your welcome back pm column!
![]()
__________________
Available for help just PM details! ![]() No members have liked this post.
Last edited by tipoboy; 21 Mar 2009 at 17:24. |
![]() |
«
Previous Mod
|
Next Mod
»
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
Mod Options | |
|
|
New To Site? | Need Help? |
All times are GMT. The time now is 15:57.