vb.org Archive - Forum Display Enhancements - Sliding Banners or Images on Forum Home or Everywhere

Hi,

Modification : Sliding banners

Method : Jquery

Example : http://www.xitclub.com/forum.php?styleid=29 ( See Top right Banners on Forum home )

Installation:

1. Download the Attached Files and Upload to Your Forum Root

2. Add The Following Code Where you want to Display Adds ( I use "Advertising>Add New Add>Global>Header" in vb 4.0.7)

Code:

<html>

<head>



<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript" src="easySlider1.5.js"></script>

<script type="text/javascript" charset="utf-8">

// <![CDATA[

$(document).ready(function(){    

    $("#slider").easySlider({

        controlsBefore:    '<p id="controls">',

        controlsAfter:    '</p>',

        auto: true, 

        continuous: true

    });    

});

// ]]>

</script>

<style type="text/css">

#slider { width:468px; height:30px; margin:0 auto; padding:0; }

#slider ul,

#slider li { margin:0; padding:0; list-style:none; }

/* 

    define width and height of list item (slide)

    entire slider area will adjust according to the parameters provided here

*/

#slider li { width:468px; height:60px; overflow:hidden; }

body { margin:0; padding:0; width:100%;}





/* slider */

.slider {height:60px;}

.block_header h2 { color:#f3f4f4; font:bold 28px Arial, Helvetica, sans-serif; margin:0; padding:40px 10px 10px 10px; line-height:1.4em;}

.block_header p { color:#f3f4f4; font:normal 12px Arial, Helvetica, sans-serif; margin:0; padding:10px; line-height:1.8em;}







</style>

</head>

<body>

  <div class="block_header">

    <div class="slider">

      <div id="slider">

        <ul>

       

          <li>

            <div style="background-color:#000; color:#FFF; width:468px; height:60px; padding:0px; margin:0px;"> Your Image or Banner Code Goes Here

            </div>

          </li>

          <li>

            <div style="background-color:#000; color:#FFF; width:468px; height:60px;">Your Image or Banner Code Goes Here

            </div>

          </li>

          <li>

            <div style="background-color:#000; color:#FFF; width:468px; height:60px;">Your Image or Banner Code Goes Here

            </div>

          </li>

     <li>

            <div style="background-color:#000; color:#FFF; width:468px; height:60px;">Your Image or Banner Code Goes Here

            </div>

          </li>

        </ul>

      </div>

    </div>

</div>

</body>

</html>

Notice : Replace Red text With Your Image or Banner Code
Edit The CSS According to Your Needs

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (2)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 (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
Messages:

X vBulletin 3.8.12 by vBS Debug Information

Page Generation 0.01878 seconds
Memory Usage 1,739KB
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
(1)bbcode_code_printable
(2)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
(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

Messages:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01878 seconds Memory Usage 1,739KB 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 (1)bbcode_code_printable (2)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 (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
Messages: