العراق اونلاين
نرحب
بكل من يزور
منتدانا

ننتظر تسجيلك هـنـا


{ (إعلن معنا ) ~

..{ |[.. التبادل الاعلاني للمنتديات.. ☆ ┗ }..}~
     
..{ |[.. فعَاليَات المُنتدى .. ☆ ┗ }..}~
     




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

 css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها I_icon_minicat_new منتدبات سحر العيون
۞منور المنتدى۞ إسم المستخدم: زائر آخر زيارة لك كانت: أخر عضو مسجل: ameeraljn مواضيعى : ردودى
الرئيسية القوانين المجموعات مجلة المنتدي المشاركات الجديدة البحث التسجيل تسجيل الخروج

العراق اونلاين :: الترحيب بالعضو/والزائر الكريم :: اكواد css

إرسال موضوع جديدإرسال مساهمة في موضوع
شاطر

 css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها Emptyالأربعاء فبراير 04, 2015 2:50 pm
المشاركة رقم:
Admin
Admin

سحر العيون

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

عدد المساهمات : 341
تاريخ التسجيل : 05/01/2013
https://iraqaonlaen.0wn0.com
مُساهمةموضوع: css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها


css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها


السلام عليكم

اقدم لكم كود حصري من صنعي لاضافة تاطيرت وتأثيرات جميله للصور

الكود لجميع النسخ
يعمل على(صور البيانات الشخصيه-الصور فى المساهمات-ازرار المساهمات)


ظل خلف جميع الصور
تأطيرات احترافيه على جميع الصور
ميلان الصور وتحركها بمجرد مرور الماوس عليها


صورة توضح مزايا الكود
https://i.servimg.com/u/f28/15/28/56/97/1_bmp30.jpg

تكبير الصورة معاينة الأبعاد الأصلية.





الكود:
       
       
        /*----- اضافة التأثيرات على الصور-Ayman4u  -----*/
       
            .post img {-webkit-transition:  -webkit-transform .15s linear;
            -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
            -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
            padding: 5px 5px 5px 5px;
            -webkit-transform:  rotate( 2deg);
            -moz-transform: rotate( 2deg);
            }
       
            .post img:hover {
            -webkit-box-shadow:  0 3px 6px rgba(0,0,0,.5);
            -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
            -webkit-transform:  rotate(-1deg);
            -moz-transform: rotate(-1deg);
            }
        /*----- اضافة التأثيرات على الصور-Ayman4u  -----*/




يمكنكم التحكم فى درجة ميلان الصورعن طريق الآتى
القيمه ( 2deg) وتمثل درجة الميلان الاساسيه والثابته كلما زدت القيمه زادت درجة ميلان الصور والعكس صحيح
القيمة (-1deg) تمثل درجة الميلان عند مرور الماوس كلما زدت فى الرقم زاد الميلان بمرور المؤشر والعكس صحيح
-من يرغب الغاء هذا الميلان وجعل الايطارات فقط يمكنه وضع القيمة 0

التحكم فى حجم الايطارات عن طريق الآتى
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
كلما قمت بزيادة القيمه زاد حجم الايطار مع الظل والعكس صحيح


طريقة الوضع كالعاده
لوحة الاداره-مظهرالمنتدى-الوان-ورقة تصميمCss-ضع الكود-قدم

فى النهايه اقدم لكم هذا الموقع الرائع جدا لصناعة اكوادCss انا استطعت من خلاله صنع عدة اكواد رائعه
http://www.css3maker.com/box-shadow.html

رجاء ممنوع حذف حقوقى من الكود أو التلاعب بها Idea
خالص تحياتى





توقيع : سحر العيون





 css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها Emptyالأربعاء يونيو 24, 2015 11:55 am
المشاركة رقم:

علم حسن

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

عدد المساهمات : 87
تاريخ التسجيل : 25/05/2015
الموقع : http://almsoft.sudanforums.net/
http://almsoft.sudanforums.net/
مُساهمةموضوع: رد: css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها


css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها


إنتقاء ثري بالذائقه

سلمت ودام رقي ذوقك

بإنتظار القادم بشوق

كل الود لروحك






توقيع : علم حسن





إرسال موضوع جديدإرسال مساهمة في موضوع



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



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



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

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


๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑(أعلي 10 إحصائيات)๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑
أكثر الأقسام شعبيةأفضل المواضيعافضل 10 اعضاء فى منتدىآخر المشاركات
 سحر العيون 341 المساهمات
 علم حسن 87 المساهمات
 أبو آفاق 84 المساهمات
 احمد الهلالى 1 مُساهمة
الموضوع  التاريخ, الوقت أرسلت بواسطة
 توقيت نشر المساهمه الثلاثاء يناير 24, 2017 2:03 am
 توقيت نشر المساهمه السبت أكتوبر 08, 2016 8:26 am
 توقيت نشر المساهمه الجمعة أكتوبر 16, 2015 5:07 pm
 توقيت نشر المساهمه الأحد أغسطس 16, 2015 4:41 am
 توقيت نشر المساهمه الثلاثاء يوليو 28, 2015 5:26 am
 توقيت نشر المساهمه الخميس يوليو 23, 2015 8:21 pm
 توقيت نشر المساهمه الخميس يوليو 23, 2015 7:31 pm
 توقيت نشر المساهمه الأربعاء يوليو 22, 2015 2:20 pm
 توقيت نشر المساهمه الأحد يوليو 19, 2015 8:15 am
 توقيت نشر المساهمه الأحد يوليو 19, 2015 8:13 am
 توقيت نشر المساهمه الأحد يوليو 19, 2015 8:06 am
 توقيت نشر المساهمه السبت يوليو 18, 2015 8:28 pm
أفضل 10 فاتحي مواضيع افضل 10 اعضاء هذا الشهرافضل 10 اعضاء هذا الاسبوع
سحر العيون 203 المواضيع
أبو آفاق 22 المواضيع
علم حسن 18 المواضيع
احمد الهلالى 1 موضوع