Go Back   vb.org Archive > vBulletin 4 Discussion > vB4 Design and Graphics Discussions
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools Display Modes
  #1  
Old 06-24-2013, 10:12 AM
Collectors Collectors is offline
 
Join Date: Jul 2005
Location: Netherlands
Posts: 44
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default Nivo Slider on forum homepage

I would like to use the Nivo Slider on my forum homepage. I've read this installation tutorial but it's for the CMS.

What do I have to change from the tutorial so that it works on my forum home?
Attached Images
File Type: jpg sliderhere.jpg (23.6 KB, 0 views)
Reply With Quote
  #2  
Old 09-12-2013, 06:59 PM
bbgun1 bbgun1 is offline
 
Join Date: May 2013
Posts: 13
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Have you had any luck figuring this out? I would like to do this as well.
Reply With Quote
  #3  
Old 09-13-2013, 08:32 AM
fxdigi-cash fxdigi-cash is offline
 
Join Date: Jul 2012
Posts: 674
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

It should be a lot easier than what you think.

First, open your forumhome and place this code after <body> tage and change whatever necessary such as domain name and image url :

PHP Code:
<center>
        <
div id="slider-wrapper"
            <
div id="slider" class="nivoSlider"

<
a href="http://www.domain.com"><img src="http://www.image.com" title="Put a caption here."/></a>
<
a href="http://www.domain.com"><img src="http://www.image.com" title="Put a caption here."/></a>
<
a href="http://www.domain.com"><img src="http://www.image.com" title="Put a caption here."/></a>
<
a href="http://www.domain.com"><img src="http://www.image.com" title="Put a caption here."/></a>
<
a href="http://www.domain.com"><img src="http://www.image.com" title="Put a caption here."/></a>
            </
div
        </
div
    <
script type="text/javascript" src="http://www.yourvBulletinsiteurl.com/slideshow/js/jquery-1.6.1.min.js"></script
    <
script type="text/javascript" src="http://www.yourvBulletinsiteurl.com/slideshow/js/jquery.nivo.slider.pack.js"></script
 
<
script type="text/javascript"
$(
window).load(function() {
    $(
'#slider').nivoSlider({
        
effect:'slideInLeft'// Specify sets like: 'fold,fade,sliceDown'
        
animSpeed:250// Slide transition speed
        
pauseTime:8000// How long each slide will show
        
startSlide:0// Set starting Slide (0 index)
        
directionNav:false// Next & Prev navigation
        
directionNavHide:false// Only show on hover
        
controlNav:true// 1,2,3... navigation
        
controlNavThumbs:false// Use thumbnails for Control Nav
        
controlNavThumbsFromRel:false// Use image rel for thumbs
captionOpacity:1// Universal caption opacity
        
keyboardNav:true// Use left & right arrows
        
pauseOnHover:true// Stop animation while hovering
    
});
});
</
script>
</
center
2nd Step:

add this to your headinclude template:

PHP Code:
<link rel="stylesheet" href="http://www.yourvBulletinsiteurl.com/slideshow/css/nivo-slider.css" type="text/css" media="screen" /> 
    <
link rel="stylesheet" href="http://www.yourvBulletinsiteurl.com/slideshow/css/style.css" type="text/css" media="screen" /> 
Save your work and you are done. There is no need to install the plugin.

Remember to upload the necessary images and folders so it works correct...

And Last Step:

Copy your css files codes in your additional.css so style works...

And your are done!!

ANy questions, shoot this thread up again

Good luck
Reply With Quote
Благодарность от:
CAG CheechDogg
  #4  
Old 09-13-2013, 11:11 AM
CAG CheechDogg's Avatar
CAG CheechDogg CAG CheechDogg is offline
 
Join Date: Feb 2012
Location: Riverside, California USA
Posts: 1,080
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

@ fxdigi-cash - Hey man thanks for posting how to add this slider, works great !
Reply With Quote
  #5  
Old 09-14-2013, 01:07 AM
fxdigi-cash fxdigi-cash is offline
 
Join Date: Jul 2012
Posts: 674
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

glad it was helpful
Reply With Quote
  #6  
Old 09-14-2013, 01:14 AM
CAG CheechDogg's Avatar
CAG CheechDogg CAG CheechDogg is offline
 
Join Date: Feb 2012
Location: Riverside, California USA
Posts: 1,080
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by fxdigi-cash View Post
glad it was helpful
I have been trying to get the thumbs to work but no luck though, would you happen to know what to do there?
Reply With Quote
  #7  
Old 09-14-2013, 02:52 AM
fxdigi-cash fxdigi-cash is offline
 
Join Date: Jul 2012
Posts: 674
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by CAG CheechDogg View Post
I have been trying to get the thumbs to work but no luck though, would you happen to know what to do there?
which thumb?? is it a mod?? if so, what version and what exactly want the help with? can you show me a snapshot or image...!!
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 06:14 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.04166 seconds
  • Memory Usage 2,260KB
  • Queries Executed 12 (?)
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
  • (1)ad_showthread_firstpost
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (2)bbcode_php
  • (2)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (7)post_thanks_box
  • (1)post_thanks_box_bit
  • (7)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit
  • (7)post_thanks_postbit_info
  • (7)postbit
  • (1)postbit_attachment
  • (7)postbit_onlinestatus
  • (7)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
  • 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
  • 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
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete