منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

حصريا : كود عمل خاصية zoom علي الصور الشخصية روعة

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

حصريا : كود عمل خاصية zoom علي الصور الشخصية روعة

مُساهمة من طرف A7medvirus في الجمعة 24 يونيو 2011 - 18:19

السلام عليكم ورحمة الله وبركاته

اقدم لكم كود عمل خاصية zoom علي الصور الشخصية روعة

صور كمثال : الصورة لاتلمس الفرق الحقيقي يجب ان تجرب بنفسك لكي تري الفرق الحقيقي




الكود

الكود:
.postdetails.poster-profile a img {
-webkit-transform:scale(0.9);
    -moz-transform:scale(0.9);
    -o-transform:scale(0.9);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    opacity: 0.9;
    margin: 0 10px 5px 0;
    }
.postdetails.poster-profile a img:hover {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);    box-shadow:0px 0px 30px gray;
    -webkit-box-shadow:0px 0px "AQUI EL TAMAÑO EN PIXELES DEL SHADOW" px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
    -moz-box-shadow:0px 0px "AQUI EL TAMAÑO EN PIXELES DEL SHADOW"px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
    opacity: 1;
    }


طريقة الوضع:>
لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css
..
ملحوظة هذا الكود للنسخة phpbb2
...
اخوكم احمد ِ لانريد مقابل غير
ادعولي بظهر الغيب / وفقكم الله في حياتكم
والسلام عليكم






عدل سابقا من قبل A7medvirus في الجمعة 24 يونيو 2011 - 23:18 عدل 1 مرات
avatar
A7medvirus
 
 

ذكر
عدد المساهمات : 8167
معدل النشاط : 10143
السُمعة : 46

http://www.fm63.net/t1458-topic#5564

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

- مواضيع مماثلة

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