حركة جيكوري جميلة جدا على زر اضافة رد و موضوع جديد

0 التعليقات
السلام عليكم ورحمة الله وبركاته

كيفكم اخواني الغالين

بعد ما طرحت الاستايل الجديد سألني بعض الاخوة على الحركة التي في زر اضافة رد وموضوع جديد

لذلك قمت بطرحها في هذا الموضوع

لمشاهدة مثال مباشر من خلال المنتدى التالي وهو احد المنتديات الي ركب الاستايل

سمو الحرف

مرر الماوس على اضافة موضوع جديد وتشاهد الحركة


الطريقة كالتالي

اولا

حمل الملف المرفق وبعد فك الضغط عنه ارفع المجلدات الي في داخله الى داخل مجلد منتداك واقبل الاستبدال

ضع التالي في نهاية قالب headinclude

رمز PHP:
    <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $(".button").hover(function(){
                $(".button img")
                .animate({top:"-10px"}, 200).animate({top:"-4px"}, 200) // first jump
                .animate({top:"-7px"}, 100).animate({top:"-4px"}, 100) // second jump
                .animate({top:"-6px"}, 100).animate({top:"-4px"}, 100); // the last jump
            });
        });
    </script> 
ضع التالي في تعاريف css

رمز PHP:
a.button1 {padding4px 10px 3px 25px;bordersolid 1px #3e6d99;position: relative;cursor: pointer;display: inline-block;background-image: url( 'images/buttons/bkg.png' );background-repeat: repeat-x;font-size: 11px;height: 16px;text-decoration: none;color: #ffffff;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;}.button1 img positionabsolute;top: -4px;left: -12px;bordernone;}a.button1:hover {color#00386d;} 
الان التعديل على القوالب دائما خذ نسخة من القالب قبل التعديل

افتح قالب FORUMDISPLAY


ابحث عن التالي



رمز PHP:
<td class="smallfont"><if condition="$show['newthreadlink']"><a href="newthread.php?$session[sessionurl]do=newthread&amp;f=$foruminfo[forumid]rel="nofollow"><img src="$stylevar[imgdir_button]/newthread.gif" alt="$vbphrase[post_new_thread]border="0" /></a><else />&nbsp;</if></td
تجده مرتين استبدله بالتالي


رمز PHP:
<td><if condition="$show['newthreadlink']"><class="button1" href="newthread.php?$session[sessionurl]do=newthread&amp;f=$foruminfo[forumid]">
        <
img src="images/buttons/button1.png" alt="" />اضافة موضوع</a><else />&nbsp;</if></td
افتح قالب SHOWTHREAD

ابحث عن التالي



رمز PHP:
<td class="smallfont"><a href="newreply.php?$session[sessionurl]do=newreply&amp;noquote=1&amp;p=$FIRSTPOSTIDrel="nofollow"><if condition="$show['closethread']"><img src="$stylevar[imgdir_button]/reply.gif" alt="$vbphrase[reply]border="0" /><else /><img src="$stylevar[imgdir_button]/threadclosed.gif" alt="$vbphrase[closed_thread]border="0" /></if></a></td
استبدله بالتالي


رمز PHP:
<td><class="button1" href="newreply.php?$session[sessionurl]do=newreply&amp;noquote=1&amp;p=$LASTPOSTIDrel="nofollow"><if condition="$show['closethread']"><img src="images/buttons/button1.png" alt="" />اضافة رد</a><else /><img src="images/buttons/threadclosed.png" alt="$vbphrase[closed_thread]border="0" />مغلق</if></td
الان ابحث عن


رمز PHP:
<td class="smallfont"><a href="newreply.php?$session[sessionurl]do=newreply&amp;noquote=1&amp;p=$LASTPOSTIDrel="nofollow"><if condition="$show['closethread']"><img src="$stylevar[imgdir_button]/reply.gif" alt="$vbphrase[reply]border="0" /><else /><img src="$stylevar[imgdir_button]/threadclosed.gif" alt="$vbphrase[closed_thread]border="0" /></if></a></td
استبدلها بالتالي


رمز PHP:
<td><class="button1" href="newreply.php?$session[sessionurl]do=newreply&amp;noquote=1&amp;p=$LASTPOSTIDrel="nofollow"><if condition="$show['closethread']"><img src="images/buttons/button1.png" alt="" />اضافة رد</a><else /><img src="images/buttons/threadclosed.png" alt="$vbphrase[closed_thread]border="0" />مغلق</if></td
لتحميل الجيكوري

http://www.traidnt.net/vb/attachment...243-al3ani.zip

اتمنى لكم التوفيق
الموضوع خاص باخى عمر العانى
م . ق ترايد نت

 

جميع الحقوق محفوظة لـ مدونة تصميم فور يو