/ اموزش زیبا سازی دکمه تشکر فوق العاده زیبا(برای اولین بار در ویکی)
ساندویچ پانل
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
طراحی سایت وندا هاست
نمایش نتایج: از 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,846نوشته26,645مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    1
    پسندیده است
    8,021 پست
    بلاگ
    0 پست
    میزان امتیاز
    26522
    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نوشته937مورد پسند

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

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



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

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1310
    پسندیده است
    221 پست
    بلاگ
    پست
    میزان امتیاز
    137
    No Set
    تشکر .
    امکانش هست زمانی موس روی عکس قرار میگیره 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نوشته119مورد پسند

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

  7. #8
    Ali.shafaey آنلاین نیست.
    Ali.shafaey
    مدير ارشد
    6,447نوشته8,337مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1571
    پسندیده است
    4,638 پست
    بلاگ
    0 پست
    میزان امتیاز
    8343
    مسئول 7 ستاره
    king-design.ir
    خسته نباشی ولی زیاد جالب نشدهمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بییعنی من خوشم نیامدمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    راهی هست که جای همون نوشته (تشکر)تصویر گذاشت؟
    King-Design.iR♛
    Design Web And Graphic

    Portable
    Clients

    ticket


  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 مهمان ها)

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

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

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