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


All times are GMT. The time now is 06:22 AM.

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.01364 seconds
  • Memory Usage 1,747KB
  • 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
  • (2)bbcode_code_printable
  • (3)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (3)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)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