![كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية 5wz1qh10](https://i.servimg.com/u/f34/14/83/59/48/5wz1qh10.png)
كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية
صفحة 1 من اصل 1 • شاطر
![كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية Empty](https://2img.net/i/empty.gif)
- admin
- الساعة الآن :
نوع المهنة :![كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية Progra10](https://i.servimg.com/u/f31/11/43/08/71/progra10.gif)
نوع المتصفح :![كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية Fmfire10](https://i.servimg.com/u/f62/11/22/70/40/fmfire10.png)
الهوايات :
المزاج :
الدولة : 
المحافظه :- محافظة عدن
إحترام قوانين المنتدى : 
الجنس : 
عدد المساهمات : 432
نقاظ نشاط العضو : 13930 تقييم العضو : 16
تاريخ التسجيل : 05/06/2013 -
admin الثلاثاء 9 يوليو - 6:00:35
بسم الله الرحمن الرحيم
السلام وعليكم ورحمة الله وبركاته
مرحباً اعضائنا وزوار المشاهدين
الآن جبت لكم كود جميل
وهو كود لوضع صوره في الصفحه الرئيسيه للمنتدى
فيها صورة العضو جمب اخر موضوع للقسم
والكود ينقسم الى قمسين كود جافا وكود سي اس اس
هيا بنا ناخد تفاصيل الكود
قبل وضع موشر الفاره على الصوره :
![كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية TVXkH](https://2img.net/h/im37.gulfup.com/TVXkH.png)
بعد وضع موشر الفاره على الصوره :
![كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية LtU2U](https://2img.net/h/im37.gulfup.com/ltU2U.png)
من خلال هدا الكود يتم اظهار صوره للعضو عند نشر اخر موضوع للمنتدى
وهدا يعطي للمنتدى الجمال
ويمكنكم مشاهده الكود في منتدانا انتقل الى الصفحه الرئيسيه للمنتدى
وراح تشوف صور الاعضاء جمب اخر المواضيع عند الاقسام
وهدا الكود مميز وحلو وانا الصراحه عجبني جداً
وان شاء الله يعجبكم انتم ايضاً
آدآره آلمنتدى > عنآصر آضآفيه > إدآرة أگوآد Javascript
پعدهآ
آنشآء گود چديد > آلعنوآن . دخول تلقآئي للدردشه > وپعدهآ آختآر چميع آلصفحآت > ثم آضغظ سچل
اداره المنتدى > مظهر المنتدى > الوان > ورقة css > بعدها لصق
يجب عليك وضع رد لهدا الموضوع لكي ترى الكود
وهدا يعطي تفاعل اكثر للموضوع وشكراً لك
- الكود:
.mini_ava {
float: left;
}
.mini_ava img {
width: 40px;
height: 40px;
margin: 0 5px;
border-radius: 10px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.mini_ava img:hover
{
width: 80px;
height: 80px;
}
اتمنا ان يكون الكود قد عجبكم وان شاء الله انتطروا جديدنا للاكواد لمنتديات احلى منتدى .. وشكراً
والسلام وعليكم ورحمة الله وبركاته
_______________________________________________
نقلاً من موقع : احلى منتدى
