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)

tipoboy 03-21-2009 09:28 PM

yea i'm using IE are you wanting the navbits removed or aligned right? :D

- dave

ArnyVee 03-21-2009 09:34 PM

Hmm....can you tell me how to do each so that I can try and see if it looks good enough to keep? Please :D

Edited: Or, do you think that it would look better with the image itself aligned to the right since the left side of the image is that gray color and would blend in better with the background?

tipoboy 03-21-2009 09:39 PM

to remove all you need to do is remove this code:

Code:

<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>
    <td>&nbsp;</td>
    <td width="100%"><span class="navbar"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">$vboptions[bbtitle]</a></span> $navbits[breadcrumb]</td>
  </tr>
  <tr>
    <td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3"><if condition="$_SERVER['REQUEST_METHOD'] == 'POST'"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="" border="0" /><else /><a href="$navbar_reloadurl"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="$vbphrase[reload_this_page]" border="0" /></a></if> <strong>$navbits[lastelement]</strong></td>
  </tr>
  </table>
  <else />
  <div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
  </if>

and repalce with:
Code:

&nbsp;
to align right i'll work out in a minute, i'm going to try and use a css to be browser compliant

tipoboy 03-21-2009 10:02 PM

could you provide your navbar template please ArnyVee

ArnyVee 03-21-2009 10:09 PM

Sent you an email with the navbar template Dave! :)

Thanks for your help! :up:

tipoboy 03-21-2009 10:56 PM

Quote:

Originally Posted by ArnyVee (Post 1773705)
Hmm....can you tell me how to do each so that I can try and see if it looks good enough to keep? Please :D

Edited: Or, do you think that it would look better with the image itself aligned to the right since the left side of the image is that gray color and would blend in better with the background?


arny unfortunately i could quite manage to get the nav bits to move to the right whatever i did the navbit_start.gif wouldn't move(see screeny1) the only way i could resolve was to remove the navbit_start.gif cell from the table (screeny2)

screeny 1:
http://www.scottishwheelnuts.co.uk/images/screeny1.gif

screeny 2:

http://www.scottishwheelnuts.co.uk/images/screeny2.gif
sorry i cant help further like i said i'm still trying to learn myself

- dave

ArnyVee 03-21-2009 11:14 PM

No problem Dave! Thanks for giving it a go! :up:

I appreciate you trying to assist me. I'm going to remove it and see if I don't get too many complaints from folks ;)

Thanks again!

tipoboy 03-21-2009 11:20 PM

no prob arny just sorry i couldnt help further, hopefully someone with a bit more knoledge might be able to help

- dave

ArnyVee 03-21-2009 11:31 PM

Dave, I removed all of it, so now it's just a cleaner look. :)

Now, I have to figure out how to put that same gray color behind the 'welcome' section and the other two parts (the 'feed' part, I think I have, but not the others).

tipoboy 03-21-2009 11:44 PM

all you need to do is add some css attributes to your additional css at the bottom of your main css page add:

Code:

.altbgcolor {
 color: #000000;
 background-color: #CCCCCC;
}

and in your navbar template find:
Code:

<td class="alt2">
<DIV ALIGN=RIGHT>

and replace with:
Code:

<td class="altbgcolor">
<DIV ALIGN=RIGHT>

and find:

Code:

<td class="alt2">
<a href="http://www.waltdisneyboards.com/external.php?type=rss2"><img
src="http://www.waltdisneyboards.com/imag.../feed-icon.gif" border="0" alt="WDB
News Feed" />

and replace with:
Code:

<td class="altbgcolor">
<a href="http://www.waltdisneyboards.com/external.php?type=rss2"><img
src="http://www.waltdisneyboards.com/imag.../feed-icon.gif" border="0" alt="WDB
News Feed" />

and if you want to change the welcome back pm box color too find:

Code:

<td class="alt2" nowrap="nowrap">
and replace with:

Code:

<td class="altbgcolor" nowrap="nowrap">
and find:
Code:

<td class="alt2" nowrap="nowrap" style="padding:0px">
and replace with:
Code:

<td class="altbgcolor" nowrap="nowrap" style="padding:0px">
and that should make your colour similar arny :D

ArnyVee 03-21-2009 11:47 PM

Dave, you are THE man! :up:

Thank you so much!

tipoboy 03-21-2009 11:49 PM

let me know when you've implimented it and i'll have a looky :D

ArnyVee 03-22-2009 12:09 AM

Dave, it's a done deal :up:

I have the same background color across the top. Thanks again for your help! :D

tipoboy 03-22-2009 12:12 AM

no probs mate just glad to help :D

RedHacker 03-22-2009 06:52 PM

I dont worked....

May is problem are: and add this css to your additional css definitions at the bottom of your main css page

Can help me?

tipoboy 03-22-2009 06:56 PM

go to your:

admincp => styles & templates => style manager => THE SKIN YOUWANT TO SHOW THE MODIFICATION ON => from the drop down box select => main CSS scroll to the bottom where it says additional CSS definitions and add the code there.

RedHacker 03-22-2009 06:57 PM

Yes and not worked....
The background is blue...

tipoboy 03-22-2009 07:08 PM

just saying its not worked isnt really helping, could you provide a link to your site, oh and please MARK AS INSTALLED

macc 03-22-2009 07:48 PM

Thanks tipoboy for your help to get this nice mod to work on my site !

Thanks and regards

macc

RedHacker 03-22-2009 11:09 PM

The image size must 54*100...?

tipoboy 03-23-2009 08:54 PM

Quote:

Originally Posted by RedHacker (Post 1774664)
The image size must 54*100...?

i'm not getting you mate, could you firstly provide a link to the site where your having the problem?

secondly,a few questions

1. is it the default navbar or have you customized it?
2. did you apply the changes in both your navabr template AND add the additional CSS definitions
3. did you correctly add the path to the image in your CSS

thanks

- dave

RedHacker 03-24-2009 10:58 AM

Cant inside my forum why first must do register..!!!Its locked for un-registered users..!!!The Style is Marvel II

tipoboy 03-24-2009 11:02 AM

Unfortunately i dont have that style nor have i used it, i would be more than happy to take a look if you would pm mewith details of a temporary admin account.

tahnks
- dave

DobieGillis? 03-25-2009 01:20 AM

best mod in a long time! Thanks!

silvertibur 04-26-2009 01:59 PM

how do make your bg img stretchable?

tipoboy 04-26-2009 02:18 PM

i'm unsure, i suppose you could possibly use either div's or a table and use a left and right image with a filler repeating image never had a need for stretchable image there before but it is certainly interesting, if you'd like me to give it a try pm me

plazzman 04-28-2009 10:25 PM

Hey Tipo. Great mod, set it up just fine and it looks fantastic. But I have one problem. The part where it has the page navigation links, the end link doesn't parse.

I don't think I'm explaining it very well, so have a look yourself here

The part where the text is black, how do I fix that?

tipoboy 04-28-2009 10:40 PM

Quote:

Originally Posted by plazzman (Post 1800862)
Hey Tipo. Great mod, set it up just fine and it looks fantastic. But I have one problem. The part where it has the page navigation links, the end link doesn't parse.

I don't think I'm explaining it very well, so have a look yourself here

The part where the text is black, how do I fix that?

I would use a custom css attribute to change the color of the text, if you would like me to do it for you please pm me with log in details mate

plazzman 04-29-2009 11:31 PM

Wow, thank you so much for that Tipo. You definitely did the job!

tipoboy 05-11-2009 08:39 AM

Quote:

Originally Posted by silvertibur (Post 1799304)
how do make your bg img stretchable?

i found a way but it really would depend on the image you wish to use, if you want to know more PM me :)

nomoreturn 05-11-2009 12:16 PM

Installed on 3.8.2 working great in Internet Explorer but not working in Mozilla Firefox any help how to fix it thanks in advance

Keesa 06-23-2009 08:18 AM

I slightly modified it... just to allow a repeating pattern all the way

changed the code to this:
Code:

.altbg {
    background: #ebebeb url(http://i41.tinypic.com/9s779u.jpg);
 
    width: 100%;
   
}

Thank you! It's an awesome code and a really cool enhancement

New Joe 06-29-2009 06:25 AM

Can someone please tell me what this means:
Quote:

and add this css to your additional css definitions at the bottom of your main css page
Thanks

tipoboy 06-29-2009 08:38 PM

Quote:

Originally Posted by New Joe (Post 1839383)
Can someone please tell me what this means:

Thanks

it means go to your admincp => styles and templates => THE SKIN YOU WANT TO ADD IT TO => click on the drop down => open Main CSS => scroll right to the bottom and add it to the additional CSS box

:D

DNG 07-01-2009 09:34 AM

nice,, thanks

chick 07-04-2009 11:44 AM

It still picks up a 1px padding line no matter what have tried, any ideas?

tipoboy 07-04-2009 10:33 PM

Quote:

Originally Posted by chick (Post 1842633)
It still picks up a 1px padding line no matter what have tried, any ideas?

Got a link to your site?

could possibly be down to the table tborder class, i would need to have a look

Dave :D

Lynne 07-05-2009 11:05 PM

Thread cleaned up.

Personal issues have NO place in this thread. Take it to PMs guys, if you must, but keep it out of the public cuz the rest of us don't want to see it.

bmckinley 07-16-2009 03:57 AM

Clicks Installed, works great but i did take the liberty of modding the mod a little. Can't take credit for your idea, but here's a little twist I used on our site by combining two mods:


Embed a news bar on your NavBar and let your users see headlines and previews of Google News Search results that you've selected.

Step 1: in your navbar template find the first instance of:

Code:
<td class="alt1" width="100%">

Step 2: insert the following after:

<!-- ++Start News Bar Code++ -->

<div id="newsBar-bar">
<span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
</div>

<!-- Ajax Search Api and Stylesheet
// Note: If you are already using the AJAX Search API, then do not include it
// or its stylesheet again
-->
<script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-nbw"
type="text/javascript"></script>
<style type="text/css">
@import url("http://www.google.com/uds/css/gsearch.css");
</style>

<!-- News Bar Code and Stylesheet -->
<script type="text/javascript">
window._uds_nbw_donotrepair = true;
</script>
<script src="http://www.google.com/uds/solutions/newsbar/gsnewsbar.js?mode=new"
type="text/javascript"></script>
<style type="text/css">
@import url("http://www.google.com/uds/solutions/newsbar/gsnewsbar.css");
</style>

<script type="text/javascript">
function LoadNewsBar() {
var newsBar;
var options = {
largeResultSet : false,
title : "In the news",
horizontal : true,
autoExecuteList : {
executeList : ["Your Industry News"]
}
}

newsBar = new GSnewsBar(document.getElementById("newsBar-bar"), options);
}
// arrange for this function to be called during body.onload
// event processing
GSearch.setOnLoadCallback(LoadNewsBar);
</script>
<!-- ++End News Bar Code++ -->

Step 3: make sure to change the red "Your Industry News" to what ever your industry or interest is.

Step 4: click save.

DEMO

So thanks for the great mod. :)

LOKIN510051 07-20-2009 09:20 PM

Instalado Quedo Muy Bien Gracias.


Installed Is Very Well Thanks.


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.01223 seconds
  • Memory Usage 1,829KB
  • 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
  • (12)bbcode_code_printable
  • (7)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
  • (40)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