Page 2 of 2 FirstFirst 12
Results 21 to 34 of 34

Thread: Make vba modules look like vb widgets

  1. #21
    Join Date
    Feb 2008
    Posts
    296

    Default

    Update...I have recently found that the code used in Step 3 doesn't pass W3 Standards validation so I have updated the code in Step 3 so it does pass...a very minor correction was needed.

    Sorry about that...
    Last edited by ibaker; 12-03-2010 at 08:18 PM.

  2. #22
    Join Date
    Oct 2004
    Location
    NJ
    Posts
    96

    Default

    looks great in firefox. Can't see the changes in IE though.

  3. #23
    Join Date
    Feb 2008
    Posts
    296

    Default

    Quote Originally Posted by Morrow View Post
    looks great in firefox. Can't see the changes in IE though.
    The only difference between FF and IE is IE can't display rounded corners.

    FF and IE should look the same except IE are square boxes.

    This is what it looks like in IE8 using vb 4.1.1 and CMPS 4.1.0 - the Widget look is in the left column and the other modules use the CMPS standard look:
    Attachment 6186
    Last edited by ibaker; 02-08-2011 at 09:28 PM.

  4. #24
    Join Date
    Apr 2004
    Posts
    25

    Default

    This is useful indeed.

    Using this I have "disguised" my vBa to look a bit like the vB CMS.

    http://www.bowlandcentral.com/forum/cmps_index.php

  5. #25
    Join Date
    Dec 2005
    Posts
    3

    Default

    stupid question, but where to put the additional.css lines?!
    i do not have additional.css in my style :-/

  6. #26
    Join Date
    Jan 2006
    Location
    Boston, MA
    Posts
    37

    Default

    additional.css is a vb4 template.

  7. #27

    Default

    How to get the rounded corners in the module boxes in Explorer 9? They show in the rest of the forum.

  8. #28
    Join Date
    Apr 2010
    Posts
    20

    Default

    Hi guys!

    Hi recently implemented this style to my vbadvanced main page, with success, but I would like to extend the same style to the rest of the forum blocks (forum headers, redirecting messages, advices, etc).

    Anyone knows what CSS exactly needs to be modified to accomplish this?

    Thanx a lot.

    www.usuyusu.es - Users helping users (in spanish)

  9. #29
    Join Date
    Apr 2010
    Posts
    20

    Default

    Quote Originally Posted by Destron View Post
    How to get the rounded corners in the module boxes in Explorer 9? They show in the rest of the forum.
    Read:

    http://www.vbadvanced.com/forum/show...8&postcount=23

    www.usuyusu.es - Users helping users (in spanish)

  10. #30

    Smile

    Quote Originally Posted by Destron View Post
    How to get the rounded corners in the module boxes in Explorer 9? They show in the rest of the forum.
    Hi,

    add the following to your additional.css template

    PHP Code:
    /* VBA CMPS WIDGETS */

    .vba_widget 
        
    _padding:0;
        
    overflowhidden;
        
    display:block;
        
    width100%;
        
    clear:both;
        
    background-color:{vb:stylevar sidebar_background.backgroundColor};
        
    border:{vb:stylevar sidebar_border};
        -
    moz-border-radius:{vb:stylevar border_radius};
        -
    webkit-border-radius: {vb:stylevar border_radius};
        
    border-radius: {vb:stylevar border_radius};
    <
    vb:if condition="$stylevar['textdirection'] == 'rtl'">
        -
    moz-box-shadow2px 2px 2px {vb:stylevar shadow_color};
        -
    webkit-box-shadow2px 2px 2px {vb:stylevar shadow_color};
        
    box-shadow2px 2px 2px {vb:stylevar shadow_color};
    <
    vb:else />
        -
    moz-box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
        -
    webkit-box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
        
    box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
    </
    vb:if>
    }

    .
    vba_block {
        
    _margin-bottom:4px;
        
    padding:{vb:stylevar vbcms_widget_block_padding};
        
    background:transparent {vb:stylevar sidebar_background.backgroundImage} {vb:stylevar sidebar_background.backgroundRepeat} {vb:stylevar sidebar_background.backgroundPositionX}{vb:stylevar sidebar_background.backgroundPositionUnits} {vb:stylevar sidebar_background.backgroundPositionY}{vb:stylevar sidebar_background.backgroundPositionUnits};
        -
    moz-border-radius-top{vb:stylevar left}:{vb:stylevar border_radius};
        -
    moz-border-radius-top{vb:stylevar right}:{vb:stylevar border_radius};
        -
    webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
        -
    webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
        
    border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
        
    border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
    }

    .
    vba_widget_header h3 {
        
    color: {vb:stylevar sidebar_header_color};
        
    background:transparent none;
        
    padding: {vb:stylevar vbcms_widget_header_padding};
        
    border:none;
        
    outline:none;
        
    font-size:{vb:stylevar sidebar_header_fontSize};
        
    font-weightbold;
    }

    .
    vba_widget_content {
        
    color: {vb:stylevar sidebar_content_color};
        -
    moz-border-radius:{vb:stylevar border_radius};
        -
    webkit-border-radius: {vb:stylevar border_radius};
        
    border-radius: {vb:stylevar border_radius};
        
    background:{vb:stylevar sidebar_content_background};
        
    border:{vb:stylevar sidebar_content_border};
        
    _background-imagenone;
        
    padding:{vb:stylevar sidebar_content_padding};

    http://www.autofan.ch vehicles forums in German

  11. #31
    Join Date
    Apr 2011
    Location
    UK
    Posts
    6

  12. #32
    Join Date
    Jul 2004
    Posts
    132

    Default

    Is there a version for v3?

  13. #33
    Join Date
    Aug 2012
    Posts
    2

    Default

    This worked great for me! www.maddenlegends.com

    Brand new to vBulletin as of today and I followed your instructions ok, Thanks!

  14. #34
    Join Date
    Jun 2012
    Posts
    12

    Default

    Nice one , just a little modification and here we go

    http://askalon.ws/cms.php

Page 2 of 2 FirstFirst 12

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. widgets
    By ttnb in forum Module & Modification Discussion & Requests
    Replies: 1
    Last Post: 08-22-2011, 07:25 AM
  2. widgets
    By ozidoggy in forum Modifications
    Replies: 22
    Last Post: 10-01-2010, 03:54 PM
  3. Widgets on vbadvance page
    By wmlvb in forum Module & Modification Discussion & Requests
    Replies: 0
    Last Post: 09-13-2008, 12:00 PM
  4. How can I create module to show these widgets?
    By GentleOceanWind in forum "How Do I..." Questions
    Replies: 3
    Last Post: 04-30-2008, 01:06 PM
  5. weather and fox nfl widgets
    By StuntFactoryX in forum Add-On Modules (version 3.x & 2.x)
    Replies: 13
    Last Post: 12-12-2007, 03:16 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •