/ اموزش تغییر اندازه فونت پست ها توسط کاربر(اولین بار در ایران+اختصاصی ویکی وی بی)
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 3 از 3

مقاله: اموزش تغییر اندازه فونت پست ها توسط کاربر(اولین بار در ایران+اختصاصی ویکی وی بی)

    1. اموزش تغییر اندازه فونت پست ها توسط کاربر(اولین بار در ایران+اختصاصی ویکی وی بی)

      اموزش تغییر اندازه فونت پست ها توسط کاربر(اولین بار در ایران+اختصاصی ویکی وی بی)

      خب سلام دوستان با یه اموزش دیه در خدمت شما هستم
      در این اموزش قصد داریم کاری کنیم تا کاربران بتونن در مشاهده هر پست اندازه فونت محتویات پست را تغییر دهند
      نمونه زنده اش داخل انجمن خودم هست یک پست رو باز کنید و مشاهده کنید

      خب نوبت اموزش استفاده است:
      ابتدا در جستجو قالب ها قالب postbit_legacy را جستجو کنید و دنبال کد زیر بگردید:

      کد PHP:
                              <blockquote class="postcontent restore ">
                                  {
      vb:raw post.message}
                              </
      blockquote
      و اون رو با این کد جایگزین کنید:
      کد PHP:
                              <blockquote class="postcontent restore "><p>
                                  {
      vb:raw post.message}
                              </
      p></blockquote
      خب قالب رو ذخیر کنید حالا قالب headinclude رو جستجو کنید
      و کد های زیر رو به انتهای اون اضافه کنید:
      کد PHP:
      <script type="text/javascript">
      //<![CDATA[
      var minsize=8;
      var 
      maxsize=22;
      function 
      increaseFontSize(){
       var 
      document.getElementsByTagName('p');
       for(
      i=0;i<p.length;i++) {
       if(
      p[i].style.fontSize) {
       var 
      parseInt(p[i].style.fontSize.replace("px",""));
       } else {
       var 
      12;
       }
       if(
      s!=maxsize) {
       
      += 1;
       }
       
      p[i].style.fontSize s+"px"
       
      }
      }
      function 
      decreaseFontSize() {
       var 
      document.getElementsByTagName('p');
       for(
      i=0;i<p.length;i++) {
       if(
      p[i].style.fontSize) {
       var 
      parseInt(p[i].style.fontSize.replace("px",""));
       } else {
       var 
      12;
       }
       if(
      s!=minsize) {
       
      -= 1;
       }
       
      p[i].style.fontSize s+"px"
       
      }
      }
      function 
      defultFontSize() {
       var 
      document.getElementsByTagName('p');
       for(
      i=0;i<p.length;i++) {
       if(
      p[i].style.fontSize) {
       var 
      parseInt(p[i].style.fontSize.replace("px",""));
       } else {
       var 
      12;
       }
       if(
      s!=12) {
       
      12;
       }
       
      p[i].style.fontSize s+"px"
       
      }
      }
      //]]>
      </script> 
      خب دوباره قالب را ذخیر کنید حال به قالب additional.css رفته و کد های زیر را به اخرش اضافه کنید:
      کد PHP:
      .fontdownsize {
      background:url("http://jigh3da.xrt.ir/images/wgc1ut9zs7x3wuxs7uwx.png"no-repeat scroll -5px -3px 110px 35px transparent;
      width:30pxheight:30px;
      float:left;
      -
      moz-transitionall 0.3s ease-in;
      -
      webkit-transitionall 0.3s ease-in;
      -
      o-transitionall 0.3s ease-in;
      -
      ms-transitionall 0.3s ease-in;
      margin-left:0px;
      }

      .
      fontdownsize:hover {
      background:url("http://jigh3da.xrt.ir/images/o7m8oeu1tx2dkh9yfqta.png"no-repeat scroll -5px -3px 110px 35px transparent;
      }
      .
      fontupsize {
      background:url("http://jigh3da.xrt.ir/images/wgc1ut9zs7x3wuxs7uwx.png"no-repeat scroll -76px -3px 110px 35px transparent;
      width:30pxheight:30px;
      float:left;
      -
      moz-transitionall 0.3s ease-in;
      -
      webkit-transitionall 0.3s ease-in;
      -
      o-transitionall 0.3s ease-in;
      -
      ms-transitionall 0.3s ease-in;
      margin-left:3px;
      }

      .
      fontupsize:hover {
      background:url("http://jigh3da.xrt.ir/images/o7m8oeu1tx2dkh9yfqta.png"no-repeat scroll -76px -3px 110px 35px transparent;
      }
      .
      fontrestsize {
      background:url("http://jigh3da.xrt.ir/images/wgc1ut9zs7x3wuxs7uwx.png"no-repeat scroll -40px -3px 110px 35px transparent;
      width:30pxheight:30px;
      float:left;
      -
      moz-transitionall 0.3s ease-in;
      -
      webkit-transitionall 0.3s ease-in;
      -
      o-transitionall 0.3s ease-in;
      -
      ms-transitionall 0.3s ease-in;
      margin-left:3px;
      }

      .
      fontrestsize:hover {
      background:url("http://jigh3da.xrt.ir/images/o7m8oeu1tx2dkh9yfqta.png"no-repeat scroll -40px -3px 110px 35px transparent;

      خب دخیره کنید و دوباره قالب postbit_legacy را باز کنید
      کد زیر را پیدا کنید:
      کد PHP:
          <div class="posthead"
      و بعد از اون کد زیر را اضافه کنید:
      کد PHP:
      <div style="position:absolute; margin-top: -13px; left:100px; background:rgb(0, 144, 191); border-radius:5px; padding:5px; color:#fff; font-family:BYekan; font-size:17px;line-height: 27px;">اندازه فونت:
      <
      class="fontdownsize" href="javascript:decreaseFontSize();"></a>
      <
      class="fontrestsize" href="javascript:defultFontSize();"></a>
      <
      class="fontupsize" href="javascript:increaseFontSize();"></a>
      </
      div
      پایان حالا پست بیت شما قابلیت تغیر اندازه فونت را دارد
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

      5 نفر از اعضا پست jigh3da را پسندیده اند


  1. #2
    Ali.shafaey آنلاین نیست.
    Ali.shafaey
    کاربر برتر فصل
    مدير ارشد
    6,425نوشته8,292مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1571
    پسندیده است
    4,628 پست
    بلاگ
    پست
    میزان امتیاز
    8298
    مسئول 7 ستاره
    king-design.ir
    محسن جان مطمانی برای اولین بار در ایرانه؟
    آخه یکی از انجمن های همسایه ازین استفاده میکرد مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بیمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    2 نفر از اعضا پست Ali.shafaey را پسندیده اند



    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  2. #3
    jigh3da آنلاین نیست.
    jigh3da
    کاربر سايت
    867نوشته936مورد پسند

    تاریخ عضویت
    Feb 2013
    شماره عضویت
    645
    پسندیده است
    599 پست
    بلاگ
    پست
    میزان امتیاز
    946
    *******.ir
    دادا از این استفاده کردن ولی اموزشش برای ویبی برای اولین بار در ایران نیس دادا؟؟

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

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

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

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

  1. سوال در مورد تغییر فونت ادیتور
    توسط reza_y در انجمن رسیدگی به مشکلات انجمن شما ( پرسش و پاسخ )
    پاسخ: 1
    آخرين نوشته: 08-22-2013, 01:00 PM
  2. کمک در مورد تاصویر تایید کننده
    توسط mrp در انجمن رسیدگی به مشکلات انجمن شما ( پرسش و پاسخ )
    پاسخ: 3
    آخرين نوشته: 07-24-2013, 08:43 PM
  3. درخواست رسیدگی برای رفع تغییر حالت ویرایشگر
    توسط Mr.pouria در انجمن رسیدگی به مشکلات انجمن شما ( پرسش و پاسخ )
    پاسخ: 2
    آخرين نوشته: 07-24-2013, 08:14 PM
  4. پاسخ: 2
    آخرين نوشته: 07-24-2013, 05:36 AM
  5. تغییر شکل ظاهری فایل های پیوست به شکلی بسیار زیبا
    توسط PerSiaNOffliNe در انجمن آموزش های ویبولتین ورژن 4
    پاسخ: 2
    آخرين نوشته: 07-23-2013, 09:36 PM

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

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

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