آموزش افزودن باکس (آیا میدانید) به ویبولتین 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 استفاده می کنند لذا بهتر هست از این فونت ها هم استفاده کنید.
موفق باشید.
علاقه مندی ها (Bookmarks)