السلام عليكم ورحمة الله وبركاته
كيفكم اخواني الغالين
بعد ما طرحت الاستايل style الجديد سألني بعض الاخوة على الحركة التي في زر اضافة رد وموضوع جديد
لذلك قمت بطرحها في هذا الموضوع
لمشاهدة مثال مباشر من خلال المنتدى forum التالي وهو احد المنتديات الي ركب الاستايل style
سمو الحرف
مرر الماوس على اضافة موضوع جديد وتشاهد الحركة
الطريقة كالتالي
اولا
حمل الملف المرفق وبعد فك الضغط عنه ارفع المجلدات الي في داخله الى داخل مجلد منتداك واقبل الاستبدال
ضع التالي في نهاية قالب template headinclude
رمز PHP:
<code style="white-space:nowrap"> <code> <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>
</code> </code>
ضع التالي في تعاريف css
رمز PHP:
<code style="white-space:nowrap"> <code> a.button1 {padding: 4px 10px 3px 25px;border: solid 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 { position: absolute;top: -4px;left: -12px;border: none;}
a.button1:hover {color: #00386d;}
</code> </code>
الان التعديل على القوالب دائما خذ نسخة من القالب template قبل التعديل
افتح قالب template FORUMDISPLAY
ابحث عن التالي
رمز PHP:
<code style="white-space:nowrap"> <code> <td class="smallfont"><if condition="$show['newthreadlink']"><a href="newthread.php?$session[sessionurl]do=newthread&f=$foruminfo[forumid]" rel="nofollow"><img src="$stylevar[imgdir_button]/newthread.gif" alt="$vbphrase[post_new_thread]" border="0" /></a><else /> </if></td>
</code> </code>
تجده مرتين استبدله بالتالي
رمز PHP:
<code style="white-space:nowrap"> <code> <td><if condition="$show['newthreadlink']"><a class="button1" href="newthread.php?$session[sessionurl]do=newthread&f=$foruminfo[forumid]">
<img src="images/buttons/button1.png" alt="" />اضافة موضوع</a><else /> </if></td>
</code> </code>
افتح قالب template SHOWTHREAD
ابحث عن التالي
رمز PHP:
<code style="white-space:nowrap"> <code> <td class="smallfont"><a href="newreply.php?$session[sessionurl]do=newreply&noquote=1&p=$FIRSTPOSTID" rel="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>
</code> </code>
استبدله بالتالي
رمز PHP:
<code style="white-space:nowrap"> <code> <td><a class="button1" href="newreply.php?$session[sessionurl]do=newreply&noquote=1&p=$LASTPOSTID" rel="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>
</code> </code>
الان ابحث عن
رمز PHP:
<code style="white-space:nowrap"> <code> <td class="smallfont"><a href="newreply.php?$session[sessionurl]do=newreply&noquote=1&p=$LASTPOSTID" rel="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>
</code> </code>
استبدلها بالتالي
رمز PHP:
<code style="white-space:nowrap"> <code> <td><a class="button1" href="newreply.php?$session[sessionurl]do=newreply&noquote=1&p=$LASTPOSTID" rel="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>
</code> </code>
لتحميل الجيكوري
http://www.dzbatna.com/attachment...243-al3ani.zip
اتمنى لكم التوفيق
اخوكم
عمر العاني 
ط*ط±ظƒط© ط¬ظٹظƒظˆط±ظٹ ط¬ظ…ظٹظ„ط© ط¬ط¯ط§ ط¹ظ„ظ‰ ط²ط± ط§ط¶ط§ظپط© ط±ط¯ ظˆ ظ…ظˆط¶ظˆط¹ ط¬ط¯ظٹط¯
al3ani.zip (29.1 كيلوبايت, عدد مرات المشاهدة 179 مرة) [/TR]
رد مع اقتباس
