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

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 1 از 4 1234 آخرینآخرین
نمایش نتایج: از 1 به 10 از 35

مقاله: پست بیت جدید و زیبای VBiran Ring مخصوص قالب VBiran Triangle + کادربندی کامل

    1. پست بیت جدید و زیبای VBiran Ring مخصوص قالب VBiran Triangle + کادربندی کامل »

      پست بیت جدید و زیبای VBiran Ring مخصوص قالب VBiran Triangle + کادربندی کامل

      نگارش: , by (مدیر بازنشسته)
      2013/05/07 03:50 PM
      امتیاز: 




      یکی از دوستان خیلی وقت پیش درخواست پست بیت یک سایت رو داده بود که قول دادم قرار بدم .

      اما از اون جایی که یکم بد قول هستم هم آدرس تاپیک رو گم کردم هم آدرس اون سایت رو فراموش کردم !

      با چیزی که در ذهنم بود یک پست بیت زدم ، وقتی کار تموم شد یه نگاهی به حالت پست بیت انداختم و تصمیم گرفتم اسمشو بزنم Ring یعنی حلقه !

      خوب داستان بسته . بریم سراغ آموزش ، اول شات رو مشاهده کنید : ( با دقت نگاه کنید رنگش عوض میشه : دی )



      دوستانی که هیچ تغییری در سه فایل pink-style.css , blue-style.css , green.style.css ندادن فایل پیوست شده با نام (default) رو دانلود و در پوشه images اکسترکت کنن .

      دوستانی که از امضا مخصوص این قالب که در آموزش زیبا سازی امضا ویژه استایل VBIran Triangle قرار داده شد استفاده کردند با نام (Associated with signed) رو دانلود و در پوشه Images اکسترکت کنن .

      حالا این رو ته additional.css بزنید : (همه باید انجام بدید)

      کد:
      .post_field{background:#f1f1f1;color:#000;border-style:solid;border-radius:5px 5px 5px 5px;border-width:2px 5px;margin:0 0 6px;padding:3px 5px 5px 5px;text-shadow:0 0 7px #B2B2B2;margin-top:1px;text-align:left;box-shadow:0px 0px 5px #4e91ba;margin-bottom:6px;padding-bottom:6px}
      
      .post_field:hover{background:#f1f1f1;color:#000;border-radius:15px 8px 15px 8px;border-style:solid;border-width:2px 5px;margin:0 0 6px;padding:3px 5px 5px 5px;text-shadow:0 0 7px #B2B2B2;margin-top:1px;text-align:left;box-shadow:0px 0px 5px #4e91ba;margin-bottom:6px;padding-bottom:6px}
      
      
      .rank{text-align:center;background:#f1f1f1;color:#000;border-radius:5px 5px 5px 5px;border-style:solid;border-width:2px 5px;margin:0 0 6px;padding:3px 5px 5px 1px;text-shadow:0 0 7px #B2B2B2;margin-top:1px;box-shadow:0px 0px 5px #4e91ba;margin-bottom:6px;padding-bottom:6px}
      
      .rank:hover{text-align:center;background:#f1f1f1;color:#000;;border-radius:15px 8px 15px 8px;border-style:solid;border-width:2px 5px;margin:0 0 6px;padding:3px 5px 5px 1px;text-shadow:0 0 7px #B2B2B2;margin-top:1px;box-shadow:0px 0px 5px #4e91ba;margin-bottom:6px;padding-bottom:6px}

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

      فایل blue-style.css رو از پوشه images/vbirantriangle باز کنید ، این قسمت رو پیدا و حذف کنید :

      کد:
      .post_field{background: url(blue-postbit.jpg) center -171px;border-radius: 4px;padding: 7px 10px 4px 10px;border: 1px solid #ccc;font-family: BYekan;box-shadow: 0px 3px 1px #00609d;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;border-bottom:none;margin-top:8px;color:#666;font-size:13px;}
      .post_field:hover{background: url(blue-postbit.jpg) center -0px;color: rgba(255, 255, 255, 0.8);}

      این کد رو جایگزین و ذخیره کنید :

      کد:
      .post_field{border-color:#cfd5da #1569C7 #cfd5da #1569C7;}
      .post_field:hover{border-color:#1569C7 #1569C7 #1569C7 #1569C7;}
      .usertitle,.rank{border-color:#cfd5da #1569C7 #cfd5da #1569C7;}
      .rank:hover{border-color:#1569C7 #1569C7 #1569C7 #1569C7;}
      .post_field strong{color:#1775d6}
      .post_field dt{color:#1775d6;font-weight:700}

      حالا از فایل green-style.css این کد رو پیدا و حذف کنید :

      کد:
      .post_field{background: url(green-postbit.jpg) center -171px;border-radius: 4px;
      padding: 7px 10px 4px 10px;
      border: 1px solid #ccc;
      font-family: BYekan;
      box-shadow: 0px 3px 1px #5a8700;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;border-bottom:none;margin-top:8px;color:#666;font-size:13px;}
      .post_field:hover{background: url(green-postbit.jpg) center -0px;color: rgba(255, 255, 255, 0.8);}
      dd , dt{-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;}

      این کد رو جایگزین و ذخیره کنید :

      کد:
      .post_field{border-color:#cfd5da #5f9c00 #cfd5da #5f9c00;}
      .post_field:hover{border-color:#5f9c00 #5f9c00 #5f9c00 #5f9c00;}
      .rank{border-color:#cfd5da #5f9c00 #cfd5da #5f9c00;}
      .rank:hover{border-color:#5f9c00 #5f9c00 #5f9c00 #5f9c00}
      .post_field strong{color:#1775d6}
      .post_field dt{color:#5f9c00;font-weight:700}
      حالا از فایل pink-style.css این کد رو پیدا و حذف کنید :

      کد:
      .post_field{background: url(pink-postbit.jpg) center -171px;border-radius: 4px;padding: 7px 10px 4px 10px;border: 1px solid #ccc;font-family: BYekan;box-shadow: 0px 3px 1px #a20033;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;border-bottom:none;margin-top:8px;color:#666;font-size:13px;}
      .post_field:hover{background: url(pink-postbit.jpg) center -0px;}
      .post_field:hover + .post_filed dd{color: rgba(255, 255, 255, 0.8);}
      این کد رو جایگزین و ذخیره کنید :

      کد:
      .post_field{border-color:#cfd5da #d4005e #cfd5da #d4005e;}
      .post_field:hover{border-color:#d4005e #d4005e #d4005e #d4005e;}
      .usertitle,.rank{border-color:#cfd5da #d4005e #cfd5da #d4005e;}
      .rank:hover{border-color:#d4005e #d4005e #d4005e #d4005e;}
      .post_field strong{color:#d4005e}
      .post_field dt{color:#d4005e;font-weight:700}


      اگر دوست دارید آواتار و عنوان کاربری هم کادربندی بشه به ادامه آموزش توجه کنید .....

      برای عنوان کاربری از قالب postbit_legacy دنبال این قسمت بگردید :

      کد:
                  <span class="usertitle">
                      {vb:raw post.usertitle}
                  </span>
      با این کد عوض کنید :

      کد:
                  <div class="post_field" style="text-align:center;">
                      {vb:raw post.usertitle}
                  </div>

      حالا برای آواتار این رو پیدا کنید :

      کد:
      <div class="usercenter">
      با این کد عوض و ذخیره کنید :

      کد:
      <div class="post_field">
      خوب تمام شد ;












      حالا براتون آموزش کادربندی کامل پست بیت رو قرار میدم (اکثر هک ها هست ، اگر چیزی جا مونده بگید قرار میدم)



      برای کادر بندی تشکر به جستجوی قالب post_thanks_postbit_info بروید و محتویات آن را با کد زیر عوض کنید:

      کد:
      <vb:if condition="$post['userid']">
          <div class="post_field"><dt>{vb:rawphrase   post_thanks_thanks}</dt> <dd>{vb:raw   post.post_thanks_user_amount_formatted}</dd></div>
          <vb:if condition="$post['post_thanks_thanked_times'] == 1">
              <div class="post_field"><dd>{vb:rawphrase post_thanks_time_post}</dd></div>
          <vb:elseif condition="$post['post_thanks_thanked_posts'] == 1" />
              <div class="post_field"><dd>{vb:rawphrase   post_thanks_times_post, {vb:raw   post.post_thanks_thanked_times_formatted}}</dd></div>
          <vb:else />
              <div class="post_field"><dd>{vb:rawphrase   post_thanks_times_posts, {vb:raw   post.post_thanks_thanked_times_formatted}, {vb:raw   post.post_thanks_thanked_posts_formatted}}</dd></div>
          </vb:if>
      </vb:if>



      برای کادر بندی هک اعتراض به جستجوی قالب post_groans_postbit_info بروید و محتویات آن را با کد زیر عوض کنید :

      کد:
      <vb:if condition="$post['userid']">
          <div class="post_field"><dt>{vb:rawphrase   post_groans_groans}</dt> <dd>{vb:raw   post.post_groans_user_amount_formatted}</dd></div>
          <vb:if condition="$post['post_groans_groaned_times'] == 1">
              <dd style="white-space:nowrap; display:inline; float:   {vb:stylevar right};">{vb:rawphrase  post_groans_time_post}</dd>
          <vb:elseif condition="$post['post_groans_groaned_posts'] == 1" />
             <div class="post_field"><dd>{vb:rawphrase   post_groans_times_post, {vb:raw   post.post_groans_groaned_times_formatted}}</dd></div>
          <vb:else />
            <div class="post_field"><dd>{vb:rawphrase   post_groans_times_posts, {vb:raw   post.post_groans_groaned_times_formatted}, {vb:raw   post.post_groans_groaned_posts_formatted}}</dd></div>
          </vb:if>
      </vb:if>


      برای کادر بندی حالت من به جستجوی قالب vmoods_postbitبروید و درون آن را با کد زیر عوض کنید :

      کد:
      <div class="post_field"><dt  class="vmood-dt{vb:raw post.legacypostbit}"  style="margin-top:-8px;">{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>"    style="margin-top:-8px;" />
      </dd></div>
      برای کادر بندی هک تجربه یا همان Experience که دارای چندین قسمت میباشد باید کد های زیر را به ترتیب به جای کد اصلی آن ها جایگزین کنید :

      xperience_achievements_showcase
      عوض کردن تمام محتوای آن با :
      کد:
      <div class="post_field"><span class="usertitle">
      {vb:rawphrase xperience_achievements_short}:<br/>
      {vb:raw achievements}
      </span></div>

      xperience_gfx
      عوض کردن تمام محتوای آن با :
      کد:
          <div class="post_field"><div style="width:102px; height:4px;"></div>
      
          <vb:if condition="$vboptions[xperience_bar_colour_level] !== 'Hide'">
          
              <vb:if condition="$vboptions[xperience_postbitstyle]==2">
                  {vb:raw xperience.gfx_level}
          </vb:if>
          
              <div title="{vb:raw xperience.gfx_level}" style="width:102px;   height:11px; margin-bottom:2px; background-image:url({vb:raw   vboptions.bburl}/xperience/progress/{vb:raw   vboptions.xperience_bar_colour_level}_faded.png);">
                  <div title="{vb:raw xperience.gfx_level}"   style="width:1px; height:11px; margin-bottom:2px;   background-image:url({vb:raw  vboptions.bburl}/xperience/progress/{vb:raw   vboptions.xperience_bar_colour_level}_left.png); display:inline;   float:left;"></div>
                  <div title="{vb:raw xperience.gfx_level}"   style="width:1px; height:11px; margin-bottom:2px;   background-image:url({vb:raw  vboptions.bburl}/xperience/progress/{vb:raw   vboptions.xperience_bar_colour_level}_right.png); display:inline;   float:right;"></div>
                  <img alt="{vb:raw xperience.gfx_level}" src="{vb:raw   vboptions.bburl}/xperience/progress/{vb:raw   vboptions.xperience_bar_colour_level}.png" width="{vb:raw   xperience.level}" height="11" />
              </div>
              
      </vb:if>
      
          <vb:if condition="$vboptions[xperience_bar_colour_levelup] !== 'Hide'">
              
              <vb:if condition="$vboptions[xperience_postbitstyle]==2">
                  {vb:raw xperience.gfx_levelup}
                  <div style="width:102px; height:2px;"></div>
              </vb:if>
              
              <div title="{vb:raw xperience.gfx_levelup_nb}"   style="width:102px; height:11px; margin-bottom:2px;   background-image:url({vb:raw  vboptions.bburl}/xperience/progress/{vb:raw   vboptions.xperience_bar_colour_levelup}_faded.png);">
                  <div title="{vb:raw xperience.gfx_levelup_nb}"   style="width:1px; height:11px; margin-bottom:2px;   background-image:url({vb:raw  vboptions.bburl}/xperience/progress/{vb:raw   vboptions.xperience_bar_colour_levelup}_left.png); display:inline;   float:left;"></div>
                  <div title="{vb:raw xperience.gfx_levelup_nb}"   style="width:1px; height:11px; margin-bottom:2px;   background-image:url({vb:raw  vboptions.bburl}/xperience/progress/{vb:raw   vboptions.xperience_bar_colour_levelup}_right.png); display:inline;   float:right;"></div>
                  <img alt="{vb:raw xperience.gfx_levelup_nb}" src="{vb:raw   vboptions.bburl}/xperience/progress/{vb:raw   vboptions.xperience_bar_colour_levelup}.png" width="{vb:raw   xperience.level_up}" height="11" />
              </div>
              
          </vb:if>    
      
          <vb:if condition="$vboptions[xperience_bar_colour_activity] !== 'Hide'">
      
              <vb:if condition="$vboptions[xperience_postbitstyle]==2">
                  {vb:raw xperience.gfx_activity}
                  <div style="width:102px; height:2px;"></div>
              </vb:if>
          
              <div title="{vb:raw xperience.gfx_activity}"   style="width:102px; height:11px; margin-bottom:2px;   background-image:url({vb:raw  vboptions.bburl}/xperience/progress/{vb:raw   vboptions.xperience_bar_colour_activity}_faded.png);">
                  <div title="{vb:raw xperience.gfx_activity}"   style="width:1px; height:11px; margin-bottom:2px;   background-image:url({vb:raw  vboptions.bburl}/xperience/progress/{vb:raw   vboptions.xperience_bar_colour_activity}_left.png); display:inline;   float:left;"></div>
                  <div title="{vb:raw xperience.gfx_activity}"   style="width:1px; height:11px; margin-bottom:2px;   background-image:url({vb:raw  vboptions.bburl}/xperience/progress/{vb:raw   vboptions.xperience_bar_colour_activity}_right.png); display:inline;   float:right;"></div>
                  <img alt="{vb:raw xperience.gfx_activity}" src="{vb:raw   vboptions.bburl}/xperience/progress/{vb:raw   vboptions.xperience_bar_colour_activity}.png" width="{vb:raw   xperience.ppd}" height="11" />
              </div>
              
      </vb:if></div>

      xperience_level_postbit
      عوض کردن تمام محتوای آن با :
      کد:
      <div class="post_field">{vb:rawphrase xperience_level} : {vb:raw xperience.level}</div>

      xperience_points_postbit
      عوض کردن تمام محتوای آن با :
      کد:
      <div class="post_field">{vb:rawphrase xperience_points} : {vb:raw xperience.points}</div>
      در صورتی که هک نمایش تعداد موضوعات را نیز نصب کرده اید به boofo_postbit_threads بروید و محتوای آن را عوض کنید با :
      کد:
      <div class="post_field">{vb:rawphrase threads} : {vb:raw post.threads}</div>


      در صورتی که هک Award یا جوایز یا همان مدال را نصب کرده اید به جستجوی قالب awards_postbit_display بروید و محتوای آن را عوض کنید با :
      کد:
      <!-- show awards -->
      <if condition="$post[showuserawards]"><div class="post_field">
      <br />
      <fieldset><legend><a   href="member.php?u=$post[userid]&tab=myawards"   title="$vbphrase[more_awards]">$vbphrase[award_showcase]</a></legend>
          <div class="awards_showcase_awarddisplay">$post[userawards]</div>
          <div class="post_field">
              <a href="member.php?u=$post[userid]&tab=myawards"   title="$vbphrase[more_awards]">$vbphrase[total_awards]</a>:   $post[num_awards]
              <if condition="$vboptions[aw_points]"><br />
                  <a href="member.php?u=$post[userid]&tab=myawards"   title="$vbphrase[more_awards]">$vbphrase[total_points]</a>:   $post[total_points]
              </if>
          </div>
      </fieldset>
      <br />
      </if>
      <!-- /show awards --></div>

      awards_postbit_display_style2 محتوای آن را عوض کنید با :
      کد:
      <!-- show awards -->
      <if condition="$post[showuserawards]"><div class="post_field">
      <div class="awards_postbit_style2">
          <div class="awards_showcase_awarddisplay">$post[userawards]</div>
          <div class="awards_showcase_infodisplay">
              <a href="member.php?u=$post[userid]&tab=myawards"   title="$vbphrase[more_awards]">$vbphrase[total_awards]</a>:   $post[num_awards]
              <if condition="$vboptions[aw_points]"><br />
                  <a href="member.php?u=$post[userid]&tab=myawards"   title="$vbphrase[more_awards]">$vbphrase[total_points]</a>:   $post[total_points]
              </if>
          </div>
      </div>
      </if></div>
      <!-- /show awards -->

      در آخر هم از دوست خوبم عرفان ([email protected]) بابت طراحی فوق العاده زیبا که برای عکس و شات انجام داد تشکر میکنم .

      امیدوارم خوشتون اومده باشه ، اگر تغییر خاصی لازم داشتید بگید تا در صورت توان انجام بدم .
      فایل های پیوست شده
  1. Top | #2
    مدیر بازنشته

    ورژن ویبولتین
    4
    نوشته ها
    2,571
    میزان امتیاز
    304

    پیش فرض

    ممنون زیباست
    فقط خیلی شبیه به پست بیت وی بی رد هستش (red)
    این تغییر رنگ در زمان هاور هستش یا آنلاین آفلاین بودن کاربر یا این که پست بیت در سه رنگ مجزا هستش؟؟؟؟؟؟

    ـــــــــــــــــــــــــ
    اصلا یادم نبود تراینگل سه رنگ داره
    ویرایش توسط Roach : 2013/05/07 در ساعت 04:02 PM دلیل: ادغام دو پست

  2. Top | #3

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

    ورژن ویبولتین
    4
    نوشته ها
    2,571
    میزان امتیاز
    304

    پیش فرض

    یه کمی تغییراتش نامحسوسه :d
    یه کم گوشه هاش بیشتر گرد میشد یا مثلا عرض و طولش بیشتر میشد و box-shadow میگرفت جالب میشد
    یه جوری میشد که انگار فیلد برجسته شده و جلو اومده
    ولی در کل زیبا هستش

    2 تشکر توسط:


  4. Top | #5

    پیش فرض

    اگر گوشه ها بیشتر گرد میشد ، با نوشته ها تداخل پیدا میکرد .

    box shadow هم داره دیگه ، کد ها رو نگاه کنید

    این پست بیت رو خیلی وقت پیش به درخواست یک کاربر زدم ، انشالله سعی میکنم بعدی رو بهتر بزنم
    ویرایش توسط [email protected] : 2013/05/07 در ساعت 07:08 PM

    3 تشکر توسط:


  5. Top | #6

  6. Top | #7

    پیش فرض

    نقل قول نوشته اصلی توسط [email protected] نمایش پست ها
    محمد جون عجب پست بیت با کیفیتی گذاشتی
    ممنون وروجک انشالله سعی میکنم بعدی رو بهتر و Full HD بزنم

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

    ورژن ویبولتین
    4.2.0
    نوشته ها
    119
    میزان امتیاز
    16

    پیش فرض

    این پست بیت و برای قالب دیفالت میخام چطوری باید این کارو انجام بدم؟

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

    ورژن ویبولتین
    Suite 4.2.2
    نوشته ها
    1,346
    میزان امتیاز
    0

    پیش فرض

    تو پست بیت رنگ نام کاربری ست نیست چطوری درستش کنم؟

    http://forum.eagames.ir/43-%D8%AA%D8...%8C%D8%AA.html

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


  9. Top | #10

    پیش فرض

    نقل قول نوشته اصلی توسط kian978 نمایش پست ها
    این پست بیت و برای قالب دیفالت میخام چطوری باید این کارو انجام بدم؟
    من تازه پست شما رو دیدم ، به زودی برای قالب پیش فرض هم آموزش رو قرار میدم

    نقل قول نوشته اصلی توسط Demon نمایش پست ها
    تو پست بیت رنگ نام کاربری ست نیست چطوری درستش کنم؟

    http://forum.eagames.ir/43-%D8%AA%D8...%8C%D8%AA.html
    کپی رایت نارنین موزیک ؟!

    2 تشکر توسط:


صفحه 1 از 4 1234 آخرینآخرین

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

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

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

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

  1. پاسخ: 909
    آخرين نوشته: 2015/03/01, 02:32 PM
  2. آموزش زیبا سازی امضا ویژه استایل VBIran Triangle
    توسط Regulator در انجمن آموزش های وی بولتین
    پاسخ: 20
    آخرين نوشته: 2014/07/23, 10:26 AM
  3. پاسخ: 9
    آخرين نوشته: 2013/08/23, 10:44 PM
  4. پست بیت زیبای Vbiran Magnet اختصاصی VBiran !
    توسط jcs.w در انجمن آموزش های وی بولتین
    پاسخ: 18
    آخرين نوشته: 2013/08/13, 07:08 PM
  5. پیش نمایش پوسته ی زیبای VBIran Triangle
    توسط Khatam در انجمن بحث آزاد
    پاسخ: 85
    آخرين نوشته: 2013/05/17, 05:27 PM

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

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

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

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