WFruit | Fruit Supplier and Wholesale
صفحه 1 از 2 12 آخرینآخرین
نمایش نتایج: از 1 به 10 از 16

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

    1. آموزش جامع استفاده از Cufon در استایل های ویبولتین - اختصاصی ویبی ایران »

      آموزش جامع استفاده از Cufon در استایل های ویبولتین - اختصاصی ویبی ایران

      نگارش: , by (کاندیدای مدیریت)
      2013/10/15 08:22 PM
      امتیاز:  (2 رای ، میانگین : 5.00 )

      استفاده از Cufon یکی از روش های افزودن فونت های فارسی به صفحه وب می باشد. این روش بر خلاف [email protected] مشکلی در نمایش نوشته های فارسی در سایزهای 13 تا 17 پیکسل به وجود نمی آورد به همین دلیل مورد استقبال طراحان سایت قرار گرفته است...
      در این روش فونت ها ابتدا تبدیل به جاوااسکریپت شده و سپس در صفحه وب نمایش داده می شود. لازم به ذکر است تیم آوارتا دات نت ابزاری به نام Bifon جهت سازگاری فونت های فارسی با Cufon را ارائه کرده است...

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

      گام اول - اول از همه اینجا کلیک کنید و Bifon Text Converter را از سایت سازنده دانلود کنید


      گام دوم - فایل های جاوا اسکریپت موجود در فولدر Text Converter\js را در قالب headinclude_bottom استایل مورد نظر پیوست کنید
      نمونه:
      کد HTML:
      <script type="text/javascript" src="http://www.vbiran.ir/images/YourStyle/js/cufon-1.10.min.js"></script>
      <script type="text/javascript" src="http://www.vbiran.ir/images/YourStyle/js/bifon-1.1b.min.js"></script>

      گام سوم - حال می بایست یک فونت اضافه کنید! به طور پیشفرض در فولدر Text Converter\fonts فونت Yekan توسط برنامه Bifon Font Generator به جاوااسکریپت تبدیل شده است میتوانید از آن استفاده کنید... همچنین جهت تبدیل و استفاده از فونت مورد نظر اینجا کلیک کنید
      نمونه:
      کد HTML:
      <script type="text/javascript" src="http://www.vbiran.ir/images/YourStyle/js/cufon-1.10.min.js"></script>
      <script type="text/javascript" src="http://www.vbiran.ir/images/YourStyle/js/bifon-1.1b.min.js"></script>
      <script type="text/javascript" src="http://www.vbiran.ir/images/YourStyle/js/Yekan.js"></script>

      گام چهارم - پس از اضافه کردن فایل های جاوااسکریپت مورد نیاز به قالب headinclude_bottom میبایست مشخص کنید کدام قسمت از نوشته های استایل به صورت Cufon نمایش داده شوند
      برای مثال اگر بخواهیم تمام تگ های h1 و کلاس forumtitle در استایل ؛ به صورت Cufon نمایش داده شوند کد زیر را در ادامه کد بالا پیوست کنید:
      کد HTML:
      <script type="text/javascript">
      Cufon.replace('h1, .forumtitle', {onBeforeReplace:Bifon.convert});
      </script>

      گام آخر - اگر گام های فوق را به درستی طی کرده باشید نوشته های مشخص شده به صورت Cufon به نمایش درخواهند آمد.

      در صورت متوجه نشدن آموزش بالا ؛ آموزش ویدئویی را مشاهده کنید...
      فایل های پیوست شده
      ویرایش توسط DesignerPlus : 2013/10/15 در ساعت 08:28 PM
  1. Top | #2
    کاربر سایت

    ورژن ویبولتین
    vBulletin 4.2.0
    نوشته ها
    307
    میزان امتیاز
    40

    پیش فرض

    این گام چهارم یه خورده گنگ و نامفهومه

    میشه یه توضیح مختصری بدید که مثلا فونت پست بیت رو چجوری cufon کنم ؟

  2. Top | #3
    کاندیدای مدیریت

    ورژن ویبولتین
    x.x.4
    نوشته ها
    471
    میزان امتیاز
    75

    پیش فرض

    نقل قول نوشته اصلی توسط PerSiaNOFFliNe نمایش پست ها
    این گام چهارم یه خورده گنگ و نامفهومه

    میشه یه توضیح مختصری بدید که مثلا فونت پست بیت رو چجوری cufon کنم ؟
    اگر آموزش ویدئویی را مشاهده کنید، حتما متوجه می شوید...

    کاربر مقابل از DesignerPlus بابت این پست مفید تشکر کرده است:


  3. Top | #4
    کاربر سایت

    ورژن ویبولتین
    vBulletin 4.2.0
    نوشته ها
    307
    میزان امتیاز
    40

    پیش فرض

    اونم نگاه کردم اما نفهمیدم
    چون چیز دیگه ای غیر از نوشته هاتون دیگه توضیح ندادید

    مثلا برای پست بیت باید چیکار کرد ؟

  4. Top | #5
    کاندیدای مدیریت

    ورژن ویبولتین
    x.x.4
    نوشته ها
    471
    میزان امتیاز
    75

    پیش فرض

    نقل قول نوشته اصلی توسط PerSiaNOFFliNe نمایش پست ها
    اونم نگاه کردم اما نفهمیدم
    چون چیز دیگه ای غیر از نوشته هاتون دیگه توضیح ندادید

    مثلا برای پست بیت باید چیکار کرد ؟
    در گام چهارم؛ Class یا ID مربوط به قسمتی که می خواهید به صورت Cufon نمایش داده شود رو باید قرار دهید!
    مثلا برای "عنوان کاربر" در پست بیت باید کلاس "usertitle." رو قرار بدید. به این صورت:


    <script type="text/javascript"> Cufon.replace('.usertitle', {onBeforeReplace:Bifon.convert}); </script>

    کاربر مقابل از DesignerPlus بابت این پست مفید تشکر کرده است:


  5. Top | #6
    کاربر سایت

    ورژن ویبولتین
    vBulletin 4.2.0
    نوشته ها
    307
    میزان امتیاز
    40

    پیش فرض

    آها حالا گرفتم چی شد

    ممنون داداش

  6. Top | #7
    کاربر سایت

    ورژن ویبولتین
    -
    نوشته ها
    333
    میزان امتیاز
    41

    پیش فرض

    حالا اگه برعکس بخواییم فونتهای یه قسمت از استایل از از حالت cufon دربیاریم باید چیکار کرد دوست عزیز

    کاربر مقابل از mdark بابت این پست مفید تشکر کرده است:


  7. Top | #8
    کاربر سایت

    ورژن ویبولتین
    4.2.2
    نوشته ها
    3,352
    میزان امتیاز
    398

    پیش فرض

    شرمنده بابت آپ !

    خیلی ساده یاد دادن !

    ممنون !

  8. Top | #9
    کاربر اخراجی

    ورژن ویبولتین
    All Versions
    نوشته ها
    3,123
    میزان امتیاز
    0

    پیش فرض

    درود
    کلاسش رو پیدا کنید و سپس با کد های زیر بهش افکت بدید:
    کد:
    background: #000;
    padding:1px
    رنگ بکگراندشو میتونید تغییر بدید.
    padding هم یعنی وسعت بکگراندش چقدر افزایش پیدا کنه.

  9. Top | #10
    کاندیدای مدیریت

    ورژن ویبولتین
    x.x.4
    نوشته ها
    471
    میزان امتیاز
    75

    پیش فرض

    نقل قول نوشته اصلی توسط DAN!AL نمایش پست ها
    درود
    کلاسش رو پیدا کنید و سپس با کد های زیر بهش افکت بدید:
    کد:
    background: #000;
    padding:1px
    رنگ بکگراندشو میتونید تغییر بدید.
    padding هم یعنی وسعت بکگراندش چقدر افزایش پیدا کنه.
    میشه بفرمایید این توضیح مربوط به کدوم قسمت آموزش هست؟

صفحه 1 از 2 12 آخرینآخرین

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کسانی که این مقاله را دیده اند از این مقاله ها نیز بازدید کرده اند

  1. آموزش حل کردن مشکلات هک مدال دهی ویبولتین 4 ( اختصاصی )
    توسط VBIran در انجمن آموزش های وی بولتین
    پاسخ: 43
    آخرين نوشته: 2016/06/10, 05:48 AM
  2. آموزش اضافه کردن alt به تصاویر استایل ویبولتین
    توسط Mr.Ramin در انجمن آموزش های وی بولتین
    پاسخ: 7
    آخرين نوشته: 2014/05/29, 11:41 AM
  3. آموزش ویدئویی نصب ویبولتین 5 روی هاست [اختصاصی وبیران]
    توسط NadeR Shah در انجمن اموزشهای تصویری ویبولتین
    پاسخ: 4
    آخرين نوشته: 2013/10/02, 04:13 PM
  4. آموزش طراحی قالب برای ویبولتین(کامل و اختصاصی)
    توسط irank3 در انجمن اموزشهای تصویری ویبولتین
    پاسخ: 8
    آخرين نوشته: 2013/05/23, 11:11 AM
  5. دانلود ویدئو های آموزشی ویبولتین 5 HD کم حجم [اختصاصی وبیران]
    توسط NadeR Shah در انجمن اموزشهای تصویری ویبولتین
    پاسخ: 12
    آخرين نوشته: 2013/04/09, 08:32 PM

کلمات کلیدی این موضوع

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •