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

مقاله: اموزش زیبا سازی دکمه تشکر فوق العاده زیبا(برای اولین بار در ویکی)

    1. اموزش زیبا سازی دکمه تشکر فوق العاده زیبا(برای اولین بار در ویکی)

      اموزش زیبا سازی دکمه تشکر فوق العاده زیبا(برای اولین بار در ویکی)

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

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

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

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

      خب حالا میریم سراغ اموزش

      درجستجو قالب ها جستجو کنید:post_thanks_button

      کدهای داخل ان را باکد های زیر عوض کنید:
      کد PHP:
      <a href="post_thanks.php?{vb:raw session.sessionurl}do=post_thanks_add&amp;p={vb:raw post.postid}&amp;securitytoken={vb:raw bbuserinfo.securitytoken}" id="post_thanks_button_{vb:raw post.postid}"<vb:if condition="$vboptions[disable_ajax] != 2"onclick="return post_thanks_give({vb:raw post.postid}, <vb:if condition="$vboptions[post_groans_integrate]">true<vb:else />false</vb:if>);"</vb:if> <vb:if condition="$display_thanks_image == 'none'">style="display:none"</vb:if> rel="nofollow" class="post_thanks_button">
      <
      img src="http://jigh3da.xrt.ir/images/34zh0fhwe7fur6o52ynv.png" width="100" height="100">
      </
      a>

      <
      span class="seperator" id="post_thanks_separator_{vb:raw post.postid}" <vb:if condition="$display_thanks_image == 'none'">style="display:none"</vb:if>>&nbsp;</span
      برای تغییر عکس در کدهای بالا ادرس زیر را با عکس خود عوض کنید:
      کد PHP:
      http://jigh3da.xrt.ir/images/34zh0fhwe7fur6o52ynv.png 
      قالب رو ذخیر کنید و برید به جستجو قالب ها دوباره و قالب post_thanks_javascript را پیدا کنید و کدهای داخلش رو با کدهای زیر عوض کنید:
      کد PHP:
      <script type="text/javascript" src="clientscript/post_thanks.js"></script>

      <style type="text/css">
      .postbitlegacy .postfoot .textcontrols a.post_thanks_button, .postbit .postfoot .textcontrols a.post_thanks_button  {
          background: none;
          padding-{vb:stylevar left}: 20px;
      position:absolute;
      right:65px;
      opacity:1;
      -moz-opacity:1;
      -webkit-opacity:1;
      filter:alpha(opacity=100);
      -moz-transition: all 1s ease-in;
      -webkit-transition: all 1s ease-in;
      -o-transition: all 1s ease-in;
      -ms-transition: all 1s ease-in;
      animation:myfirst 10s infinite;
      animation-direction:alternate;

      /* Safari and Chrome */
      -webkit-animation:myfirst 10s infinite;
      -webkit-animation-direction:alternate;
      }

      @keyframes myfirst
      {
      0%   { bottom:170px;}
      50%  {  bottom:500px;}
      100% {  bottom:170px;}
      }

      @-webkit-keyframes myfirst /* Safari and Chrome */
      {
      0%   { bottom:170px;}
      50%  {  bottom:500px;}
      100% {  bottom:170px;}
      }
      .postbitlegacy .postfoot .textcontrols a.post_thanks_button:hover, .postbit .postfoot .textcontrols a.post_thanks_button:hover  {
          background: none;
      opacity:0.2;
      -moz-opacity:0.2;
      -webkit-opacity:0.2;
      filter:alpha(opacity=20);
      }
      </style> 
      تمام موفق باشید امیدوارم مفید باشه
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

  1. #2
    WikiVB آنلاین نیست.
    WikiVB
    مديريت کل انجمن
    5,839نوشته26,611مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    1
    پسندیده است
    8,003 پست
    بلاگ
    0 پست
    میزان امتیاز
    26488
    wikivb.ir
    به نظرم کار جالبی شده و همچنین برای اولین بار در ایران هست اگر اشتباه نکنم
    خسته نباشید مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

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


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

  2. #3
    r.amir2332 آنلاین نیست.
    r.amir2332
    کاربر اخراجي
    391نوشته145مورد پسند

    تاریخ عضویت
    May 2013
    شماره عضویت
    1636
    پسندیده است
    221 پست
    بلاگ
    0 پست
    میزان امتیاز
    154
    gold30t.ir
    محسن دوباره کولاک کرد ایول

    4 نفر از اعضا پست r.amir2332 را پسندیده اند



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

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

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



  4. #5
    OfflineFA آنلاین نیست.
    OfflineFA
    کاربر سايت
    128نوشته127مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1310
    پسندیده است
    221 پست
    بلاگ
    پست
    میزان امتیاز
    137
    http://bluray-movie.com/
    تشکر .
    امکانش هست زمانی موس روی عکس قرار میگیره Stop بشه (حرکتی نداشته باشه) تا کاربر راحت بتونه کلیک کنه ؟

  5. #6
    Hose!N آنلاین نیست.
    Hose!N
    کاربر اخراجي
    497نوشته2,246مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1515
    پسندیده است
    2,186 پست
    بلاگ
    2 پست
    میزان امتیاز
    2256
    wikivb.ir
    این جایگزین با کد post_thanks_button بکنید ببینید اوکی میشه؟

    کد:
    <a href="post_thanks.php?{vb:raw session.sessionurl}do=post_thanks_add&amp;p={vb:raw post.postid}&amp;securitytoken={vb:raw bbuserinfo.securitytoken}" id="post_thanks_button_{vb:raw post.postid}"<vb:if condition="$vboptions[disable_ajax] != 2"> onclick="return post_thanks_give({vb:raw post.postid}, <vb:if condition="$vboptions[post_groans_integrate]">true<vb:else />false</vb:if>);"</vb:if> <vb:if condition="$display_thanks_image == 'none'">style="display:none"</vb:if> rel="nofollow" class="post_thanks_button">
    <img src="http://jigh3da.xrt.ir/images/34zh0fhwe7fur6o52ynv.png" width="100" height="100" onmouseover="this.stop();">
    </a>

  6. #7
    SteFan آنلاین نیست.
    SteFan
    کاربر سايت
    164نوشته118مورد پسند

    تاریخ عضویت
    Jul 2013
    شماره عضویت
    2266
    پسندیده است
    304 پست
    بلاگ
    پست
    میزان امتیاز
    128
    wikivb.ir
    درود
    flashkarعزیز نشد ثابتش کنی
    باید چه کرد؟

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

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

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

  8. #9
    Hose!N آنلاین نیست.
    Hose!N
    کاربر اخراجي
    497نوشته2,246مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1515
    پسندیده است
    2,186 پست
    بلاگ
    2 پست
    میزان امتیاز
    2256
    wikivb.ir
    برای ثابت کردن
    این هارو حذف کنید
    کد:
    @keyframes myfirst
    {
    0%   { bottom:170px;}
    50%  {  bottom:500px;}
    100% {  bottom:170px;}
    }
    
    @-webkit-keyframes myfirst /* Safari and Chrome */
    {
    0%   { bottom:170px;}
    50%  {  bottom:500px;}
    100% {  bottom:170px;}
    }
    - - - Updated - - -

    برای ثابت کردن
    این هارو حذف کنید
    کد:
    @keyframes myfirst
    {
    0%   { bottom:170px;}
    50%  {  bottom:500px;}
    100% {  bottom:170px;}
    }
    
    @-webkit-keyframes myfirst /* Safari and Chrome */
    {
    0%   { bottom:170px;}
    50%  {  bottom:500px;}
    100% {  bottom:170px;}
    }

    کاربر زیر پست Hose!N را پسندیده است:



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

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

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

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

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

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