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

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

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

تاریخ انتشار : 8 سال پیش : 25 ژانویه 2016 بازدید : 3251نمایش

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

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

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

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

 

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

 

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

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

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

در قسمت ” جست و جو برای متن ” در کادر مورد نظر تایپ کنید ” 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 – بازنشر پی سی وب

لینک کوتاه مطلب : https://www.p30web.org/?p=3896

موضوع :

دیدگاه کاربران :

  • جهت تبادل نظر و گفتگو درباره آموزش استفاده از فونت آیکون در آخرین ارسالی های ویبولتین : میتوانید به انجمن پشتیبانی پی سی وب مراجعه نمایید.
  • آدرس انجمن تخصصی پی سی وب : forum.p30web.org
  • دیدگاه ارسال شده توسط شما ، پس از تایید توسط مدیران سایت منتشر خواهد شد.
  • دیدگاهی که به غیر از زبان فارسی یا غیر مرتبط با محصول باشد منتشر نخواهد شد.
    • سلام

      نیاز به بررسی هست ، میتوانید سئوالتون رو در انجمن پی سی وب مطرح نمایید ، اونجا همکارانمون شما رو راهنمایی خواهند کرد .



کلمات کلیدی این مطلب:

گروه طراحی و برنامه نویسی پی سی وب ، طراحی سایت ، پشتیبانی سایت ، سئو و بهنیه سازی