{ للثقافة عنوان وابداع }
كود ايقونات التواصل بتأثيرات رائعة  LK7wd
عزيزي عزيزتي الضيف ة
السلام عليكم ورحمة الله وبركاته
أنت غير مسجل لدينا إذا كانت هذه زيارتك الاولى
ندعوك للتسجيل والأبحار معنا في عالم من الفلك
والمنوعات الممتعة نرحب بك
ونستقبلك بكل ود وورد
{ للثقافة عنوان وابداع }
كود ايقونات التواصل بتأثيرات رائعة  LK7wd
عزيزي عزيزتي الضيف ة
السلام عليكم ورحمة الله وبركاته
أنت غير مسجل لدينا إذا كانت هذه زيارتك الاولى
ندعوك للتسجيل والأبحار معنا في عالم من الفلك
والمنوعات الممتعة نرحب بك
ونستقبلك بكل ود وورد



 
الرئيسيةالرئيسية  التسجيلالتسجيل  أحدث الصورأحدث الصور  دخولدخول  
اخر مواضيع منتديات محمد الفلكى
الموضوع
تاريخ إرسال المشاركة
بواسطة
محامي اسرة بالقاهرة(كريم ابو اليزيد)01202030470
اشهر محامي قضايا اسرة(كريم ابو اليزيد)01202030470
اشهر محامي قضايا اسرة(كريم ابو اليزيد)01202030470
اشهر محامي قضايا اسرة(كريم ابو اليزيد)01202030470
محامي اسرة بالقاهرة(كريم ابو اليزيد)01202030470
اشهر محامي قضايا اسرة(كريم ابو اليزيد)01202030470
اشهر محامي قضايا اسرة(كريم ابو اليزيد)01202030470
اشهر محامي قضايا اسرة(كريم ابو اليزيد)01202030470
محامي اسرة بالقاهرة(كريم ابو اليزيد)01202030470
الإثنين سبتمبر 14, 2020 6:47 pm
الإثنين سبتمبر 14, 2020 6:38 pm
الأحد سبتمبر 13, 2020 8:04 pm
الأحد سبتمبر 13, 2020 8:03 pm
الثلاثاء سبتمبر 08, 2020 4:27 pm
الثلاثاء سبتمبر 08, 2020 4:25 pm
السبت يوليو 18, 2020 6:54 pm
السبت يوليو 18, 2020 6:53 pm
الأربعاء يوليو 08, 2020 7:36 pm









خط خارجي - راس الوادي نت

 

 كود ايقونات التواصل بتأثيرات رائعة

اذهب الى الأسفل 
5 مشترك
كاتب الموضوعرسالة
شموخى
مدير موقع
مدير موقع
شموخى


الجنس : انثى
العمر : 34
عدد المساهمات : 226
الابراج : الميزان
تاريخ الميلاد : 10/10/1990
منتديات مصراتة توباكتس

كود ايقونات التواصل بتأثيرات رائعة  Empty
مُساهمةموضوع: كود ايقونات التواصل بتأثيرات رائعة    كود ايقونات التواصل بتأثيرات رائعة  Emptyالإثنين أبريل 28, 2014 3:56 pm

كود ايقونات التواصل الاجتماعى فى جدول وتدور حول نفسها عند مرور الماوس عليها

صورة الكود

http://im34.gulfup.com/06abB.bmp


الكود الاول يوضع فى التشكيلات العامة او الاعلانات الخاصة

الكود:

    <table border="5">
     <tr title="You are looking at Row 1" bgcolor="#979FD5"><div align="center">
       <td>
    <li><a href="ضع الرابط هنا"><span><img src="http://www.dynamicdrive.com/cssexamples/media/google-heart.png" /></span></a></li></td>
       <td><li><a href="ضع الرابط هنا"><span><img src="http://www.dynamicdrive.com/cssexamples/media/stumble-heart.png" /></span></a></li></td>
    <td><li><a href="ضع الرابط هنا"><span><img src="http://www.dynamicdrive.com/cssexamples/media/yahoo-heart.png" /></span></a></li></td>
    <td><li><a href="ضع الرابط هنا"><span><img src="http://www.dynamicdrive.com/cssexamples/media/rss-heart.png" /></span></a></li></td>
    <td><li><a href="ضع الرابط هنا"><span><img src="http://www.dynamicdrive.com/cssexamples/media/twitter-heart.png" /></span></a></li></td>
    <td><li><a href="ضع الرابط هنا"><span><img src="http://www.dynamicdrive.com/cssexamples/media/facebook-heart.png" /></span></a></li></td>
     </tr>
    
    </table>


الكود الثانى يوضع فى ورقة css

الكود:


    ul.flipboard{
    margin:0;
    padding:0;
    list-style:none;
    -webkit-perspective: 10000px; /* larger the value, the less pronounced the 3D effect */
    -moz-perspective: 10000px;
    -o-perspective: 10000px;
    perspective: 10000px;
    }

    ul.flipboard li{
    display: inline-block;
    width: 80px; /* dimensions of buttons. Do not add padding/margins inside this rule */
    height: 80px;
    margin-right: 10px; /* spacing between buttons */
    background: #B7BDE7;
    font: bold 36px Arial; /* font size */
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    }

    ul.flipboard li a{
    display:block;
    width: 100%;
    height: 100%;
    color: black;
    text-decoration: none;
    outline: none;
    -webkit-transition:all 300ms ease-out 0.1s; /* CSS3 transition. Last value is pause before transition play */
    -moz-transition:all 300ms ease-out 0.1s;
    -o-transition:all 300ms ease-out 0.1s;
    transition:all 300ms ease-out 0.1s;
    }

    ul.flipboard li a span{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 15px; /* Add top padding to "center" content */
    display:block;
    width: 100%;
    height: 100%;
    -webkit-transition:all 300ms ease-out 0.1s; /* CSS3 transition. Last value is pause before transition play */
    -moz-transition:all 300ms ease-out 0.1s;
    -o-transition:all 300ms ease-out 0.1s;
    transition:all 300ms ease-out 0.1s;
    }

    ul.flipboard li a img{
    border-width: 0;
    }

    ul.flipboard li:hover a{
    -moz-transform: rotateY(180deg); /* flip horizontally 180deg*/
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background: #cef1ff; /* background color of button onmouseover */
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    -webkit-box-shadow:0 0 5px #eee inset;
    -moz-box-shadow:0 0 5px #eee inset;
    box-shadow:0 0 5px #eee inset;
    }

    ul.flipboard li:hover a span{
    -moz-transform: rotateY(180deg); /* flip horizontally 180deg*/
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    }


الرجوع الى أعلى الصفحة اذهب الى الأسفل
shamirnda
مدير موقع
مدير موقع
shamirnda


الجنس : انثى
العمر : 44
عدد المساهمات : 1567
الابراج : السرطان
تاريخ الميلاد : 03/07/1980

كود ايقونات التواصل بتأثيرات رائعة  Empty
مُساهمةموضوع: رد: كود ايقونات التواصل بتأثيرات رائعة    كود ايقونات التواصل بتأثيرات رائعة  Emptyالإثنين أبريل 28, 2014 7:59 pm

حلوة و واااااااااااااااو حلوة
كثييييييييير تسلم ايدك
بانتضار جديدك


كود ايقونات التواصل بتأثيرات رائعة  68118
الرجوع الى أعلى الصفحة اذهب الى الأسفل
الفلكي محمد
المدير
المدير
الفلكي محمد


الجنس : ذكر
العمر : 63
عدد المساهمات : 10259
الابراج : الحمل
تاريخ الميلاد : 17/04/1961
منتديات الفلكي محمد

كود ايقونات التواصل بتأثيرات رائعة  Empty
مُساهمةموضوع: رد: كود ايقونات التواصل بتأثيرات رائعة    كود ايقونات التواصل بتأثيرات رائعة  Emptyالثلاثاء أبريل 29, 2014 8:11 pm

نحن لا نشتري الجواهرولا نبيع الالماس
ولكن نقدر حق قدر من يضع
درر الالماس ونفائس الجواهر بيننا
كي يكون بصمة جميلة وذكرى مفيدة
لمن قراوشاهد ومر بهذا الموضوع المتألق
جزاك الله خيرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://mhmd623.yoo7.com/
شموخى
مدير موقع
مدير موقع
شموخى


الجنس : انثى
العمر : 34
عدد المساهمات : 226
الابراج : الميزان
تاريخ الميلاد : 10/10/1990
منتديات مصراتة توباكتس

كود ايقونات التواصل بتأثيرات رائعة  Empty
مُساهمةموضوع: رد: كود ايقونات التواصل بتأثيرات رائعة    كود ايقونات التواصل بتأثيرات رائعة  Emptyالأربعاء أبريل 30, 2014 3:35 am

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


الجنس : انثى
العمر : 34
عدد المساهمات : 1073
الابراج : الثور
تاريخ الميلاد : 04/05/1990
http://www.alnor75.com/

كود ايقونات التواصل بتأثيرات رائعة  Empty
مُساهمةموضوع: رد: كود ايقونات التواصل بتأثيرات رائعة    كود ايقونات التواصل بتأثيرات رائعة  Emptyالثلاثاء يونيو 03, 2014 6:57 pm

تسلم الايادى

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




الجنس : ذكر
العمر : 55
عدد المساهمات : 103
الابراج : السرطان
تاريخ الميلاد : 01/07/1969
ahmd

كود ايقونات التواصل بتأثيرات رائعة  Empty
مُساهمةموضوع: رد: كود ايقونات التواصل بتأثيرات رائعة    كود ايقونات التواصل بتأثيرات رائعة  Emptyالأربعاء يوليو 16, 2014 3:18 am

اكوادات مميزة ورائعة
نشكر لك هذة المشاركة
جزاك الله خيرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود ايقونات التواصل بتأثيرات رائعة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» شهر التواصل والتكافل
» التواصل العاطفى بين الزوجين
» بحث في فائدة الاعضاء يقينامنا بحسن التواصل
» قصة رائعة
» جواهر رائعة

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
{ للثقافة عنوان وابداع } :: منتدى محمد الفلكى لدعم وتطوير المنتديات :: منتدى الاكواد المميزة-
انتقل الى: