vb.org Archive

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)

saqib_jutt 07-31-2009 08:46 PM

hello dear,

just a quick question, would this work on forums main page, because i dunt have vba and if it does work on forum main page or any page then how to do all settings,

-----------------------------------------------------------------------------------
Third and Last, go to vBulleting ACP --> vBa CMPS --> Add Module --> Template Module

Ok now we'll have to create the actual box

Module Title: Rotating Articles
Active: Yes
Template to incluce: adv_portal_rotating_articles
Style: "Pick the Style you would like to add it to" Please note if you are adding it to more than one style make sure that you do the previous two steps to all of them.
--------------------------------------------------------------------------------------------------------

i dunt have any understanding of 3rd step, because i dunt use vba on my forums.

Help Required to set up on main forum page.

Regards
Saqib

bobster65 07-31-2009 09:03 PM

Quote:

Originally Posted by saqib_jutt (Post 1859293)
hello dear,

just a quick question, would this work on forums main page, because i dunt have vba and if it does work on forum main page or any page then how to do all settings,

-----------------------------------------------------------------------------------
Third and Last, go to vBulleting ACP --> vBa CMPS --> Add Module --> Template Module

Ok now we'll have to create the actual box

Module Title: Rotating Articles
Active: Yes
Template to incluce: adv_portal_rotating_articles
Style: "Pick the Style you would like to add it to" Please note if you are adding it to more than one style make sure that you do the previous two steps to all of them.
--------------------------------------------------------------------------------------------------------

i dunt have any understanding of 3rd step, because i dunt use vba on my forums.

Help Required to set up on main forum page.

Regards
Saqib

if you are going to use this on the FORUMHOME template, just add the template content from Step 3 into the FORUMHOME template in the location you want it to be displayed and disregard all of those settings, those are specifically for vBa only.

Omar Al-Ansari 08-01-2009 05:44 AM

Quote:

Originally Posted by DGF (Post 1859127)
nice, i love it..

But i hope someone could change it to make it possible with more rows

You know what would even be better? If someone can take this code to create a product :)
I wish I know how to do it, I would have done it in the first instance

Quote:

Originally Posted by Alfa1 (Post 1859255)
It would be great if this could be set to grab image, title and teaser from a predefined forum. Similar to how vba's recent_threads or news module works.

if I can get the support or at least someone shows me where to start I would take this as a project. I would love to learn how to convert this to a product.

Quote:

Originally Posted by bobster65 (Post 1859276)
sounds like you just got a new project to tackle ;)

:)

Quote:

Originally Posted by saqib_jutt (Post 1859293)
hello dear,

just a quick question, would this work on forums main page, because i dunt have vba and if it does work on forum main page or any page then how to do all settings,

-----------------------------------------------------------------------------------
Third and Last, go to vBulleting ACP --> vBa CMPS --> Add Module --> Template Module

Ok now we'll have to create the actual box

Module Title: Rotating Articles
Active: Yes
Template to incluce: adv_portal_rotating_articles
Style: "Pick the Style you would like to add it to" Please note if you are adding it to more than one style make sure that you do the previous two steps to all of them.
--------------------------------------------------------------------------------------------------------

i dunt have any understanding of 3rd step, because i dunt use vba on my forums.

Help Required to set up on main forum page.

Regards
Saqib

Quote:

Originally Posted by bobster65 (Post 1859301)
if you are going to use this on the FORUMHOME template, just add the template content from Step 3 into the FORUMHOME template in the location you want it to be displayed and disregard all of those settings, those are specifically for vBa only.



Thanks Bobster65

DGF 08-01-2009 07:10 AM

Quote:

Originally Posted by Omar Al-Ansari (Post 1859445)
You know what would even be better? If someone can take this code to create a product :)
I wish I know how to do it, I would have done it in the first instance



if I can get the support or at least someone shows me where to start I would take this as a project. I would love to learn how to convert this to a product.



:)







Thanks Bobster65

Someone pleas help him or us hehe... simply the best this one

DGF 08-01-2009 07:43 AM

just follow this....

Style & templates -> Style manager -> edit templates -> adv_portal_rotating_articles

add:
Code:

<li class="ui-tabs-nav-item" id="nav-fragment-5"><a href="#fragment-5"><img src="images/image4-small.jpg" alt="" /><span>Create a Vintage Photograph in Photoshop</span></a></li>
AFTER

Code:

<li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="images/image4-small.jpg" alt="" /><span>Create a Vintage Photograph in Photoshop</span></a></li>
You could later continue with 6,7 etc ( look red number )

Then add:
Code:

<!-- Fifth Content -->
    <div id="fragment-5" class="ui-tabs-panel ui-tabs-hide" style="">
        <img src="images/image4.jpg" alt="" />
        <div class="info" >
        <h2><a href="#" >Create a Vintage Photograph in Photoshop</a></h2>
        <p>Quisque sed orci ut lacus viverra interdum ornare sed est. Donec porta, erat eu pretium luctus, leo augue sodales....<a href="#" >read more</a></p>
        </div>
    </div>

AFTER

Code:

<!-- Fourth Content -->
    <div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
        <img src="images/image4.jpg" alt="" />
        <div class="info" >
        <h2><a href="#" >Create a Vintage Photograph in Photoshop</a></h2>
        <p>Quisque sed orci ut lacus viverra interdum ornare sed est. Donec porta, erat eu pretium luctus, leo augue sodales....<a href="#" >read more</a></p>
        </div>
    </div>

Then go to Style & Templates -> Stylemanager -> Main CSS
and scroll to the bottom( second section )

Change the heights here ( marked with red )

Code:

/* ***** Rotating Articles ***** */
#featured{
    width:400px;
    padding-right:250px;
    position:relative;
    height:250px;
    background:#fff;
    border:5px solid #ccc;
}

#featured ul.ui-tabs-nav{
    position:absolute;
    top:0; left:400px;
    list-style:none;
    padding:0; margin:0;
    width:250px;
}
#featured ul.ui-tabs-nav li{
    padding:1px 0; padding-left:13px;
    font-size:12px;
    color:#666;
}
#featured ul.ui-tabs-nav li span{
    font-size:11px; font-family:Verdana;
    line-height:18px;
}
#featured .ui-tabs-panel{
    width:400px; height:250px;
    background:#999; position:relative;
        overflow:hidden;
}
#featured .ui-tabs-hide{
    display:none;
}
#featured li.ui-tabs-nav-item a{/*On Hover Style*/
    display:block;
    height:60px;
    color:#333;  background:#fff;
    line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{
    background:#f2f2f2;
}
#featured li.ui-tabs-selected{ /*Selected tab style*/
    background:url('http://demo.webdeveloperplus.com/featured-content-slider/images/selected-item.gif') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
    background:#ccc;
}
#featured ul.ui-tabs-nav li img{
    float:left; margin:2px 5px;
    background:#fff;
    padding:2px;
    border:1px solid #eee;
}
#featured .ui-tabs-panel .info{
    position:absolute;
    top:180px; left:0;
    height:70px;
    background: url('http://demo.webdeveloperplus.com/featured-content-slider/images/transparent-bg.png');
}
#featured .info h2{
    font-size:18px; font-family:Georgia, serif;
    color:#fff; padding:5px; margin:0;
    overflow:hidden;
}
#featured .info p{
    margin:0 5px;
    font-family:Verdana; font-size:11px;
    line-height:15px; color:#f0f0f0;
}
#featured .info a{
    text-decoration:none;
    color:#fff;
}
#featured .info a:hover{
    text-decoration:underline;
}

This worked for me...:):)

saqib_jutt 08-01-2009 03:36 PM

is there any possibility if we can use this in notices.
it does show in notice but doesnt rotate.

any idea ?????????

Omar Al-Ansari 08-01-2009 04:46 PM

Quote:

Originally Posted by saqib_jutt (Post 1859627)
is there any possibility if we can use this in notices.
it does show in notice but doesnt rotate.

any idea ?????????

which template are you trying to include it in?

TheLastSuperman 08-01-2009 06:18 PM

Thanks! 3.8.3 Forum Home and tested in Member Profile too with various code, downloaded images and js files per url's given so I wouldn't be using their bandwidth and just so I have them and now it's all internal - nice :D

Edit: Ohh and quick thought everyone, find the url for the arrow pointer in the code above and copy/paste into browser then you can change and make yourself a new pointer or just make one w/o donwloading the other and simply replace w/ the new url of the one you made and uploaded :D

Omar Al-Ansari 08-02-2009 05:39 AM

Quote:

Originally Posted by TheLastSuperman (Post 1859712)
Thanks! 3.8.3 Forum Home and tested in Member Profile too with various code, downloaded images and js files per url's given so I wouldn't be using their bandwidth and just so I have them and now it's all internal - nice :D

Edit: Ohh and quick thought everyone, find the url for the arrow pointer in the code above and copy/paste into browser then you can change and make yourself a new pointer or just make one w/o donwloading the other and simply replace w/ the new url of the one you made and uploaded :D

Thanks TheLastSuperman,

I will be updating those and I am in the process to convert this into a product hopefully when I am done all of this will be implemented.

Qwest 08-03-2009 02:40 PM

Can't wait for the product. I'm watching this.


All times are GMT. The time now is 02:17 PM.

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.01165 seconds
  • Memory Usage 1,787KB
  • 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
  • (5)bbcode_code_printable
  • (9)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (3)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