vb.org Archive
Page 1 of 6 1 23 Last »
Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=245)
-   -   vBulletin CMS Widgets - Slider Widget s3slider (https://vborg.vbsupport.ru/showthread.php?t=238592)

CrazyProgrammer 03-18-2010 10:00 PM
Slider Widget s3slider
 
1 Attachment(s)
Here is a lite slider for vbulletin CMS
Login into Admin Panel(Admincp)
Open up vBulletin CMS in Sidebar click Widgets when page opens click Create New Widget near bottom page
Then a new page will come up and choose the following options:
Code:
Widget Type: Static HTML
Title: Slider
Description: Content Slider
click save
now you will see a widget called slider click configure and paste the following into the Enter Static HTML Box Edit the pictures you want and then Click save and you done.
Edit your Layout to show the widget where you want i would choose the Middle box in Home Layout :)
Code:
<style type="text/css">
ul#slider {
    width: 430px;
    height: 270px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul#slider li {
    float: left;
    position: relative;
    /*display: none;*/
}

ul#slider li div {
    position: absolute;
    width: 373px;
    background-color: #000;
    color: #fff;
    left: 0;
    /*display: none;*/
    padding: 10px;
}

.top {
    top: 0;
}

.bottom {
    bottom: 0;
}
</style>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/mySlider.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#slider").mySlider({
            timeOut: 4000,
            captionOpacity: .7           
        });
    });
</script>
    <ul id="slider">

        <li>
            <img src="images/slider/2.jpg" alt="" />
            <div class="top">
                Some nice text captions..
            </div>
        </li>
        <li>
            <img src="images/slider/3.jpg" alt="" />
            <div class="bottom">

                Some nice text captions..
            </div>
        </li>
        <li>

            <img src="images/slider/4.jpg" alt="" />
            <div class="bottom">
                Some nice text captions..
            </div>
        </li>
    </ul>
Developer of the slider is Creative Commons Attribution

CrazyProgrammer 03-18-2010 11:48 PM
Reserved

goyo 03-19-2010 12:02 AM
Not here to "diss" your hard work but why would anyone want to load an extra 100kbyte javascript framework (jquery) to an already slow cms page when vB already using the yui framework.

Why not integrate one of the Yui slideshows like this one ?

(Also in theory css should load in head and javascript in the bottom of the rendered page.)

Forum Lover 03-19-2010 12:23 AM
No demo?

Sleaklight 03-19-2010 12:33 AM
Thank you, looks good.

Jamie G 03-19-2010 12:47 AM
Quote:
Originally Posted by goyo (Post 2006179)
Not here to "diss" your hard work but why would anyone want to load an extra 100kbyte javascript framework (jquery) to an already slow cms page when vB already using the yui framework.

Why not integrate one of the Yui slideshows like this one ?

(Also in theory css should load in head and javascript in the bottom of the rendered page.)

If you can develop such a system to go on top of some forums then install it, I'd give ?? for it!

Cheers

AzzidReign 03-19-2010 02:49 AM
Perfect for those news posts we have :)

tafreeh 03-19-2010 03:47 AM
yea its really good for news and announcement ... Thanks

Preech 03-19-2010 04:11 AM
I see the difference now after completely reading the thread. This won't pull the images from a thread like the other one. I'm good fam. I don't have enough time to change them. Thank you.

basilrath 03-19-2010 06:53 AM
Theres a nifty software that creates the effect im using ..........diplayed here on my cms

http://www.tabletennistalk.co.uk/forum/content.php

the only downside up to now until i sort the threads it pulls from is it has to be done manually but the effect is fine


All times are GMT. The time now is 06:08 AM.
Page 1 of 6 1 23 Last »
Show 40 post(s) from this thread on one page

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.01330 seconds
  • Memory Usage 1,736KB
  • 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
  • (1)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