vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.8 Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=236)
-   -   Forum Display Enhancements - add a background image to your navbits (https://vborg.vbsupport.ru/showthread.php?t=208833)

jkcerda 07-24-2009 04:57 AM

cool, will give it a try

dsotmoon 08-08-2009 09:04 PM

installed and working great! thanks for the mod

can anyone tell me how to use this mod so that I can use multiple images that rotate on each page load?

Keesa 08-14-2009 01:26 AM

Never mind. User Headspace Error.

:D

tipoboy 08-14-2009 08:50 AM

Quote:

Originally Posted by dsotmoon (Post 1863722)
installed and working great! thanks for the mod

can anyone tell me how to use this mod so that I can use multiple images that rotate on each page load?

there are a few mods here at vborg that will allow you to use a random image with each refresh, the one i would suggest is by jaxel, found here,

https://vborg.vbsupport.ru/showthread.php?t=212351

if you need help just drop me a pm :D

setishock 08-16-2009 05:46 AM

Tweaked the idea I got from this. See below.

setishock 08-18-2009 02:31 PM

Quote:

Originally Posted by tipoboy (Post 1772857)
Updated: now added instructions on how to have it stretch through your welcome back pm column!:)

You sparked an idea I tried out and found it works. I thought I'd come back and share it.

The simplest way to get your image or color to go all the way across is to remember the right> "welcome" and the left> "directory path(bread crumbs)" are cells inside a table. You want to add the image or color to the table parameters so it covers the entire table background.
In the code below from the navbar template you keep the code in blue you added from the first part of his instructions. Then add the background code you see in red.

Code:

<br />
<!-- breadcrumb, login, pm info -->
<table class="tborder"
background="(http://)your.forum.name/path/to/your/image"
cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="altbg" width="100%">
  <if condition="is_array($navbits)">
  <table cellpadding="0" cellspacing="0" border="0">
  <tr valign="bottom">
    <td><a href="#" onclick="history.back(1); return false;"><img src="$stylevar[imgdir_misc]/navbits_start.gif" alt="$vbphrase[go_back]" border="0" /></a></td>

Leave the () out of the url. I couldn't keep the url from parsing and messing up my code demo.
Now go to the .altbg in the additional CSS definitions and remove the entire background statement. Leave the height, width, and text align statements.
When you're done you get some thing like what I have in the navbar in this theme I'm working on:
http://animeappeal.com/forums/index.php?styleid=47

tipoboy 08-18-2009 09:37 PM

Quote:

Originally Posted by setishock (Post 1869811)
You sparked an idea I tried out and found it works. I thought I'd come back and share it.

The simplest way to get your image or color to go all the way across is to remember the right> "welcome" and the left> "directory path(bread crumbs)" are cells inside a table. You want to add the image or color to the table parameters so it covers the entire table background.
In the code below from the navbar template you keep the code in blue you added from the first part of his instructions. Then add the background code you see in red.

Code:

<br />
<!-- breadcrumb, login, pm info -->
<table class="tborder"
background="(http://)your.forum.name/path/to/your/image"
cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="altbg" width="100%">
  <if condition="is_array($navbits)">
  <table cellpadding="0" cellspacing="0" border="0">
  <tr valign="bottom">
    <td><a href="#" onclick="history.back(1); return false;"><img src="$stylevar[imgdir_misc]/navbits_start.gif" alt="$vbphrase[go_back]" border="0" /></a></td>

Leave the () out of the url. I couldn't keep the url from parsing and messing up my code demo.
Now go to the .altbg in the additional CSS definitions and remove the entire background statement. Leave the height, width, and text align statements.
When you're done you get some thing like what I have in the navbar in this theme I'm working on:
http://animeappeal.com/forums/index.php?styleid=47

if you do it that way i dont think the code will validate corectly, what you could do is set up a new CSS class to define the table or row background, then use the background attribute there and this should be xhtml valid, if you want to discuss it further i'd be happy to, please pm me :D

mgcom 10-18-2009 05:45 PM

love it, mine is fine in IE but a bit banjoed in FF

Thanks anyway

mgcom 10-19-2009 08:14 PM

got it working in FF but two requests

1. is it possible that the image can link to a url?

2. can i push the image over to the complete right ?

Please and thanks

ahmedipa 10-20-2009 05:56 AM

very good thing thank you very much

COL NIL SATIS 10-20-2009 10:30 PM

i would love to add this but in that space i have progamerleagues.com which links to my site??

any ideas how i would remove this??

http://progamerleagues.com/index.php

login=test
pass=test123

you can take a look to see what i mean


any help appreciated

tipoboy 11-08-2009 10:10 PM

sorry aint been on folks, got a 13 week old boy thats taking a lot of time at the moment, but have now got some spare time,

Quote:

Originally Posted by mgcom (Post 1902298)
got it working in FF but two requests

1. is it possible that the image can link to a url?

2. can i push the image over to the complete right ?

Please and thanks

you cant have the image as a link if its a background image but it could work if you didnt want your navbits left intact, as to the image being to the complete right add this to the CSS you added:

Code:

align: right;
i think that would work of the top of my head, if you have any problems just let me know and i'll help out...

Quote:

Originally Posted by ahmedipa (Post 1902472)
very good thing thank you very much

no problem, thanks for using

Quote:

Originally Posted by COL NIL SATIS (Post 1902884)
i would love to add this but in that space i have progamerleagues.com which links to my site??

any ideas how i would remove this??

http://progamerleagues.com/index.php

login=test
pass=test123

you can take a look to see what i mean


any help appreciated

just tried to take a look and the test account info isnt valid, could you pm me with a new test account and i'd be happy to take a look

championcycle 11-29-2009 08:24 PM

Hey tipboy im having a small issue. I have added the picture already and for some reason i have a line running threw the whole picture. ive seen some people who have added it the pic is in the background but not mine? any idea what i might be doing wrong? i added the first hack not the stretched, i tried both but to no avail so i removed them both and installed the top one again. same problem. how do i make the forum link top left put itself ontop of the image without the line?

www.ontariomotorcycle.ca

Cheers


All times are GMT. The time now is 01:34 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01320 seconds
  • Memory Usage 1,752KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (3)bbcode_code_printable
  • (6)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (13)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete