المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : تأرجح الروابط والصور داخل المواضيع بالـ Jquery .



romaissa
10-30-2013, بتوقيت غرينيتش 09:38 PM
http://www.dzbatna.com/images/icons/iconrote.gif طھط£ط±ط¬ط* ط§ظ„ط±ظˆط§ط¨ط· ظˆط§ظ„طµظˆط± ط¯ط§ط®ظ„ ط§ظ„ظ…ظˆط§ط¶ظٹط¹ ط¨ط§ظ„ظ€ Jquery . (http://www.dzbatna.com/t2033730/)




http://www8.0zz0.com/2014/02/04/22/721400933.png (http://www8.0zz0.com/2014/02/04/22/721400933.png)


وزى ما تعودنا قبل كل حاجه المثال

يلا يا حلوين

http://www4.0zz0.com/2014/02/04/22/485133419.png

http://img02.arabsh.com/uploads/image/2014/02/04/0c354c4865f7.gif

تمامـ !


http://img03.arabsh.com/uploads/image/2014/02/02/0c37474c62f7.png

وطبعاً كلنا عارفنها بس نعيد تانى

اولا ميكونش عندك منتديات اغانى افلام او صور نساء ( اى حاجه غير محلله شرعاً )

ليه لان انا معنديش استعداد اخد زنوب من حد

http://www12.0zz0.com/2014/02/04/22/429518260.png (http://www12.0zz0.com/2014/02/04/22/429518260.png)


فى الاول انت لازم تحدد انت عايز تعمل ايه

1- عايز تعمل الكود code فى المنتدى forum كله اى رابط او اى صوره نمرجحو .

2- عايز تخليها جوه المواضيع يعنى الروابط والصور اللى جوه المواضيع بس .

http://www8.0zz0.com/2014/02/04/22/253539003.png (http://www8.0zz0.com/2014/02/04/22/253539003.png)

رقم واحد هيتنفذ بسهوله جدا اول حاجه

هتعمل فولدر جوه الـ vb وهتسميه زى ما تحب مثلاً (- t2rjo7 -)

طيب عملت الفولدر وبعدين هتاخد بس ملف الـ jquery وتحطه جوه الفولدر دا

تمام تيجى بقى على


[ الاستايل styleات والقوالب ]

هتختار منها

[ التحكم فى الاستايل styleات ]

هتختار اللاستايل style اللى انت عايز تعمل عليه الحركه وتدوس على اذهب وتيجى على

[ headinclude ]

وتحط فى اخره خالص الكود code دا

رمز PHP:

<code style="white-space:nowrap"> <code>
<script type="text/javascript" src="t2rjo7/jquery.jrumble.1.3.min.js"></script>
<script type="text/javascript" src="t2rjo7/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('a ,img').jrumble({
speed: 100,
});
$('a ,img').hover(function(){
$(this).trigger('startRumble');
}, function(){
$(this).trigger('stopRumble');
});
});
</script>
</code> </code>

بس يا سيدى وقامت معيطه ههههههه

http://www8.0zz0.com/2014/02/04/22/281521499.png (http://www8.0zz0.com/2014/02/04/22/281521499.png)


كدا خلاص احنا مرجحنا المنتدى forum

http://www8.0zz0.com/2014/02/04/22/253539003.png (http://www8.0zz0.com/2014/02/04/22/253539003.png)

فاضل نمرجح بقى الصور والروابط داخل المواضيع بس

فى الاول دا الكود code اللى هنحطه

[ headinclude ]


رمز PHP:

<code style="white-space:nowrap"> <code>

<script type="text/javascript" src="t2rjo7/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#t2rjo7 a ,#t2rjo7 img').jrumble({
speed: 100,
});

$('#t2rjo7 a ,#t2rjo7 img').hover(function(){
$(this).trigger('startRumble');
}, function(){
$(this).trigger('stopRumble');
});
});
</script>
</code> </code>




هنا بكل بساطه كدا حطينا id اللى هو #t2rjo7

ليه لان دا div احنا عملناه فى قالب template الـ postbit او postbit_legacy

على حسب اللى انت مستخدمه المهم فى الوقت دا التعديل هيكون ازاى


هتخش على

[ الاستايل styleات والقوالب ]

هتختار منها

[ البحث فى القوالب ]

هتبحث عن

[ postbit]


ناخد نسخة إحتياطية

نبحث عن




[ <!-- message, attachments, sig --> ]

هتلاقيها مرتين ركز بس فى الحته دى

فى المره الاولى فوقها هتحط الكود code دا

[| <div id=&quot;t2rjo7&quot;> |]

فى المره التانيه بقى هتقفل الـ div

[| </div> |]


نفس الطريق لقالب template postbit_legacy

بس كدا مرجحنا الروابط والصور اللى فى المواضيع بس


(http://imagetwist.com/9qb6n7j511oa/__________.png.html)http://www12.0zz0.com/2014/02/04/22/619249501.png (http://www12.0zz0.com/2014/02/04/22/619249501.png)




حمل من المرفقات


تم بحمد الله








التعديل الأخير كان بواسطة M.Daoud; 05 - 02 - 2014 الساعة 03:28

ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)

الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif t2rjo7.zip (http://www.traidnt.net/vb/attachments/627056d1328401372-t2rjo7.zip) (32.5 كيلوبايت, عدد مرات المشاهدة 65 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى