منتدى فضائى : اصلاح وصيانة الريسيفرات والاجهزه الكهربائيه وتحديد اتجاه الاقمار الصناعيه واقوى السيرفرات المجانيه والمدفوعه لفتح القنوات المشفرة واحدث البرامج الخاص بالكمبيوتر  

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



شاطر | 

 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
معلومات العضـو
محمد صبحي
المديرالعام
avatar
رقم العضوية : 1
تاريخ التسجيل : 17/05/2016
المشاركات : 457
الدولة : مصر
#1مُساهمةموضوع: css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها   السبت أغسطس 06, 2016 11:54 pm

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

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


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


صورة توضح مزايا الكود
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

تكبير الصورة معاينة الأبعاد الأصلية.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود
الكود: ---------تضليل المحتوى
الكود:


/*----- اضافة التأثيرات على الصور-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 انا استطعت من خلاله صنع عدة اكواد رائعه
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

الرابط   [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
* توقــــــيع العضــو = محمد صبحي*




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
المصراويه  :: منتديات الدعم والمساعدة :: اكواد وقوالب التومبيلات وتقنيات اخرى :: الأكواد الإنسيابية CSS-
انتقل الى:  
أختر لغة المنتدى من هنا
الساعة الآن

اخـرالمواضيــع strong hd 4992 super الازرق الإثنين يوليو 09, 2018 2:33 pm من طرف مجدى ملف قنوات عربى زووم ستار واشباه بتاريخ 2017/6/1 الخميس يونيو 28, 2018 3:45 pm من طرف samehhabib7 ملف عربي بتاريخ 25 /11/ 2017 لاجهزة برفكس (8000h1 الابيض والاسمر و A1 و V1 و 7400H الاسود و 8000H و8400H) معالج 6605 والدفعه الجديده V2 معالج 6605S الأربعاء يونيو 13, 2018 1:00 pm من طرف bedo morad العملاق لرفع وتحميل الصور الأحد يونيو 10, 2018 11:36 pm من طرف محمد صبحي احدث ملف قنوات نيل سات اسلامي عربي PRIFIX 8000 H1 الفضي الدفعة الأولى بالسوفت الأصلي وبالريموت الأصلي بتاريخ 1-5-2018 الملف بكل جديد وحصري الأحد يونيو 10, 2018 11:30 pm من طرف محمد صبحي

Powered by vBulletin Forums ahlamontada
(Copyright ©2000 - 2018, phpBB2 subsilver)


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
* * * ( ا لــمــصـــر ا و يــــــــــه ) * * *