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

باسلام ، با آموزش دیگری در خدمتتون هستیم در این آموزش قصد داریم به نحوه استفاده از فونت ایکون در آخرین ارسالات ویبولتین بپردازیم ، شما از این آموزش”آموزش استفاده از فونت آیکون در آخرین ارسالی های ویبولتین ” میتوانید در تمامی نسخه های ۴ ویبولتین استفاده کنید . با ما همراه باشید

با این آموزش شما قادر هستید که در هک آخرین ارسالی های ویبولتین خودتون از فونت آیکن ها استفاده کنید . خب بعد از دیدن تصویر زیر و نتیجه حاصل شده ادامه آموزش رو دنبال کنید :

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

وارد ادمین سی پی بشید .

از منوی سمت راست و پنل ” استایل ها & قالب ها ” گزینه ” جست و جو در قالب ها ” رو انتخاب کنید .

در قسمت ” جست و جو در استایل ” استایل مورد نظر رو انتخاب کنید .

در قسمت ” جست و جو برای متن ” در کادر مورد نظر تایپ کنید ” additional.css ” .

تیک “بله” در قسمت ” قفط جست و جوی عنوان ها ” رو بزنید .

حالا در ویرایشگر مورد نظر در در ابتدای additional.css کد زیر را وارد کنید :

@font-face {
font-family: "icon";
font-style: normal;
font-weight: normal;
src: url("fonts/icons.eot?#iefix7a9cdp") format("embedded-opentype"), url("fonts/icons.woff?7a9cdp") format("woff"), url("fonts/icons.ttf?7a9cdp") format("truetype"), url("fonts/icons.svg?7a9cdp#icomoon") format("svg");
}

حالا در انتهای additional.css کد زیر رو وارد کنید :

.topx-bit:nth-child(1) .topx-content-menu:before{content:"1"}.topx-bit:nth-child(2) .topx-content-menu:before{content:"2"}.topx-bit:nth-child(3) .topx-content-menu:before{content:"3"}.topx-bit:nth-child(4) .topx-content-menu:before{content:"4"}.topx-bit:nth-child(5) .topx-content-menu:before{content:"5"}.topx-bit:nth-child(6) .topx-content-menu:before{content:"6"}.topx-bit:nth-child(7) .topx-content-menu:before{content:"7"}.topx-bit:nth-child(8) .topx-content-menu:before{content:"8"}.topx-bit:nth-child(9) .topx-content-menu:before{content:"9"}.topx-bit:nth-child(10) .topx-content-menu:before{content:"10"}.topx-bit:nth-child(11) .topx-content-menu:before{content:"11"}.topx-bit:nth-child(12) .topx-content-menu:before{content:"12"}.topx-bit:nth-child(13) .topx-content-menu:before{content:"13"}.topx-bit:nth-child(14) .topx-content-menu:before{content:"14"}.topx-bit:nth-child(15) .topx-content-menu:before{content:"15"}.topx-bit:nth-child(16) .topx-content-menu:before{content:"16"}.topx-bit:nth-child(17) .topx-content-menu:before{content:"17"}.topx-bit:nth-child(18) .topx-content-menu:before{content:"18"}.topx-bit:nth-child(19) .topx-content-menu:before{content:"19"}.topx-bit:nth-child(20) .topx-content-menu:before{content:"20"}.topx-bit:nth-child(21) .topx-content-menu:before{content:"21"}.topx-bit:nth-child(22) .topx-content-menu:before{content:"22"}.topx-bit:nth-child(23) .topx-content-menu:before{content:"23"}.topx-bit:nth-child(24) .topx-content-menu:before{content:"24"}.topx-bit:nth-child(25) .topx-content-menu:before{content:"25"}.topx-bit:nth-child(26) .topx-content-menu:before{content:"26"}.topx-bit:nth-child(27) .topx-content-menu:before{content:"27"}.topx-bit:nth-child(28) .topx-content-menu:before{content:"28"}.topx-bit:nth-child(29) .topx-content-menu:before{content:"29"}.topx-bit:nth-child(30) .topx-content-menu:before{content:"30"}

حالا در ادامه اضافه کنید :

.mainbox div{background:none !important}.topx-bit span.topx-content-menu{margin-right:5px}

.topx-content-menu:before{content:"0";font:11px Byekan,B yekan,Tahoma;float:right;margin:0px -5px 0 5px;color:#901CB4;width:16px;text-align:center;padding:0;line-height:25px;width:28px;border-left:2px solid #C2C2C2;}

.topx-content-tab:before{content:"\e96b";font:13px 'Icon';float:right;margin:6px 0 0 0;color:#e9e9e9;-moz-transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in}

برای نمایش ندادن عکس های post_old.gif و post_new.gif هم میتوانید کد زیر را وارد کنید :

.topx-content-tab img{display:none}

اگه از سری فونت های دیگه استفاده می کنید

content:"\e96b";

را میتوانید عوض کنید و همچنین محل فونت ها را خودتان میتوانید تغییر بدهید .

برای دانلود فونت ها با لینک مستقیم ، اینجا را کلیک کنید .

برای مطرح کردن سوالات خود میتوانید به انجمن های تخصصی پی سی وب مراجعه کنید .

منبع : انجمن تخصصی ویکی وی بی | WikivB.ir – بازنشر پی سی وب