| لذت شیرین پشتیبانی واقعی

۰۲۱ - ۶۶۸۷۰۲۸۳

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

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

تاریخ انتشار : ۰۵ بهمن ۱۳۹۴ موضوع :

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

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

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

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

 

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

 

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

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

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

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

تاریخ آخرین بروز رسانی : این مطلب در۸ بهمن ۱۳۹۴ ساعت ۰۰:۵۰بروز رسانی شده است .

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

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


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

تخصص ما

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


لوگوی ساماندهی

تیم طراحی و برنامه نویسی پی سی وب بزرگترین و قدیمی ترین مجموعه اینترنتی ارائه دهنده خدمات پشتیبانی سایت و طراحی سایت در کشور ایران ، با بیش از 7 سال سابقه درخشان در عرصه طراحی و برنامه نویسی وب با گستره ای از خدمات گوناگون برای کاربران خود « لذت شیرین پشتیبانی واقعی» راتداعی می کند ، «ضمانت بهترین قیمت» ، «مشتری محوری» ، «پشتیبانی واقعی» سه اصل اولیه ای است که پی سی وب از نخستین روز های تاسیس تا به امروز سعی کرده به آن پایبند باشد. شرکت اینترنتی خدمات وب پی سی وب فعالیت خود را از سال 1388 آغاز نموده است و تا به امروز به فعالیت خود ادامه میدهد ، پی سی وب درحال حاظر در کلیه عرصه های طراحی سایت ، پشتیبانی سایت (پشتیبانی انواع اسکریپت های سایت ساز (وردپرس ، جوملا ، دروپال)، انجمن ساز (ویبولتین ، زنفورو ، مای بی بی)، فروشگاه ساز (ووکامرس ، مجنتو ، پرستاشاپ)، آپلود سنتر (کلیجا ، میهالیسم) )، خدمات گرافیکی ، سئو و بهینه سازی سایت ، تبلیغات اینترنتی و ... با قدرت فعالیت دارد .