Introduction to Themes

Collapse
X
Collapse
  •  

  • Introduction to Themes

    Themes are styles designed to be easier to maintain over time. Themes typically change a few elements to achieve a new look and feel. These elements include background images, fonts and colors and are typically handled by style variable changes without changing templates. The theme system allows us to offer multiple styles to customers out of the box. This is especially helpful for Cloud customers as they cannot upload additional Styles at this time.

    Selecting a Theme
    You can select a theme for your site in two different places at this time. The first is within Site Builder's Style Tab. You can choose the theme your site uses here. Each theme will show an icon and a screenshot when you select it. This allows you to choose a Theme that suits your site better.
    image_63819.png




    The second way to select a theme is through the AdminCP. You can go to Settings -> Options -> Styles & Languages to set the default style or theme your system will use.

    Creating Themes
    If you're a style developer you can create your own themes for distribution. To do this, you have to put your site into debug mode. Then add a new style. You'll get fields to add a theme icon and a theme screenshot. When you export your theme, these will be included in the XML file as a base64 representation of the image.

    Importing Themes
    Currently themes are imported during the upgrade process. However if you have a third-party theme, you can import it in the AdminCP like any other style

    Editing Themes
    One of the benefits of themes are their quick distribution model as such, editing features have been disabled for them. This allows the theme developer to retain control and make sure upgrades work on future versions without template or CSS conflicts. However if you create a Child Style of a theme, you can edit your theme in that style without issues.
    Last edited by Mark.B; Mon 10 Nov '14, 2:08pm. Reason: Typo
    Posting comments is disabled.

About the Author

Collapse

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

Article Tags

Collapse

administration (1) beginner (3) calendar (1) cloud (1) Custom (1) database (2) Google (1) how-to (2) howto (1) how to (1) https (1) Intermediate (4) MYSQL (2) performance (2) recovery tools (1) security (2) seo (1) server information (1) sftp (1) ssl (1) style (1) tls (1) tutorial (4) vb5howto (5) vbcloud (1)

Latest Articles

Collapse

  • Creating a Custom Style with vBulletin 5 Connect.
    by Wayne Luke
    This tutorial will walk you through the steps of creating your custom style for a vBulletin 5 Connect site using Style Variables. The tutorial assumes that you have already uploaded your custom logo using the Quick Setup Tool in Site Builder....
    Tue 5 May '15, 7:47am
  • Introduction to Themes
    by Wayne Luke
    Themes are styles designed to be easier to maintain over time. Themes typically change a few elements to achieve a new look and feel. These elements include background images, fonts and colors and are typically handled by style variable changes without changing templates. The theme system allows us to offer multiple styles to customers out of the box. This is especially helpful for Cloud customers as they cannot upload additional Styles at this time....
    Mon 10 Nov '14, 12:23pm
  • How To Find StyleVars in vB4 Using Firebug
    by Trevor Hannant
    Following on from many queries on how to find a specific StyleVar in vBulletin 4, here's a short video tutorial on how to use the free Firebug add-on for Firefox in conjunction with your AdminCP to find and edit these.



    Note that Internet Explorer and Google Chrome also have toolbars that can provide the information seen in the above video.

    Download links:

    Firefox
    Firebug Add-on...
    Mon 9 Aug '10, 12:35pm
Working...