Vbb Cms Style Var Visual Dictionary

  • 2,009 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
2,009
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
53
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1.   vB4: CMS StyleVars  a visual dictionary identifying key StyleVars and what  they control    12/02/2009
 Internet
Brands
 Fei
Leung
 
 

  • 2. vB4:
CMS
StyleVar
Dictionary
 2009
 
 Contents  Introduction ............................................................................................................................ 4
 General ................................................................................................................................... 5
 vbcms_content_separator.......................................................................................................................................7
 vbcms_error_color .....................................................................................Error! Bookmark not defined.
 vbcms_wysiwyg_table_borderColor...................................................................................................................7
 vbcms_wysiwyg_table_borderSize......................................................................................................................7
 Navigation
Widgets ................................................................................................................. 8
 vbcms_navwidget_header_background............................................................................................................8
 vbcms_navwidget_header_color ..........................................................................................................................8
 vbcms_navwidget_header_font ............................................................................................................................8
 vbcms_navwidget_header_padding....................................................................................................................8
 vbcms_navwidget_margin ......................................................................................................................................9
 vbcms_navwidget_menuitem_background .....................................................................................................9
 vbcms_navwidget_menuitem_bevel...................................................................................................................9
 vbcms_navwidget_menuitem_border................................................................................................................9
 vbcms_navwidget_menuitem_color ................................................................................................................10
 vbcms_navwidget_menuitem_font...................................................................................................................10
 vbcms_navwidget_menuitem_hover_background ....................................................................................10
 vbcms_navwidget_menuitem_hover_bevel..................................................................................................10
 vbcms_navwidget_menuitem_hover_border...............................................................................................10
 vbcms_navwidget_menuitem_hover_color ..................................................................................................10
 General
Widget ......................................................................................................................11
 vbcms_widget_avatar_maxwidth......................................................................................................................11
 vbcms_widget_block_background....................................................................................................................12
 vbcms_widget_block_padding............................................................................................................................12
 vbcms_widget_border ...........................................................................................................................................13
 vbcms_widget_color ...............................................................................................................................................13
 vbcms_widget_comment_lines ..........................................................................................................................13
 vbcms_widget_content_background ...............................................................................................................14
 vbcms_widget_content_bevel.............................................................................................................................14
 vbcms_widget_content_border..........................................................................................................................14
 vbcms_widget_content_padding .......................................................................................................................14
 vbcms_widget_header_font.................................................................................................................................15
 vbcms_widget_header_padding ........................................................................................................................15
 
 2
 

  • 3. vB4:
CMS
StyleVar
Dictionary
 2009
 
 vbcms_widget_lighter_color ..................................................................Error! Bookmark not defined.
 vbcms_widget_margin...........................................................................................................................................15
 vbcms_widget_postbit_border...........................................................................................................................16
 vbcms_widget_postbit_fontSize ........................................................................................................................16
 vbcms_widget_postbit_header_font ................................................................................................................16
 vbcms_widget_shadow_color.............................................................................................................................16
 Article ....................................................................................................................................17
 vbcms_article_font ..................................................................................................................................................17
 vbcms_article_header_color................................................................................................................................17
 vbcms_article_header_font..................................................................................................................................17
 vbcms_article_image_caption_color ................................................................................................................17
 vbcms_article_image_caption_font ..................................................................................................................17
 vbcms_article_image_large_maxSize..................................................Error! Bookmark not defined.
 vbcms_article_image_medium_maxSize ...........................................Error! Bookmark not defined.
 vbcms_article_image_thumbnail_maxSize....................................................................................................18
 vbcms_article_mid_fontSize...................................................................Error! Bookmark not defined.
 vbcms_article_small_fontSize................................................................Error! Bookmark not defined.
 vbcms_article_subheader_font .............................................................Error! Bookmark not defined.
 Preview
of
Article .................................................................................................................... 6
 vbcms_article_preview_header_font ..................................................................................................................6
 vbcms_article_preview_image_border ..............................................................................................................6
 vbcms_article_preview_image_margin .............................................................................................................6
 vbcms_article_preview_image_maxSize ...........................................................................................................6
 vbcms_article_preview_image_outline..............................................Error! Bookmark not defined.
 vbcms_article_preview_object_size ....................................................Error! Bookmark not defined.
 Editor ............................................................................................Error!
Bookmark
not
defined.
 vbcms_editor_border................................................................................Error! Bookmark not defined.
 vbcms_editor_small_fontSize ................................................................Error! Bookmark not defined.
 vbcms_editor_tiny_fontSize ...................................................................Error! Bookmark not defined.
 Header .................................................................................................................................... 5
 vbcms_header_borderBottom ..............................................................................................................................5
 vbcms_header_borderTop......................................................................................................................................5
 vbcms_header_color..................................................................................................................................................5
 vbcms_header_font....................................................................................................................................................5
 vbcms_header_margin .............................................................................................................................................5
 vbcms_header_padding ...........................................................................................................................................5
 
 3
 

  • 4. vB4:
CMS
StyleVar
Dictionary
 2009
 
 Introduction  Stylevars
are
used
as
a
quick
and
easy
means
to
change
the
appearance
of
your
 vBulletin
suite.
They
control
the
looks
and
appearance
of
fonts,
backgrounds
and
tables.

 
 4
 

  • 5. vB4:
CMS
StyleVar
Dictionary
 2009
 
 Header    vbcms_header_borderBottom  
 The
vbcms_header_borderBottom
stylevar
controls
the
color
and
width
of
the
bottom
 border
of
the
header.
 vbcms_header_borderTop  
 The
vbcms_header_borderTop
stylevar
controls
the
color
and
width
of
the
top
border
 of
the
header.
 vbcms_header_color  
 The
vbcms_header_color
stylevar
controls
the
font
color
of
the
header.
 vbcms_header_font  
 The
vbcms_header_font
stylevar
controls
the
font
size
and
style
of
the
header.
 vbcms_header_margin  
 The
vbcms_header_margin
stylevar
controls
the
width
of
the
margins
surrounding
the
 header.
 vbcms_header_padding  
 The
vbcms_header_padding
stylevar
controls
the
amoung
of
padding
between
the
 header.
 
 5
 

  • 6. vB4:
CMS
StyleVar
Dictionary
 2009
 
 Preview of Article  
 
 vbcms_article_preview_header_font  
 The
vbcms_article_preview_header_font
stylevar
controls
the
font
size
and
style
of
the
 article
preview.
 vbcms_article_preview_image_border  
 The
vbcms_article_image_border
stylevar
controls
the
width
and
color
of
the
image
 border.
 vbcms_article_preview_image_margin  
 The
vbcms_article_image_margin
stylevar
controls
the
width
of
the
margin
between
an
 image
and
its
surrounding
text.
 vbcms_article_preview_image_maxSize  
 The
vbcms_article_image_maxSize
stylevar
controls
the
maximum
size
of
an
image
in
 the
article
preview. 
 6
 

  • 7. vB4:
CMS
StyleVar
Dictionary
 2009
 
 General
 General StyleVars covers anything that the other CMS styleVars don’t specifically  address.  vbcms_content_separator  
 The
vbcms_content_separator
stylevar
   vbcms_wysiwyg_table_borderColor  
 The
vbcms_wysiwyg_table_borderColor
stylevar
controls
the
color
of
the
border
 around
the
wysiwyg
box.

 vbcms_wysiwyg_table_borderSize  
 The
vbcms_wysiwyg_table_borderSize
stylevar
controls
the
size
of
the
border
around
 the
wysiwyg
box.
   
 7
 

  • 8. vB4:
CMS
StyleVar
Dictionary
 2009
 
 Navigation Widgets    Navigation widgets are widgets that allow a user to navigate the CMS suite. This  includes both section and category navigation. Each Navigation Widget contains three parts, the  header, the menu item, and the hovered over menu item. With StyleVars, you can change the  appearance of the font size, font color, border color, border size and even the background.     
   vbcms_navwidget_header_background  
 The
vbcms_navwidget_header_background
stylevar
controls
the
background
color
or
 image
for
the
header.
 vbcms_navwidget_header_color  
 The
vbcms_navwidget_header_color
stylevar
controls
the
font
color
of
the
header
 vbcms_navwidget_header_font  
 The
vbcms_navwidget_header_font
stylevar
controls
the
font
style
and
font
size
of
the
 header.
 vbcms_navwidget_header_padding  
 The
vbcms_navwidget_header_padding
stylevar
controls
the
amount
of
padding
and
 space
around
the
header.
 
 8
 

  • 9. vB4:
CMS
StyleVar
Dictionary
 2009
 
 
 vbcms_navwidget_margin  
 The
vbcms_navwidget_margin
stylevar
controls
the
amount
of
space
between
a
 navigation
widget
and
the
other
elements
on
the
page.
 
   vbcms_navwidget_menuitem_background  
 The
vbcms_navwidget_menuitem_background
stylevar
controls
the
background
image
 and
color
of
the
menu
item.
 vbcms_navwidget_menuitem_bevel  
 The
vbcms_navwidget_menuitem_bevel
stylevar
controls
the
beveling
around
the
 menu
item.
 vbcms_navwidget_menuitem_border  
 The
vbcms_navwidget_menuitem_border
stylevar
controls
the
color
and
thickness
of
 the
border
around
a
menu
item.
 
 9
 

  • 10. vB4:
CMS
StyleVar
Dictionary
 2009
 
 vbcms_navwidget_menuitem_color  
 The
vbcms_navwdiget_menuitem_color
stylevar
controls
the
font
color
of
the
link
in
 the
menu
item.
 vbcms_navwidget_menuitem_font  
 The
vbcms_navwidget_menuitem_font
stylevar
controlts
the
font
size
and
font
style
of
 a
menut
item.
 
 
 vbcms_navwidget_menuitem_hover_background  
 The
vbcms_navwidget_menuitem_hover_background
stylevar
controls
the
background
 image
and
color
of
the
menu
item
when
a
user
hovers
over
it.
 vbcms_navwidget_menuitem_hover_bevel  
 The
vbcms_navwidget_menuitem_hover_bevel
stylevar
controls
the
beveling
around
a
 menu
item
that’s
being
hovered
over.
 vbcms_navwidget_menuitem_hover_border  
 The
vbcms_navwidget_menuitem_hover_border
stylevar
controls
the
border
width
 and
color
around
a
menu
item
that’s
being
hovered
over.
 vbcms_navwidget_menuitem_hover_color  
 The
vbcms_navwidget_menuitem_hover_color
stylevar
controls
the
font
color
for
a
 menu
item
that’s
being
hovered
over.
 
 
 10
 

  • 11. vB4:
CMS
StyleVar
Dictionary
 2009
 
 General Widget    General Widget StyleVars controls the appearance of all widgets that aren’t navigation  widgets. They usually consist of four portions: the header, the content section and the post bit  (each indivdiual entry within the content) and the block which is everything that isn’t the other  three.      vbcms_widget_avatar_maxwidth  
 The
vbcms_widget_avatar_maxwidth
stylevar
controls
the
maximum
width
of
any
 avatar
that
appears
in
a
widget.
 
 11
 

  • 12. vB4:
CMS
StyleVar
Dictionary
 2009
 
   vbcms_widget_block_background  
 The
vbcms_widget_block_background
stylevar
controls
the
background
color
and
 image
of
the
area
containing
the
header
but
not
including
the
content.

 vbcms_widget_block_padding  
 The
vbcms_widget_block_padding
stylevar
controls
the
padding
between
the
content
 and
the
overall
border
of
the
widget.
 
 12
 

  • 13. vB4:
CMS
StyleVar
Dictionary
 2009
 
   vbcms_widget_border  
 The
vbcms_widget_border
stylevar
controls
the
border
color
and
width
of
the
widget.
 vbcms_widget_color  
 The
vbcms_widget_color
stylevar
controls
the
color
of
the
font’s
header.

   vbcms_widget_comment_lines  
 The
vbcms_widget_comment_lines
stylevar
controls
the
number
of
lines
a
comment
 takes
up
in
a
widget.
 
 13
 

  • 14. vB4:
CMS
StyleVar
Dictionary
 2009
 
   vbcms_widget_content_background  
 The
vbcms_widget_content_background
stylevar
controls
the
background
color
or
 image
of
a
widget’s
content
section.
 vbcms_widget_content_bevel  
 The
vbcms_widget_content_bevel
stylevar
controls
the
bevelling
around
the
content
 section
of
a
widget.
 vbcms_widget_content_border  
 The
vbcms_wdiget_content_border
stylevar
controls
the
width
and
color
of
the
border
 around
the
content
section
of
a
widget.
 vbcms_widget_content_padding  
 The
vbcms_widget_content_padding
stylevar
controls
the
width
of
padding
between
a
 content
sectioini
and
the
widget’s
outer
border.
 
 
 14
 

  • 15. vB4:
CMS
StyleVar
Dictionary
 2009
 
   vbcms_widget_header_font  
 The
vbcms_widget_header_font
stylevar
controls
the
font
size
and
style
of
the
widget
 header.
 vbcms_widget_header_padding  
 The
vbcms_widget_header_padding
stylevar
controls
the
amoung
of
padding
between
 a
header
and
the
content
section
of
a
widget.
   vbcms_widget_margin  
 The
vbcms_widget_margin
stylevar
controls
the
amoung
of
spacing
between
a
widget
 and
its
surrounding
elements.
 
 15
 

  • 16. vB4:
CMS
StyleVar
Dictionary
 2009
 
 
 vbcms_widget_postbit_border  
 The
vbcms_widget_postbit_border
stylevar
controls
the
border
around
the
individual
 elements
within
a
content
list.
 vbcms_widget_postbit_fontSize  
 The
vbcms_widget_postbit_fontSize
stylevar
controls
the
font
size
of
the
indivdiual
 elements
within
a
content
list.
 vbcms_widget_postbit_header_font  
 The
vbcms_widget_postbit_header_font
stylevar
controls
the
font
size
and
style
of
the
 header
of
the
individual
elements
wihtin
a
content
list.
 vbcms_widget_shadow_color  
 The
vbcms_widget_shadow_color
stylevar
controls
the
color
of
the
widgets
 dropshadow.

   
 16
 

  • 17. vB4:
CMS
StyleVar
Dictionary
 2009
 
 Article  
 
 vbcms_article_font  
 The
vbcms_article_font
stylevar
controls
the
font
size
and
style
of
an
article
view.
 vbcms_article_header_color  
 The
vbcms_article_header_color
stylevar
controls
the
font
color
of
an
article’s
header.
 vbcms_article_header_font  
 The
vbcms_article_header_font
stylevar
controls
the
font
size
and
style
of
an
article’s
 header.
 vbcms_article_image_caption_color  
 The
vbcms_article_image_caption_color
stylevar
controls
the
font
color
of
a
picture’s
 caption
text.
 vbcms_article_image_caption_font   
 The
vbcms_article_font
stylevar
controls
the
font
sizeand
style
of
an
image
caption.
 
 17
 

  • 18. vB4:
CMS
StyleVar
Dictionary
 2009
 
 vbcms_article_image_thumbnail_maxSize  
 The
vbcms_article_image_thumbnail_maxSize
stylevar
controls
the
maximum
size
of
 an
image
thumbnail
in
an
article.
 
 
 18