vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)
-   -   vBulletin CMS Widgets - Make vBadvance Widget look like vBulletin CMS (https://vborg.vbsupport.ru/showthread.php?t=245927)

xxEarluxx 07-04-2010 10:00 PM
Make vBadvance Widget look like vBulletin CMS
 
1 Attachment(s)
This mod will alter the default look of your vBadvanced Widget and give it a similar look to that of your vBulletin CMS . All colors can be customized trough the CSS code given.
This is my fist mod ,so please feel free to improve upon the code if you wish and give your input:) .

Support Forums:
http://www.skinion.net/

INSTRUCTIONS

1. Edit template the "adv_portal_module_wrapper" located within your vBadvanced CMPS templates


2. Replace all with the following code:
Code:
{vb:raw mods.formcode}
<div class="adv_portal_widget">
<div class="adv_portal_widget_block">     
    <div class="collapse"  {vb:raw vba_style.portal_vspace}px;">
    <h2>
        <strong>{vb:raw vba_style.portal_blockbullet} <vb:if condition="$mods['link']"><a href="{vb:raw mods.link}">{vb:raw mods.title}</a><vb:else /> {vb:raw mods.title}  </vb:if></strong >
    <vb:if condition="$vba_style['portal_collapsemods']">
            <a class="collapse" id="collapse_module{vb:raw mods.collapse}" href="{vb:raw relpath}#top" style="top: 0px ;right: 2px "><img src="{vb:stylevar imgdir_button}/collapse{vb:raw mods.collapseimg}.png" alt="" /></a>
        </vb:if>
    </h2>
    <div class="adv_portal_widget_content" id="module{vb:raw mods.collapse}"<vb:if condition="($mods['useshell'] & $vba_shellint['collapse'])"> style="display: none"</vb:if>>
        <vb:if condition="$show['table']">
            <table align="center" border="0" cellpadding="0" cellspacing="0" class="blockbody" width="100%">
                {vb:raw modulehtml}
            </table>
        <vb:elseif condition="$mods['inctype'] == 'bb_code'" />
            <blockquote class="postcontent restore">
                <div class="bbcode_container">
                    {vb:raw modulehtml}
                </div>
            </blockquote>
        <vb:elseif condition="$show['divrow']" />
            <div class="blockrow">
                {vb:raw modulehtml}
            </div>
        <vb:else />
            {vb:raw modulehtml}
        </vb:if>
    </div>

</div>
</div>
</div>

<vb:if condition="$show['endform']"></form></vb:if>


3. Edit template the "additional.css" located in your "CSS Templates" and paste the following code:
Code:
/* VBADVANCED WIDGETS -START */
.adv_portal_widget {
        _padding:0;
        overflow: hidden;
        display:block;
        width: 100%;
        clear:both;
        background-color:#f1f1f1;
        border:1px solid #C4C4C4;
        -moz-border-radius:5px;
        -webkit-border-radius: 5px;
        -moz-box-shadow:-2px 2px 2px #C8C8C8;
margin-bottom:10px;
font:  bold 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
color: #000000;       
}
.adv_portal_widget a:hover {color:#417394;}
.adv_portal_widget a {color:#417394; }
.adv_portal_widget_block {
        _margin-bottom:6px;
        padding:6px;
        background:transparent url(images/misc/blog/top-highlight.png) repeat-x left top;
        -moz-border-radius-topleft:5px;
        -moz-border-radius-topright:5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
padding-top:6;
}
.adv_portal_widget_content {
        color: #424242;
        border:1px solid #DADADA;
        border-top:1px solid #FFFFFF;
        -moz-border-radius:5px;
        -webkit-border-radius: 5px;
        background:#FFFFFF url(images/misc/blog/gradient-black-down.png) repeat-x 0 0;
        _background-image: none;
        padding:10px 6px 10px 6px;
font:  13px Tahoma,Calibri,Verdana,Geneva,sans-serif;

}
/* VBADVANCED WIDGETS -END */


PREVIEWS
-----------------------------------------------------------------
http://img208.imageshack.us/img208/2852/wegit.jpg
-----------------------------------------------------------------

DOWNLOADABLE VERSION

ALBCODERS 07-05-2010 03:37 PM
Great ! Thanks .

Daniel_HBK 07-05-2010 07:48 PM
WoW !! very nice , thanks ,
5 stars + Installed

Daniel_HBK 07-05-2010 07:52 PM
uninstalled , please fix it ,

before :- http://img819.imageshack.us/img819/5061/beforeb.jpg

After :- http://img819.imageshack.us/img819/5797/13383029.jpg

lost fonts colors & headlines back ground

xxEarluxx 07-05-2010 09:46 PM
Quote:
Originally Posted by Daniel_HBK (Post 2064957)
uninstalled , please fix it ,

before :- http://img819.imageshack.us/img819/5061/beforeb.jpg

After :- http://img819.imageshack.us/img819/5797/13383029.jpg

lost fonts colors & headlines back ground
All colors will have to be manually edited in the codes giving here:
Code:
/* VBADVANCED WIDGETS -START */
.adv_portal_widget {
        _padding:0;
        overflow: hidden;
        display:block;
        width: 100%;
        clear:both;
        background-color:#f1f1f1;
        border:1px solid #C4C4C4;
        -moz-border-radius:5px;
        -webkit-border-radius: 5px;
        -moz-box-shadow:-2px 2px 2px #C8C8C8;
margin-bottom:10px;
font:  bold 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
color: #000000;       
}
.adv_portal_widget a:hover {color:#417394;}
.adv_portal_widget a {color:#417394; }
.adv_portal_widget_block {
        _margin-bottom:6px;
        padding:6px;
        background:transparent url(images/misc/blog/top-highlight.png) repeat-x left top;
        -moz-border-radius-topleft:5px;
        -moz-border-radius-topright:5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
padding-top:6;
}
.adv_portal_widget_content {
        color: #424242;
        border:1px solid #DADADA;
        border-top:1px solid #FFFFFF;
        -moz-border-radius:5px;
        -webkit-border-radius: 5px;
        background:#FFFFFF url(images/misc/blog/gradient-black-down.png) repeat-x 0 0;
        _background-image: none;
        padding:10px 6px 10px 6px;
font:  13px Tahoma,Calibri,Verdana,Geneva,sans-serif;

}
/* VBADVANCED WIDGETS -END */
I'm working on next version which should fix the problem of having to edit manually :)

Webrunner 01-11-2011 12:55 PM
does this work with vba dynamics?

Alfa1 01-11-2011 05:48 PM
I'd really love a vb3.8 version.

Da-Vinci 02-04-2011 05:35 PM
Looks like this may be slightly outdated with the new version of VBA released in January.

Teascu Dorin 02-07-2011 01:12 AM
This could be made to work with any style not only the default, I believe...

digitaldome 02-22-2011 05:32 AM
how to make block title in bold type and make it center like vb block. thanks

Juggernaut 04-21-2011 12:07 AM
How to make the modules have rounded corners in Explorer 9?
Edit: Nevermind, got it.

zonaenlinea 05-05-2011 12:38 AM
wow very good

zascok 08-04-2012 01:34 PM
works like a charm only the images address

images/gradients

and

Code:
-moz-box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};
        -webkit-box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};
        box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};
Cheerz fot this!!!

xxEarluxx 08-06-2012 04:33 PM
Thanks , will try to fix when I get a break :)

zascok 08-09-2012 10:16 AM
one more for colapsi on 4.2 :)

Code:
<img src="{vb:stylevar imgdir_button}/collapse{vb:raw vbcollapse.collapseimg_info_options}_40b.png" alt="" />


All times are GMT. The time now is 03:48 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.01008 seconds
  • Memory Usage 1,762KB
  • 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
  • (1)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (15)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
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete