The Arcive of Official vBulletin Modifications Site.

Awesome News Ticker under Navbar @xitclub · **Released**: 06-04-2011

Hello,

here i am sharing another cool template modification that i have used on my forum.

Demo : http://www.xitclub.com/
Steps:

1: Goto Styele Manager >Edit Template >CSS Templates >aditional.css (Double Click to Edit

Add at bottom of all content in aditional.css

Code:

.news-container
{
width:100%;
min-width:990px;
height:30px;
background-color:black;
}
#news-container-box
{
width:990px;
height:30px;
margin-left:auto;
margin-right:auto;
}
#news-heading
{
width:150px;
height:30px;
background-image:url(news-bg.png);
background-repeat:no-repeat;
float:left;
}
#news-content
{
width:990px;
height:30px;
background-color:#f6f6f6;
-moz-border-radius:5px;

}
#news-news
{
width:840px;
height:30px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#060;
text-align:center;
}
#news-news a
{
text-decoration:none;
color:#F00
}

2: Now goto Style Manager > Edit Template > Navigation / Breadcrumb Templates > navbar (Double click to Edit)

Find

Code:

<!-- closing div for above_body -->

Add Before

Code:

<div class="news-container">
   <div id="news-container-box">
      <div id="news-heading"></div>
      <div id="news-content">
          <div id="news-news">
            <marquee behavior="scroll" scrollamount="7" OnMouseOver="this.stop()" OnMouseOut="this.start()">   Your News Goes Here </marquee>     
            
          </div>
      </div>
   </div>
</div>

3: Upload news-bg.png to your forum root

Don't forget To say Thanks If You LIKE This Modification

XiTCLUB · #12 06-07-2011, 07:40 PM

Quote:

Originally Posted by Da-Vinci

For some reason the CSS doesn't seem to be loading for me, I've added the first edit to the bottom of the additional.css template as described then made the edit to the navbar, the Marquee part works but I don't get the backgrounds or the image.

Any ideas?

have you added the css code in aditional.css on template that is your current default style??

FReeSTER · #13 06-07-2011, 07:43 PM

Quote:

Originally Posted by xXxpert

just goto aditional.css and look for

Code:

#news-heading
{
width:150px;
height:30px;
background-image:url(news-bg.png);
float:left;
}

and add this line right after the red text

Code:

background-repeat:none;

Thank for the reply mate, but didnt do anything.

Da-Vinci · #14 06-07-2011, 09:29 PM

FReeSTER change this part of the CSS, the image is 125px wide and 25px high, so it is multiplying to fill the div which is 150px wide and 30px high.

Code:

#news-heading
{
width:150px;
height:30px;
background-image:url(news-bg.png);
float:left;
}

To

Code:

#news-heading
{
width:125px;
height:25px;
background-image:url(news-bg.png);
float:left;
}

Quote:

Originally Posted by xXxpert

have you added the css code in aditional.css on template that is your current default style??

Yes I've added it to the additional.css templates for all 3 styles but it only shows correctly on my default skin. Also to mention the Black background doesn't display on my Default skin, but I'm happy with how it looks as I've widened it and changed the image to suit my needs.

Still can't figure why my 2 custom styles aren't loading the CSS for this though.

My Default skin looks like this. (All I've edited is the image and the height and width of some of the Divs)

But on my other styles it looks like this.

FReeSTER · #15 06-07-2011, 10:32 PM

Thanki you so much mate that really did the job

XiTCLUB · #16 06-08-2011, 11:50 AM

Quote:

Originally Posted by FReeSTER

Thank for the reply mate, but didnt do anything.

sorry...spell mistake

add this after red text

Code:

background-repeat:no-repeat;

shoppingtelly · #17 06-09-2011, 10:12 AM

Loving this, thank you.

XiTCLUB · #18 06-12-2011, 12:10 PM

Quote:

Originally Posted by shoppingtelly

Loving this, thank you.

Welcome..

vBNinja · #19 06-17-2011, 04:09 AM

This is a great mod. 2 questions though

The news bar is extending my page to the left and right, i tried changing the margins from "auto" to "15px" but it didnt do anything

Also how can i change the scroll speed of the anouncements

Thank you

Izza · #20 06-17-2011, 03:53 PM

Thanks for this

Scroll speed is altered by changing the "7" to higher for faster and lower for slower in the Navbar template
<marquee behavior="scroll" scrollamount="7" OnMouseOver="this.stop()" OnMouseOut="this.start()">

vBNinja · #21 06-17-2011, 04:18 PM

Okay thanks. What about the margin problem, i see that the demo site has it too.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05035 seconds Memory Usage 2,336KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (8)bbcode_code (5)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (3)pagenav_pagelink (11)post_thanks_box (1)post_thanks_box_bit (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (1)post_thanks_postbit (11)post_thanks_postbit_info (10)postbit (1)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.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/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.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 showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start fetch_musername post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end post_thanks_function_fetch_thanks_bit_start post_thanks_function_show_thanks_date_start post_thanks_function_show_thanks_date_end post_thanks_function_fetch_thanks_bit_end post_thanks_function_fetch_post_thanks_template_start post_thanks_function_fetch_post_thanks_template_end postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

Благодарность от:
hasidoo

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!