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.
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.
Introduction to Themes
Collapse
- Created by: Wayne Luke
- Published: Mon 10 Nov '14, 12:24pm
- 5 comments
-
X
Collapse
-
Tags: None👍 1-
#3TLMD commentedMon 17 Nov '14, 11:31amEditing a commentSame issue here: BBCodes are not parsed for me.http://www.vbulletin.com/forum/filedata/fetch?photoid=4205382
-
#4Wayne Luke commentedMon 17 Nov '14, 2:03pmEditing a commentYeah, I don't understand what is going on here. Everyone has the same exact permissions as they do on the forums and they should parse properly.
-
#5David Grove commentedTue 18 Nov '14, 8:29amEditing a commentThe BBCode parsing problem has now been reported.
Posting comments is disabled. -
About the Author
Collapse
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)
Categories
Collapse
Latest Articles
Collapse
-
by Wayne LukeThis 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....
-
Channel: Styles & Themes
Tue 5 May '15, 7:47am -
-
by Wayne LukeThemes 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....
-
Channel: Styles & Themes
Mon 10 Nov '14, 12:23pm -
-
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...-
Channel: Styles & Themes
Mon 9 Aug '10, 12:35pm -