omnis content2 background Thay đổi hình nền của thanh hiển thị ngày thẳng trên Lich _| content3_background Thay đổi màu sắc_ hiển thị của ngày tháng trên Lịch control_border Thay đổi
Trang 2vBulletin 4:
thư viện trực quan bằng hình ảnh hướng dẫn việc chỉnh sửa
các stylevars
Sau khi làm quen với 10 bước cơ bản để chỉnh sửa giao diện mặc định
Bạn vẫn chưa hài lòng với thành quả mình đã đạt được và muốn khám phá thêm?
Đó là lý do chúng tôi tiếp tục với việc biên dịch và tổng hợp tat cdc style vars
được sử dụng trong phiên bản Vbulletin 4.0
Phần này giúp bạn đi sâu hơn và hiểu kỹ hơn về các thành phần khác có trong
một giao diện của vbulletin
Mẹo nhỏ
Đọc kỹ và thực hành quen thuộc với 10 bước hướng dẫn cơ bản đầu tiên sẽ
giúp bạn hiểu và thực hành phần này nhanh hơn rất nhiều Từng bước một
đó là con đường tốt nhất để hiểu thém vé giao dién Vbulletin 4.0
-trang 01
Trang 3Vietvbb Stylevars Dictionary V)
control_color
control_font control_hover_background
doc_margi doc_maxWidth
doc_minWidth
-trang 02
Trang 4time_coloi
tiny_fontSize,
-trang 03
Trang 5
blockhead_background blockhead_border
Trang 6Vietvbb Stylevars Dictionary V)
Trang 7Vietvbb Stylevars Dictionary V)
Trang 8Vietvbb Stylevars Dictionary V)
forummenu_border forummenu_border_radiu:
forummenu_color forummenu_font
imgdir_cms
imgdir_editor
imgdir_gradients
imgdir_mi imgdir_polls
imgdir_rating
imgdir_reputation
-trang 07
Trang 9Vietvbb Stylevars Dictionary V)
Trang 10Vietvbb Stylevars Dictionary V)
postbit_msg_font postbit_boxed_background
postbit_boxed_border postbit_boxed_fontSize
postbit_boxed_padding postbit_control_background postbit_control_border
postbit_control_color
postbit_control_font
postbit_control_hover_background -trang 09
Trang 11
postbithead_border
postbithead_color postbit_userinfo_background
Trang 12Vietvbb Stylevars Dictionary V)
Cố định chiều rộng cho forum (fixed style)
Style manager/ edit style/ stylevars/
Doc maxWidth : Chiều dài tối đa bạn muốn cho giao diện
Đọc minWidth : Chiều dài tối thiểu cho giao diện Đọc margin : chỉnh tất cả thông số là auto
V6i fixed style: chi can chinh doc_width, doc_maxWWidth sẽ tự động set
-trang 11
Trang 13Vietvbb Stylevars Dictionary V)
leVar Tac Dunk
announcement.background | Tnay đổi chiều dài của thông báo trên toàn bộ diễn đàn
Poll new design test,
new pal design
Trang 14Vietvbb Stylevars Dictionary V)
lên Phi:
" omnis
content2 background Thay đổi hình nền của thanh hiển thị ngày thẳng trên Lich _|
content3_background Thay đổi màu sắc_ hiển thị của ngày tháng trên Lịch
control_border Thay đổi màu viền bao ngoài của các buttons
control_color Thay đổi màu sắc của chữ (tex) trong button
control.font Thay đổi kiểu chữ và dạng chữ ở trong button
control_hover_background Thay đổi màu hiển thị khi di chuột vào (mouse over)
-trang 13
Trang 15Vietvbb Stylevars Dictionary V)
Teens 10200175 (> Pag Loft "
control_content_color Thay đổi màu font chữ của tất cả các buttons
control_content font Thay đổi cỡ và định dạng font cho tất cả các buttons control_content.hover.background | Thay đổi màu của background khi di chuột vào các
buttons
control_content_padding Thay đổi cự lỉ và khoảng cách giữa cdc buttons
‘control_content radius Thay đổi lién quan đến khung 10 ngodi của các
leVar
doc backgroundColor Thay đổi màu của background toan bộ các trang
đọc margin Thay đổi độ đài lề 2 bên của trình duyệt với khung chính của
diễn đàn đọc maxWidth Thay đổi chiều rộng tối đu của forum ban Bao gồm cả CMS
và blog Thông số này tự động set khi bạn đã điền doc width đọc minWidth Thay đổi chiều rộng tối thiểu Forum-+Home+Blog của bạn
đọc width Thay đổi chiều rộng cố định của forum bạn Bao gồm cả CMS
và Blog Phần này rất hữu ích khi bạn muốn làm fixed style
-trang 14
Trang 16Vietvbb Stylevars Dictionary V)
system & specilcstens_¿ vay 8c # vraners- wats
[LD [S522 maniee.Ssbmsmarbanidnienbdtrs] suut edict spec ete emf a7 188
SiyleVar Tac Dun
font Thay đổi định dạng font trên toàn bộ diễn đàn
input_borderColor Thay đổi màu viền bao ngoài của các tất cả khung soạn thao
input padding Thay đổi cự ly của khung soạn thảo với các thành phần khác
như các nút B/1/U và căn lề
-trang 15
Trang 17lightweightbox border Thay đổi chiều rộng, màu sắc và định dạng của khung viền
bao quanh ảnh trong albums
leVar
pagetile.background Tác Dun Thay đổi nền (background) của khung chứa tựa đề (tifle)
pagetitle_ border Thay đổi màu viền bao ngoài của khung chứa tựa đề
pagetitle_color Thay đổi màu font của tựa đề
pagetitle font Thay đổi định dạng ƒont cửa tựa dé
pagetitle, color Thay đổi màu ƒont của link trên tựa dé
pagetitle_linkhover_color- Thay đổi màu ƒont khi dĩ chuột và link (mouse over)
pagetitle_padding Thay đổi cự lỉ của tựa đề với các thành phần khác
-trang 16
Trang 18
Vietvbb Stylevars Dictionary V)
pagination_background Thay đổi màu nền của các nút chuyển trang
pagination_border Thay đổi màu và chiều rộng của viền xung quanh các nút
chuyển trang
Pagination.color Thay déi mau font của các nút chuyển trang
pagination current background | Thøy đổi màu nèn của nút hiển thị trang hiện tại bạn
dang xem (current viewing page)
pagination current border Thay đổi màu và chiều rộng của viền bao ngoài của nút
hiển thị trang hiện tại bạn đang xem
pagination_current_color Thay đổi màu ƒont của nút hiển thị trang bạn đang xem
pagination.font Thay đổi định dạng font links trên các nút chuyển trang
pagination_hover.border các nút chuyển trang khi di chuột vào Thay đổi màu sắc và định đạng của viền bao ngoài của
StyleVar Tác Dụng
-trang 17
Trang 19Vietvbb Stylevars Dictionary V)
Testore Thay đổi màu viền và chiều rộng của table trong bài viết
[restore padding Thay đổi cự li khoảng cách giữa các hàng của table trong
bài viết selected border Thay đổi màu và chiều dài của viền bao quanh một màu
được chọn trong vùng được chọn (?)
shade.color Thay doi mau font cho tat cả các chữ không được định
dạng bởi các stylevars khác shade_deep_color iy đổi màu đậm nhất ciia font cho tat ca cdc chif khong
Ị được định dạng bởi các stylevars khác
shade_mid_color Thay đổi màu trung bình của các font cho tất cả các chữ
không được định dạng bởi các stylevars khác
shadow.color Thay đổi mâu của các bóng đổ không được định đạng bởi
các stylevards khác
‘small_fontSize Thay đổi định dạng font cho cdc dinh dang font “Small”
time_color Thay đổi định dạng font cho các thông số ngày và tháng
tiny_fontSize Thay đổi định dạng font cho các định dạng font “Tiny”
big fontSize Thay đổi định dạng font cho cdc dinh dang font “Big”
ad_post_maxWidth Thay đổi chiều dài tối đa của quảng cáo (ads) khi được
đính kèm trong bài viết
control_focus_background Thay đổi màu được nhấn mạnh của một ving active text
StyleVar Tác Dụng
titleimage Thay đổi logo chính của diễn đèn
đại te 2 Sows + fal
B/UEZS ®@As#EfHOzoa
Apdsdt báckyound
Trang 20
BCode Quote Style Vars
Vietvbb Stylevars Dictionary V)
SiyleVar Tác Dụng
bbcode_quote.background | Thay đổi màu nền của khung quote
bbcode_quote_border Thay đổi màu và chiều rộng của khung quote
bbcode_quote_font Thay đổi định dạng của ký tự trong khung quote
‘bbcode_quote padding Thay đổi cự lí khoảng cách của viền bao quanh khung quote 'Đbcode.quote_postedby.font | Thay đổi định đạng font của đồng chữ “Orignally posted by
Trang 21Vietvbb Stylevars Dictionary V)
leVar Tac Dyn
block_background Thay đổi màu nền của form
block border Thay đổi chiều đài và dinh dang cua vién bao quanh form
block_color Thay đổi màu ƒont cua cdc ki ty trong form
block font Thay đổi định dạng của các kí tự trong form
block link color Thay đổi màu sắc của các links trong form:
block_linkhover_color Thay đổi màu của link khi di chuột vào
block padding Thay đổi cự lỉ giữa form và header
‘Ater you submit your message close thf” plockoot_backaround blockfoot_border |
StyleVar Tac Dun
tole to immediately perform an action ontainng this post
Trang 22Vietvbb Stylevars Dictionary V)
lockfoot background Thay đổi nền blockfoot
blockfoot_border Thay đổi độ dày và màu vién blockfoot
blockfoot_color Thay đổi màu ch trén blockfoot
blockfoot font Thay déi font chif trén blockfoot
blockfoot link color Thay đổi mau link trén blockfoot
blockfootJinkhover_color Thay đổi màu link trên blockfoot khi rê chuột lên
blockfoot padding Hiệu chỉnh khoảng cách giữa hàng cuối cùng của trang
với nội dung bên trên nó
Block header xuất hiện ở bên trên Blog, forum va CMS Né dugc ding dé hién thi tiêu đề mỗi
trang Block subheader chỉ có ở forum và được dùng để chứa chú thích của các cột Bạn có thể
sử dụng các stylevar dưới đây để hiệu chỉnh nó
blockhead_background Thay d6i nén blockhead
blockhead_border Thay đổi độ dày viền, màu và kiểu viền xung quanh block
head
blockhead_color Thay đổi màu chữ trên blockhead
blockhead_font Thay đổi font chữ trên blockhead
blockhead link_color Thay đổi màu link trén blockhead
blockhead linkhover_color | Tnz đổi màu link trên blockhead khi rê chuột lên
blockhead_padding Thay đổi khoảng cách giữa blockhead vdi các đối tượng
xung quanh
-trang 21
Trang 23Vietvbb Stylevars Dictionary V)
blockrow color
leVar WhatitDoes
blockrow background Thay đổi nền blockrow
blockrow_border Thay đổi độ dày và màu viền blockrow
blockrow_color Thay đổi màu chữ trên blockrow
blockrow font Thay đổi font chữ trên blockrow
blockrow link color Thay đổi màu link trên blockrow
blockrow_linkhover_color Thay đổi màu link trên blockfoot khi rê chuột lên
blockrow.padding Hiệu chỉnh khoảng cách giữa blockrow với các đối tượng
leVar Whatit Does
blocksubhead_background Thay đổi nền blocksubhead
blocksubhead border Thay đổi độ dày viền, màu và kiểu viền xung quanh block
subhead
blocksubhead_color Thay đổi màu chữ trên blocksubhead
blocksubhead_font Thay đổi font chit trén blocksubhead
blocksubhead_link color Thay đổi màu link trên blocksubhead
blocksubhead.linkhover.color | Thay đổi màu link trên blocksubhead khi rê chuột lên
blocksubhead_padding Thay đổi khoảng cách giữa blocksubhead với các đối tượng,
xung quanh
-trang 22
Trang 24Vietvbb Stylevars Dictionary V)
Calendar Widget StyleVars
calendarwidget_weekdays border Thay đổi độ đày và màu viền bên dưới tên các
ngày trong tuần
calendarwidget weekdays font Thay đổi font chữ tên các ngày trong tuần
calendarwidget_day_font Thay đổi font chữ của ngày
calendarwidget daylink font Thay đổi font của link ngày
Trang 25roma van vse 400A 8 ann ia Tan ane Pe Aho
leVar Whatit Does
Coe Oe Thay đổi nền footer
footer border Thay đổi độ dày và màu viền footer
footer_color Thay đổi màu chd trén footer
footer_copyright_color Thay đổi màu chi cua dong copyright
footer_copyright font Thay đổi font chữ cia déng copyright
footer_font Thay déi font chi footer
footer_link_color Thay đổi mau link footer
footer linkhover_color Thay đổi màu link footer khi rê chuột lên
footer_moz_shadow_color Thay đổi màu bóng dé cia footer
footer_padding Hiệu chỉnh khoảng cách giữa footer và các đối tượng khác
-trang 24
Trang 26Vietvbb Stylevars Dictionary V)
leVar Tác Dụn, form maxWidth Thay đổi chiều dài tối đa của form khi thu nhỏ cửa số trình
duyệt
formrow_background Thay đổi màu nền của tất cả các ƒorm trên diễn đàn formrow_border Thay đổi màu và chiều dài của viền bao quanh forrm formrow_description_color_| Thay đổi màu của phần mô tả điễn đàn (description) input.borderColor- Thay đổi màu và chiều đài của viền bao quanh các kí tự
input padding Thay đổi cự lỉ khoảng cách giữa các ký tự
textedit background Thay đổi màu nền của vùng ký tự được chọn
-trang 20
Trang 27Vietvbb Stylevars Dictionary V)
forumhead background Thay đổi màu nòn của thanh tcạt ([orum head xem hình)
forumhead_border Thay đổi màu và chiều dài của viền bao quanh forum
forumhead_color Thay đổi màu font của forum head head
forumhead_font Thay déi dinh dang font cua forum head
forumhead_top.corner.radius Thay đổi viền bao quanh phía trên của header
forumhead_width Thay đổi chiều dai cita form head
leVar
forumbit spacer_width Thay đổi chiều đồi cia khodng cdch gia 2 forums |
forumbits_aForum Thay đổi màu ƒont link của forum
forumbits_border Thay đổi chiều đài và màu của vùng bao quanh forum
bit (xem hinh)
forumbits_shadow color Thay đổi màu của' vùng đổ bona trong forum bit
bystem & specitcatons øœwzsø @ Gì
cS foreach system wll go hee, Systems must be lid out here before a chnical spec is wten
Trang 28
Vietvbb Stylevars Dictionary V)
forumiconbox size Thay đổi khoảng cách xung quanh các icon
Uses ara Fou
Show wes fom te, sortteak bt Crd treybn
TH NỈ Aememe i ewig) Osscndnn oesarcng —
mm 1 cote rd ots Younaysortrew trex BBcode bn
(G contans Bot trend th red prs {Groton no rvend pests th rend posts Yay est aches VN HH ya ane Tp sên 2 ath
Bo Thread dosed
{© veuroe potent trond
leVar What it Does
foruminfo_background Thay d6i nén foruminfo
foruminfo_border Thay đổi màu viền, độ dày và kiểu viền của foruminfo
foruminfo.header background _ | Thay đổi nền phần tiêu đề của ƒoruminfo:
foruminfo_header_border Hiéu chinh vién xung quanh tiéu dé cia foruminfo
foruminfo_header_color Thay đổi màu chd tiéu dé cia foruminfo
torimintocheqoer tent Thay đổi font chữ tiêu đề của foruminfo
StyleVar What it Does
forummenu background Thay đổi nền forum menu
forummenu_border Hiệu chỉnh viền forum menu 7 » a
forummenu.border.radius Thay đổi độ bo tròn góc của forum forummenu_color Thay déi mau chit trén forum me forummenu_font Thay đổi font chữ trên forum
-trang 27