مقاله: آموزش افزودن باکس (آیا میدانید) به ویبولتین 5

سلام.
برای اضافه کردن باکس "آیا میدانید" به ویبولتین 5 بصورت زیر عمل کنید:

1- (کدهای CSS)
به استایل ها و قالب ها >> جست و جو در قالب ها (Search in Templates) جست و جو فقط عنوان : بله
سرچ کنید:

کد:

css_additional.css

در انتهای اون قرار بدین:

کد:

.youknow {
    top: 30px;
    width: 100%;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    background: rgb(255, 255, 255) none no-repeat;
    border: 1px solid #DADADA;
    color: #72777b;
}
.youknow::before {
    content: "\f044";
    font: 20px 'FontAwesome';
    margin-top: 6px;
    color: #87afff;
    position: absolute;
    margin-right: 5px;
}

2- (کد های HTML)
به استایل ها و قالب ها >> جست و جو در قالب ها (Search in Templates) جست و جو فقط عنوان : بله
سرچ کنید:

کد HTML:

header

انتهای اون قرار بدین:

کد HTML:

<table class="youknow" ><tbody><tr>
<td>
<span style="color: #039cc0; margin-right: 38px;">آیا میدانید :</span>
<script language="JavaScript"> 
var Quotation=new Array() 
Quotation[0] = "هیچ‌وقت پُز کتاب‌هایی را که خوانده‌اید ندهید. به کتاب‌هایی که نخوانده‌اید، فکر کنید."; 
Quotation[1] = " فرانسوا ولتر: هرچه بیشتر کتاب بخوانید، بیشتر از زندگی حقیقی برخوردار خواهید شد."; 
Quotation[2] = "امام علی(ع): هرکس که با کتاب‎ها آرامش یابد. راحتی و آسایش از او سلب نمی‌گردد."; 
Quotation[3] = " الوین تافلر: بی‌سواد قرن بیست و یک کسی نیست که خواندن و نوشتن بلد نباشد، بلکه کسی است که توان یادگرفتن، دست کشیدن از یادگرفته‌ها و دوباره یادگرفتن را ندارد. "; 
Quotation[4] = " سقراط: جامعه وقتی فرزانگی و سعادت می‌یابد که مطالعه، کار روزانه‌اش باشد. "; 
var Q = Quotation.length; 
var whichQuotation=Math.round(Math.random()*(Q-1)); 
function showQuotation(){document.write(Quotation[whichQuotation]);} 
showQuotation(); 
</script>
</tr></tbody></table>

و ذخیره کنید.
توجه داشته باشید که این کدها از فونت آیکون سری FontAwesome استفاده می کنند لذا بهتر هست از این فونت ها هم استفاده کنید.


موفق باشید.