No announcement yet.

Stylevar Types


  • Stylevar Types

    The following lists show you the type of stylevars and the inputs available to them.

    Simple Stylevars
    Simple stylevars usually have a single option to set. These include strings, numbers, image paths, image names, colors, and others.
    • String - Allows you to specify any string value
    • Numeric - Allows you to specify any numeric value
    • Url - These stylevars require a valid URL
    • Path - Simple relative path here i.e. ./images/
    • Color - Allows any valid CSS color value including named colors, RGB, and Hex Values. Provides a color palette tool.
    • Image Directory - Allows you to specify a directory where images are located. This will be relative to the directory the software is installed in.
    • Image - Allows you to specify a valid image type
    • Font List - Specify a list of fonts in comma delimited format for typography
    • Size - Set the size of elements. Includes a dropdown for the unit type (pt, px, em, etc...)

    Complex Stylevars
    Complex Stylevars have a variety of options usually denoting the complex nature of the setting. These stylevars include backgrounds, fonts, text decoration, dimensions, borders, padding and margins.
    • Background - Specify the different attributes of a background. This includes image url, color, horizontal/vertical offsets and repeat values.
    • Font - Specify the font for elements. Includes font family, size, weight, and transformation.
    • Text Decoration - Specify the text decoration of an element, e.g. underline, strike-through, overline.
    • Dimension - Sets the dimension of an element. Both horizontal and vertical be set.
    • Border - Sets the border of an element including left, right, top, bottom, width, variation and color.
    • Padding - Sets the padding around the contents of a block element.
    • Margin - Sets the margins of a block element. Note: To automatically center the contents of an element horizontally, set the values for the left and right margins to auto.
      Posting comments is disabled.

    About the Author


    Wayne Luke A curious juxtaposition of nature, technology and sustainability. Find out more about Wayne Luke

    Article Tags


    advanced (5) album bits (1) android (2) api (29) array (17) beginner (17) blog (4) calendar (2) cms (2) Custom (1) forum (3) forums (4) Intermediate (7) iphone (3) Logo (1) mapi (30) methods (10) mobile (34) sections (1) security (2) style (2) tags (1) threads (4) vb5howto (5) vBulletin (5)

    Latest Articles


    • doc Stylevars
      by Wayne Luke
      The doc_ stylevars allow you to set up the basic format of your vBulletin style and determine how the basic page is set up in the browser. These stylevars are located in the Common stylevar group. ...
      Wed 17th Aug '11, 2:09pm
    • footer Stylevars
      by Wayne Luke
      <style> #stylevar_ref { font-family: sans-serif; } #stylevar_ref p { margin-bottom: 12px; } #stylevar_ref a { color: #417394; } #stylevar_ref
      Wed 17th Aug '11, 12:30pm
    • imagepath Stylevars
      by Wayne Luke
      These stylevars tell the vBulletin system where to find the images it needs. In the default style these are located in the images directory but you can point them to custom directories for your own styles. Any image not found will return an error to your browser....
      Wed 17th Aug '11, 12:18pm
    • navbar Stylevars
      by Wayne Luke
      The navbar template provides the basis of your primary navigation throughout your vBulletin community. From here, your users will be able to access all areas of your community. This article discusses the stylevars used to customize this template. ...
      Wed 17th Aug '11, 9:54am
    • header Stylevars
      by Wayne Luke
      The header appears at the top of most pages within your vBulletin community. We will outline the stylevars that affect the header template and the items it contains. You will learn how to change your logo, the attributes of the toplink controls in the upper right corner and the basics of the header template. ...
      Wed 17th Aug '11, 9:48am
    • Stylevar Types
      by Wayne Luke
      The following lists show you the type of stylevars and the inputs available to them. ...
      Fri 17th Jun '11, 1:48pm