حصريا : كود عمل خاصية 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
معدل النشاط : 10478
السُمعة : 46

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

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

الرجوع الى أعلى الصفحة

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

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