شرح اضافة صوره كا ايقونه مختلفه بجواركل موضوع يضاف

elmohandespma

[ أعضاء فى القلب ]
11 فبراير 2009
415
0
0
مصر
بسم الله الرحمن الرحيم

شاهدت بأحد المنتديات اضافه متميزه
اتمنى تعرفونى كيفية اضافتها وعملها
معروف ان فى كل قسم بالمنتدى يمكن اضافة ايقونه خاصه به لكن الجديد الذى رأيته هو ان لكل موضوع داخل القسم ايقونه
اتمنى معرفتى طريقة فعل هذا الامر
ويوجد ايضا بالبوست تضع الماوس الصوره تتحرك يمينا ويسارا عليها تأثير اريد معرفته
وبالله التوفيق
 
هل الاستفسار الاول تقصد به هذا
GC8afRn.png

مثل الموجود هنا بالدعم العربى
بالنسبه للاستفسار الثانى
طريقة عمل الكود : الكود يقوم بتدوير الصورة وعمل ظل لها بمرور الماوس بشكل
تدريجي ، وعند إبعاد الماوس أيضا تدور الصوره بعكس الاتجاه ويزول الظل بشكل تدرجي .

LDC98190.jpg



الكود وطريقة تركيبه :
أولا توجه من ، المنتدى
» الإداره » الإستايلات والقوالب » التحكم بالإستايلات » الاستايل المراد وضع الكود عليه » CSS رئيسي »




وأضف الكود التالي في "تعاريف CSS الإضافية/Additional CSS Definitions"


PHP:
img{-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
box-shadow: 0 0px 20px #000;
}


LDC98190.jpg


بالتوفيق
 
تمام اخى وان شاء الله بوصل لاضافة ايقونه خاصه لكل موضوع بالقسم جزاكم الله كل خير

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


😚😚😚

بخصوص التأثير على الصور css

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