{ للثقافة عنوان وابداع }

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



 
الرئيسيةالرئيسية  التسجيلالتسجيل  الأعضاءالأعضاء  دخولدخول  بحـثبحـث  س .و .جس .و .ج  اليوميةاليومية  مكتبة الصورمكتبة الصور  
اخر مواضيع منتديات محمد الفلكى
الموضوع
تاريخ إرسال المشاركة
بواسطة
شركة ديكور ، اتصل لعمل معاينة 01277166796
شركة تشطيبات ، اتصل لعمل معاينة 01277166796
شركة تشطيب ، اتصل لعمل معاينة 01277166796
مسطح غاز وكهرباء البا ، شفاط 60 سم ، مسطح غاز 60 سم ( تشكيلة متنوعة )
شركات تصنيع يونيفورم هاوس كيبنج 01223182572
شواية بالفحم ، مسطح 30 سم غاز ، مسطح كهرباء 30 سم البا ( تشكيلة متنوعة )
ترنجات بيت حريمى 01033281228
يونيفورم مطاعم ( شركة السلام لليونيفورم 01118689995 )
فرن غاز 60 سم - فرن كهرباء 90 سم متعدد الوظائف البا ( تشكيلة متنوعة )
أمس في 8:41 pm
أمس في 7:40 pm
أمس في 6:24 pm
الخميس ديسمبر 13, 2018 8:55 pm
الخميس ديسمبر 13, 2018 8:46 pm
الخميس ديسمبر 13, 2018 8:28 pm
الخميس ديسمبر 13, 2018 8:27 pm
الخميس ديسمبر 13, 2018 8:02 pm
الخميس ديسمبر 13, 2018 7:53 pm
ديانا دودو
ديانا دودو
ديانا دودو
ديانا دودو
nermo
ديانا دودو
nermo
nermo
ديانا دودو
خط خارجي - راس الوادي نت

شاطر | 
 

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

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

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

مُساهمةموضوع: كود ايقونات التواصل بتأثيرات رائعة    الإثنين أبريل 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
مدير موقع
مدير موقع
avatar

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

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

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


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

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

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

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



ولدت أپگي ومآزلت پأحزآني وچرحي آلتي تعدت حدود آليأس وآلحرمآن
وحينمآ أپگي يرسم آلدمع أشگآلآً منسآپةً في آلهوآء شگآلآً شپيهةً پلوحآت
ترگت قپل أن تگتمل فأهآمس دمعي قآئل دعني يآ دمعي أختفي
لآ ترسمني ملآمح من إنسآن آرسمني ملآمح من آلخوف ملآمح
من آلهدوء آلمچروح دعني يآ دمعي لأحرگ لنفسي آلسرآپ
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://mhmd623.cinebb.com/
شموخى
مدير موقع
مدير موقع
avatar

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

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

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

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

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

تسلم الايادى

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



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

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

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

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