[آموزش] افزودن فونت وزیر vazir به قالب های vbulletin 6

[vbpersian]

افزودن فونت وزیر vazir به قالب های vbulletin 6


سلام در این آموزش میخواهیم به شما یاد بدهیم چگونه فونت وزیر را به قالب های vbulletin 6 اضافه کنید.

گام اول دانلود فونت وزیر
vazir.zip

فایل دانلود شده در پوشه "fonts" روت انجمن خود جایی که فایل core هست انتقال داده و از حالت فشرده در بیارید.


گام دوم ویرایش فایل
حالا گزینه "ویرایش سایت" را بزنید. و " قالب " را انتخاب کنید.



حالا وارد ویرایش فایل css بشید. و کدها زیر را در خط اول وارد کنید و ذخیره کنید.




کدها:

@font-face {
  font-family: vazir;
  src: url(./fonts/vazir/Vazirmatn-FD-Regular.woff2);
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,
.module-title h1,.selectBox-label
{
  font-family: vazir;
}

#channel-tabbar .channel-tabbar-list li.current a, #channel-tabbar .channel-tabbar-list li.current a:hover, .edit-mode #channel-tabbar .channel-tabbar-list li.current a:hover
{
  font-family: vazir;
}

#channel-tabbar .channel-tabbar-list li a
{
  font-family: vazir;
}

#channel-subtabbar .channel-subtabbar-list li a
{
  font-family: vazir;
}
.b-comp-menu-dropdown__trigger--headerbar
{
  font-family: vazir;
}
.b-button, .ui-widget .b-button, .cke_dialog_body .cke_dialog_contents .b-button
{
  font-family: vazir;
}
.page-title-widget .module-title, .page-title-widget .module-title h1
{
  font-family: vazir;
}
#footer-tabbar ul.nav-list li a  
{
  font-family: vazir;
}
.forum-list-container .forum-item .cell-forum > .forum-wrapper > .forum-info > .forum-title
{
  font-family: vazir;
}
.forum-list-container .category-header .category
{
  font-family: vazir;
}
.profileTabs .section .section-header
{
  font-family: vazir !important;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
  font-family: vazir;
}
.b-top-menu__item-link
{
  font-family: vazir;
}
.b-table__cell--header
{
  font-family: vazir;
}
.b-comment-entry__textbox
{
  font-family: vazir;
}
.edit-mode .main-header, .sb-style-panel .main-header
{
  font-family: vazir;
}
.private-message-widget .main-pane .main-pane-header
{
  font-family: vazir;
}​

تمام

[vbpersian]

فونت بالا اعداد رو هم فارسی میکنه ، اگر بخواید از اعداد انگلیسی استفاده کنید.

در کد بالا به جای

@font-face {
font-family: vazir;
src: url(./fonts/vazir/Vazirmatn-FD-Regular.woff2);
}​

کد پایین رو قرار بدین

@font-face {
font-family: vazir;
src: url(./fonts/vazir/Vazirmatn-Regular.woff2);
}​