vb.org Archive
Page 11 of 42 « First 910 11 121321 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 - vFCoders - Featured Content Slider Widget (https://vborg.vbsupport.ru/showthread.php?t=268817)

mitch84 08-28-2011 05:47 AM
after upgrade number to 2.3 version don't change, stay on 2.2

Taurus1 08-28-2011 05:53 AM
I am sorry, but I cannot use it like this. It looks terrible on the left like now when using a widescreen monitor. If there is no easy way to just center the entire widget then I cannot use it. Great idea though.

Badshah93 08-28-2011 06:14 AM
Quote:
Originally Posted by Taurus1 (Post 2239036)
I am sorry, but I cannot use it like this. It looks terrible on the left like now when using a widescreen monitor. If there is no easy way to just center the entire widget then I cannot use it. Great idea though.
Open vbcms_widget_cmsfcs_page template

And

Replace all template code to this

Code:
<vb:if condition="$output">
<style type="text/css">
.cmsfcs_{vb:raw id} {
        position:relative;
        height:290px;
       
}
.cmsfcs_{vb:raw id} ul.ui-tabs-nav{
        position:absolute;
        top:0;
        left:9px;
        list-style:none;
        padding:0;
        margin-top:2px;
        width:76px;
}
.cmsfcs_{vb:raw id} ul.ui-tabs-nav li{
        font-size:12px;
        color:#666;
        margin-left:2px;
        margin-top:3px;
        }

.cmsfcs_{vb:raw id} ul.ui-tabs-nav li span{
        font-size:11px; font-family:Verdana;
        line-height:14px;
}
.cmsfcs_{vb:raw id} li.ui-tabs-nav-item a{
        display:block;
        height:55px;
        color:#333; 
        line-height:12px;
}

.cmsfcs_{vb:raw id} ul.ui-tabs-nav li img {
        float:left; 
        }

.cmsfcs_{vb:raw id} ul.ui-tabs-nav li.ui-tabs-selected img {
 border:3px solid #FF7400;     
}


.cmsfcs_{vb:raw id} .ui-tabs-panel{
        width:{vb:raw width}px;
        height:290px;
        margin: 0 auto;
}

.cmsfcs_{vb:raw id} .ui-tabs-panel img {
        width:{vb:raw width}px;
        height:290px;
        margin: 0 auto;
        }

.cmsfcs_{vb:raw id} .ui-tabs-panel .info{
        position:absolute;
        top:220px;
        left:85px;
        height:70px;
        width:{vb:math {vb:raw width}-85}px;
        opacity: .75;
        background: black;
}
.cmsfcs_{vb:raw id} .info h2{
        font-size: 20px; font-family:Georgia, serif;
        color:#fff; padding:5px; margin:0 5px;
        overflow:hidden;
}
.cmsfcs_{vb:raw id} .info p{
        margin:0 10px;
        font-family:Verdana; font-size:11px;
        line-height:14px; color:#f0f0f0;
}
.cmsfcs_{vb:raw id} .info a{
        text-decoration:none;
        color:#fff;
}
.cmsfcs_{vb:raw id} .info a:hover{
        text-decoration:underline;
}
.cmsfcs_{vb:raw id} .ui-tabs-hide{
        display:none;
}
</style>


<script type="text/javascript">
$(document).ready(function(){
$(".cmsfcs_{vb:raw id}").tabs({ fx: {opacity: 'toggle', duration:1} }).tabs({event: 'mouseover'}).tabs('rotate', 3000, true);

$('.cmsfcs_{vb:raw id}').mouseover(function(){
        $(this).tabs('rotate', 0, false);
    });
    $('.cmsfcs_{vb:raw id}').mouseout(function(){
        $(this).tabs({ fx: {opacity: 'none', duration:1} }).tabs({event: 'mouseover'}).tabs('rotate', 3000);
    });
});
</script>

<div class="block">

<div class="cms_widget_content widget_content">
                  <div id="featured" class="cmsfcs_{vb:raw id}">

{vb:raw output}
</div>
</div>
</div>
</vb:if>

i don't have widescreen monitor right now.. (waiting for my laptop to come from dell)
but i think above code should fix it.

Taurus1 08-28-2011 06:44 AM
1 Attachment(s)
Thanks, that only works partially. The main part is centered but if you look on screenshot the small thumbnails and the part with the title in is still at the left.

Attachment 132436

Badshah93 08-28-2011 06:59 AM
okk

try this code

Code:
<vb:if condition="$output">
<style type="text/css">
.cmsfcs_{vb:raw id} {
        position:relative;
        height:290px;
        width:{vb:raw width}px;
        margin:0 auto;
        }
.cmsfcs_{vb:raw id} ul.ui-tabs-nav{
        position:absolute;
        top:0;
        left:1px;
        list-style:none;
        padding:0;
        margin-top:2px;
        width:76px;
}
.cmsfcs_{vb:raw id} ul.ui-tabs-nav li{
        font-size:12px;
        color:#666;
        margin-left:2px;
        margin-top:3px;
        }

.cmsfcs_{vb:raw id} ul.ui-tabs-nav li span{
        font-size:11px; font-family:Verdana;
        line-height:14px;
}
.cmsfcs_{vb:raw id} li.ui-tabs-nav-item a{
        display:block;
        height:55px;
        color:#333; 
        line-height:12px;
}

.cmsfcs_{vb:raw id} ul.ui-tabs-nav li img {
        float:left; 
        }

.cmsfcs_{vb:raw id} ul.ui-tabs-nav li.ui-tabs-selected img {
 border:3px solid #FF7400;     
}


.cmsfcs_{vb:raw id} .ui-tabs-panel{
        width:{vb:raw width}px;
        height:290px;
       
}

.cmsfcs_{vb:raw id} .ui-tabs-panel img {
        width:{vb:raw width}px;
        height:290px;
       
        }

.cmsfcs_{vb:raw id} .ui-tabs-panel .info{
        position:absolute;
        top:220px;
        left:85px;
        height:70px;
        width:{vb:math {vb:raw width}-85}px;
        opacity: .75;
        background: black;
        margin: 0 auto;
}
.cmsfcs_{vb:raw id} .info h2{
        font-size: 20px; font-family:Georgia, serif;
        color:#fff; padding:5px; margin:0 5px;
        overflow:hidden;
}
.cmsfcs_{vb:raw id} .info p{
        margin:0 10px;
        font-family:Verdana; font-size:11px;
        line-height:14px; color:#f0f0f0;
}
.cmsfcs_{vb:raw id} .info a{
        text-decoration:none;
        color:#fff;
}
.cmsfcs_{vb:raw id} .info a:hover{
        text-decoration:underline;
}
.cmsfcs_{vb:raw id} .ui-tabs-hide{
        display:none;
}
</style>


<script type="text/javascript">
$(document).ready(function(){
$(".cmsfcs_{vb:raw id}").tabs({ fx: {opacity: 'toggle', duration:1} }).tabs({event: 'mouseover'}).tabs('rotate', 3000, true);

$('.cmsfcs_{vb:raw id}').mouseover(function(){
        $(this).tabs('rotate', 0, false);
    });
    $('.cmsfcs_{vb:raw id}').mouseout(function(){
        $(this).tabs({ fx: {opacity: 'none', duration:1} }).tabs({event: 'mouseover'}).tabs('rotate', 3000);
    });
});
</script>

<div class="block">

<div class="cms_widget_content widget_content">
                  <div id="featured" class="cmsfcs_{vb:raw id}">
{vb:raw output}

</div>
</div>
</div>
</vb:if>

Taurus1 08-28-2011 07:29 AM
Perfect! Thank you very much for all the effort!

Badshah93 08-28-2011 07:44 AM
Quote:
Originally Posted by mitch84 (Post 2239030)
after upgrade number to 2.3 version don't change, stay on 2.2
i forgot to change version number in xml file..

Uploded New XML with correct version number.

doctorsexy 08-28-2011 08:51 AM
Woowhoow! working installed...thanks

mmorpgwelt 08-28-2011 01:51 PM
Genius, finally a good and easy to install slider ^^

sick adam 08-28-2011 03:30 PM
Ok, so when I replace the widget template with that code, it makes my webpage not load up.... could you be a little more specific? Do we delete a section of the code and replace it? This is an awesome slider btw, just REALLY want it centered :)


All times are GMT. The time now is 09:18 PM.
Page 11 of 42 « First 910 11 121321 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.01453 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
  • (2)bbcode_code_printable
  • (2)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (1)pagenav_pagelinkrel
  • (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