vb.org Archive
Page 5 of 5 « First 34 5
Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.8 Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=235)
-   -   Portal Software - Integrating WebDeveloperPlus' Featured Content Slider in vba or any other page (https://vborg.vbsupport.ru/showthread.php?t=219874)

Gamelobby 12-01-2010 03:22 AM
Wow this really screwed up my CMPS page. lol
Not only out of wack, but forced a different skin..!?


Alsohow do i make it so when you click on the small image it just changes the big image.? (instead of going to the link)
Code:
<div id="featured" >
    <ul class="ui-tabs-nav">

        <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="http://www.gamelobby.com/Forum/forumdisplay.php?f=226"><img src="Sports/rotating/Madden11_80x47.png" alt="" /><span>Madden 11</span></a></li>

        <li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="http://www.gamelobby.com/Forum/forumdisplay.php?f=229"><img src="Sports/rotating/NBA2K11_80x60.png" alt="" /><span>NBA 2K11</span></a></li>

        <li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="http://www.gamelobby.com/Forum/forumdisplay.php?f=224"><img src="Sports/rotating/NHL11_80x60.png" alt="" /><span>NHL 11</span></a></li>

        <li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="http://www.gamelobby.com/Forum/forumdisplay.php?f=34"><img src="Sports/rotating/Forza_White_80x60.png" alt="" /><span>Forza 3</span></a></li>
    </ul>

    <!-- First Content -->
    <div id="fragment-1" class="ui-tabs-panel" style="">
        <img src="Sports/rotating/madden11_400x250.jpg" alt="" />
        <div class="info" >
        <h2><a href="http://www.gamelobby.com/Forum/forumdisplay.php?f=226" >Madden 11</a></h2>
        <p>Check the Gamelobby Madden 11 SIM League....<a href="http://www.gamelobby.com/Forum/forumdisplay.php?f=226" >read more</a></p>
        </div>
    </div>
    <!-- Second Content -->
    <div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
        <img src="Sports/rotating/nba2k11_354x250.jpg" alt="" />
        <div class="info" >
        <h2><a href="http://www.gamelobby.com/Forum/forumdisplay.php?f=229" >NBA 2K11</a></h2>
        <p>Check the Gamelobby NBA 2K11 SIM League....<....<a href="http://www.gamelobby.com/Forum/forumdisplay.php?f=229" >read more</a></p>
        </div>
    </div>
    <!-- Third Content -->
    <div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
        <img src="Sports/rotating/NHL-11-400x242.jpg" alt="" />
        <div class="info" >
        <h2><a href="http://www.gamelobby.com/Forum/forumdisplay.php?f=224" >35 Amazing Logo Designs</a></h2>
        <p>Check out NHL 11 on Gamelobby....<a href="http://www.gamelobby.com/Forum/forumdisplay.php?f=224" >read more</a></p>
        </div>
    </div>
    <!-- Fourth Content -->
    <div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
        <img src="Sports/rotating/forza_black_400x249.png" alt="" />
        <div class="info" >
        <h2><a href="http://www.gamelobby.com/Forum/forumdisplay.php?f=34" >Forza 3</a></h2>
        <p>Check out the Gamelobby Racing League....<a href="http://www.gamelobby.com/Forum/forumdisplay.php?f=34" >read more</a></p>
        </div>
    </div>
</div>

<!-- Rotating Code -->
<script type="text/javascript">
    $(document).ready(function(){
        $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 3000, true);
    });
</script>
<!-- / Rotating Code -->

Gamelobby 12-01-2010 05:43 AM
Quote:
Originally Posted by 5starpool (Post 2109246)
OK, I need to ask a silly question please.

How do I center this on the page? I am not a css coder by any means, and while I love this, I can't get it centred, and it doesn't look great being left aligned.
add center brackets on both ends.
Code:
<center>
html code
</center>

Gamelobby 12-01-2010 08:54 PM
It doesn't work hardly at all on my CMPS page (see errors up 2 posts), but i put it on a custom html page to get it right before i attempt the CMPS again.

But I still got issues..
http://www.gamelobby.com/Forum/edito...edit&pg=slider


Thanks :D

Code:
<div id="featured" >
    <ul class="ui-tabs-nav">

        <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="http://www.gamelobby.com/Forum/Sports/rotating/Madden11_80x47.png" alt="" /><span>Madden 11</span></a></li>

        <li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="http://www.gamelobby.com/Forum/Sports/rotating/NBA2K11_80x60.png" alt="" /><span>NBA 2K11</span></a></li>

        <li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="http://www.gamelobby.com/Forum/Sports/rotating/NHL11_80x60.png" alt="" /><span>NHL 11</span></a></li>

        <li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="http://www.gamelobby.com/Forum/Sports/rotating/Forza_White_80x60.png" alt="" /><span>Forza 3</span></a></li>
    </ul>

    <!-- First Content -->
    <div id="fragment-1" class="ui-tabs-panel" style="">
        <img src="http://www.gamelobby.com/Forum/Sports/rotating/madden11_400x250.jpg" alt="" />
        <div class="info" >
        <h2><a href="http://www.gamelobby.com/Forum/forumdisplay.php?f=226" >Madden 11</a></h2>
        <p>Check the Gamelobby Madden 11 SIM League....<a href="http://www.gamelobby.com/Forum/forumdisplay.php?f=226" >read more</a></p>
        </div>
    </div>
    <!-- Second Content -->
    <div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
        <img src="http://www.gamelobby.com/Forum/Sports/rotating/nba2k11_354x250.jpg" alt="" />
        <div class="info" >
        <h2><a href="http://www.gamelobby.com/Forum/forumdisplay.php?f=229" >NBA 2K11</a></h2>
        <p>Check the Gamelobby NBA 2K11 SIM League....<....<a href="http://www.gamelobby.com/Forum/forumdisplay.php?f=229" >read more</a></p>
        </div>
    </div>
    <!-- Third Content -->
    <div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
        <img src="http://www.gamelobby.com/Forum/Sports/rotating/NHL-11-400x242.jpg" alt="" />
        <div class="info" >
        <h2><a href="http://www.gamelobby.com/Forum/forumdisplay.php?f=224" >35 Amazing Logo Designs</a></h2>
        <p>Check out NHL 11 on Gamelobby....<a href="http://www.gamelobby.com/Forum/forumdisplay.php?f=224" >read more</a></p>
        </div>
    </div>
    <!-- Fourth Content -->
    <div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
        <img src="http://www.gamelobby.com/Forum/Sports/rotating/forza_black_400x249.png" alt="" />
        <div class="info" >
        <h2><a href="http://www.gamelobby.com/Forum/forumdisplay.php?f=34" >Forza 3</a></h2>
        <p>Check out the Gamelobby Racing League....<a href="http://www.gamelobby.com/Forum/forumdisplay.php?f=34" >read more</a></p>
        </div>
    </div>
</div>

<!-- Rotating Code -->
<script type="text/javascript">
    $(document).ready(function(){
        $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 3000, true);
    });
</script>
<!-- / Rotating Code -->

Digital Jedi 01-07-2011 05:20 AM
Quote:
Originally Posted by MagicThemeParks (Post 2097369)
Just added it to a second site :up:

Working Demo Here: http://www.FantasyLeagueForums.com

Thanks for this quick and effective mod! :D
I am totally ripping off that layout. :up:

MagicThemeParks 01-09-2011 03:18 PM
Quote:
Originally Posted by Digital Jedi (Post 2145309)
I am totally ripping off that layout. :up:
LOL....no problem. :D

Digital Jedi 01-12-2011 03:07 AM
Well, got it working on my site. You just need to experiment with CSS a lot to make it match. I phrased out my description and titles so I could minimize editing the content each time I want to change it.

www.cogonline.net


All times are GMT. The time now is 02:18 PM.
Page 5 of 5 « First 34 5
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.01919 seconds
  • Memory Usage 1,755KB
  • 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
  • (3)bbcode_code_printable
  • (3)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
  • (6)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