أهلا وسهلا بك إلى .
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.

الرئيسيةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

 :: تقنيات متقدمه :: اكواد css

شاطر

الخميس يوليو 03, 2014 6:59 pm
المشاركة رقم:
مؤسس المنتدى
مؤسس المنتدى

avatar

إحصائية العضو

الجنس : ذكر
عدد المساهمات : 87
الدوله : اااتات
السٌّمعَة : 0
تاريخ التسجيل : 23/05/2012
العمر : 19
الوسام : الادارى المميز
http://modycode.yourme.net
مُساهمةموضوع: كود عمل زوم علي الصور في المساهمات عند مرور الماوس عليها


كود عمل زوم علي الصور في المساهمات عند مرور الماوس عليها


السلام عليكم 


اقدم لكم كود عمل زوم علي الصور في المساهمات


قبل استخدام الكود : http://i74.servimg.com/u/f74/17/78/80/10/dgjji10.jpg


بعد استخدام الكود : http://i74.servimg.com/u/f74/17/78/80/10/idgxf10.jpg


تفضلواً الكود :
الكود:
 
    /*----- زووم لصور المواضيع -----*/
      .postbody img{
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
 
}
    .postbody img:hover{
-moz-transform:scale(1.1); /*Mozilla scale version*/
-moz-box-shadow:0px 0px 0px gray; /*Mozilla shadow version*/
opacity: 1;
}

شرح التركيب : لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم ال css

الي هنا اخواني يكون قد انتهي موضوعنا , بالتوفيق لكم 






توقيع : msre




[size=16]إذا كان هناك أي شيء غير واضح نرجو الرد للتوضيح
مع تحياتي
[/size]
[size=29]~[/size]m̶̶s̶̶r̶̶e̶̶ s̶̶a̶̶i̶̶e̶̶d̶̶~
                            






الــرد الســـريـع
..



الذين يشاهدون محتوى الموضوع الآن : 20 ( الأعضاء 3 والزوار 17)



تعليمات المشاركة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة