تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
نمایش نتایج: از 1 به 3 از 3

مقاله: کادر بندی پست بیت

    1. کادر بندی پست بیت »

      کادر بندی پست بیت

      نگارش: , by (کاربر سایت)
      2012/07/06 09:31 PM
      امتیاز: 

      اینم یه آموزش برای زیبا سازی پست بیت که خیلی از کاربرا دنبال این هستند.
      1)
      ابتدا کدهای زیر رو به قالب additional.css اضافه کنید: (کلاس های مشابه رو فقط ریپلیس کنین)

      کد:
      .post_field {
          background:url(http://forum.webalfa.net/images/misc/blog/top-highlight.png) repeat-x scroll left top #F1F1F1;
              border:1px solid #CCC;
              color:#000;
              font-size:11px;
              border-bottom:0;
              padding:5px;
      }
      .post_field dt{
              color:#1775d6;
              font-weight:700
      }
      .postinfo-down{
              background:url(http://forum.webalfa.net/images/misc/blog/top-highlight.png) repeat-x scroll left top #F1F1F1;
              border:1px solid #CCC;
              color:#000;
              font-size:11px;
              -webkit-border-radius:0 0 10px 10px;
              -moz-border-radius:0 0 10px 10px;
              border-radius:0 0 10px 10px;padding:5px
      }
      
      .postinfo-down dt{
              color:#1775d6;
              font-weight:700
      }
      
      .postinfo-up{
      background:url(http://forum.webalfa.net/images/misc/blog/top-highlight.png) repeat-x scroll left top #F1F1F1;
              border:1px solid #CCC;
              border-bottom:0;color:#000;
              font-size:11px;
              -webkit-border-radius:10px 10px 0 0;
              -moz-border-radius:10px 10px 0 0;
              border-radius:10px 10px 0 0;
              padding:5px
      }
      
      .postinfo-up dt{
              color:#1775d6;
              font-weight:700
      } 
      

      2)

      در این مرحله باید postbit_legacy ویرایش بشه :

      فقط یک توضیح بدم کلاس postinfo-up گوشه های بالایی کادر رو گرد میکنه و کلاس postinfo-down گوشه های پایینی کادر رو گرد میکنه.
      من برای شما یک پست بیت اماده میزارم که قسمت reputation اش هم درسته و به جای قدرت امتیاز میزان امتیاز رو نشون میده . چند تا فیلد اضافه هم داره که با فیلدهای خودتون میتونین عوضش کنید(فقط کافیه شماره فیلدها و عنوان فارسیش عوض بشه من رنگشو قرمز میکنم تا تابیل بشه).

      برای افکت دور اواتار فایل پیوست رو تو پوشه images اپلود کنین

      کادر بندی vmoods_postbit , blog_postbit_entries_link :

      ابتدا قالب بندی هک مد:


      کد:
      <div class="postinfo-down"><dt class="vmood-dt{vb:raw post.legacypostbit}">{vb:phrase vmoods_my_mood}</dt>
      <dd class="vmood-dd{vb:raw post.legacypostbit}">
        <img src="{vb:raw vboptions.bburl}/vmoods/{vb:raw vboptions.vmoods_icon_set}/{vb:raw post.vmood}.gif" alt="{vb:raw post.vmood}" title="{vb:raw post.vmood}<vb:if condition="empty($post['vmood']) == false"> - {vb:raw post.vmood_updated_at}</vb:if>" border="0" />
      </dd></div>
  1. Top | #2
    کاربر سایت

    ورژن ویبولتین
    no version
    نوشته ها
    598
    میزان امتیاز
    70

    پیش فرض

    دمو ندارید یا شات ؟

  2. Top | #3
    مدیر بازنشته

    ورژن ویبولتین
    ☻Google
    نوشته ها
    5,116
    میزان امتیاز
    601

    پیش فرض

    2 تشکر توسط:


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

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

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

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

  1. پاسخ: 3
    آخرين نوشته: 2014/10/01, 06:13 PM
  2. آموزش زیبا سازی پست بیت (مخلوطی از چندین پست بیت و تغییرات)
    توسط sorathost در انجمن آموزش های وی بولتین
    پاسخ: 26
    آخرين نوشته: 2013/07/12, 07:18 AM
  3. پاسخ: 10
    آخرين نوشته: 2013/03/13, 05:39 PM
  4. پاسخ: 5
    آخرين نوشته: 2012/08/27, 03:53 AM
  5. پاسخ: 57
    آخرين نوشته: 2012/05/10, 02:44 PM

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

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

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

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

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