المحترفون الجدد ::

منتديـــــــــــــــــ دعم وتطوير منتديات ahlamontada ـــــــــــــــــــــات

الاكواد و التقنيات || Codes and techniques

اكواد من صنعنا

[حصري] حصرياً ولأول مرة كود ازرار روعة للشبكات الاجتماعية و متحركة مثل في المنتدى جرب لن تندم

الرئيسية

أحدث الصور

التسجيل

دخول

أهلا وسهلا بك إلى شركة فور يمنى.

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

شاطر

[حصري] حصرياً ولأول مرة كود ازرار روعة للشبكات الاجتماعية و متحركة مثل في المنتدى جرب لن تندم Empty

السبت يناير 28, 2012 4:59 pm

رسالة

بيانات كاتب الموضوع

[حصري] حصرياً ولأول مرة كود ازرار روعة للشبكات الاجتماعية و متحركة مثل في المنتدى جرب لن تندم

المعلومات
الكاتب:	danny
اللقب:	•(-•عضو ذهـــبى•-)•
الرتبه:
الصورة الرمزية

البيانات
الجنس :
المشاركات :	218
تقييمى :	0

الإتصالات

الحالة:

وسائل الإتصال:

موضوع: [حصري] حصرياً ولأول مرة كود ازرار روعة للشبكات الاجتماعية و متحركة مثل في المنتدى جرب لن تندم

الكود عبارة عن
ازرار للشبكات الاجتماعية
من صنعي
و من تاطويري
حبيت اطرح لأن رائع و يجعل شكل المنتدى جميل

الكود عبارى عن |قسمين|
css||html||

الكود الاول
css

اقتباس:
//.....by starsorck1 f.b.i|| .....//

p#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

p#socialicons img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

p#socialicons2 img{ /* 2nd set of icons. Rotate them 60deg onmouseover and out */
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

p#socialicons2 img:hover{
-moz-transform: rotate(70deg);
-webkit-transform: rotate(70deg);
-o-transform: rotate(70deg);
-ms-transform: rotate(70deg);
transform: rotate(70deg);
}

p#socialicons3 img{ /* 3rd set of icons. Rotate them -360deg onmouseover ONLY. Note where the "transition prop is added */
}

p#socialicons3 img:hover{
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}

الكود الثاني
html

الرمز:
<div style="right: 400px; overflow: visible; width: 102px; position: absolute; top: 38px; height: 17px; left: 98px; font-weight: bold; color: Lime;">
<p id="socialicons3"><font size="3"><a href="https://www.facebook.com/pages/%D8%B3%D8%AA%D8%A7%D8%B1-%D8%B3%D9%88%D8%B1%D9%831/293428624003346?v=wall">
<img src="http://www.dynamicdrive.com/cssexamples/media/socialicons/64x64/rss.png" border="0" height="64" width="64">
<img src="http://www.dynamicdrive.com/cssexamples/media/socialicons/64x64/delicious.png" border="0" height="64" width="64">
<img src="http://www.dynamicdrive.com/cssexamples/media/socialicons/64x64/facebook.png" border="0" height="64" width="64">
<img src="http://www.dynamicdrive.com/cssexamples/media/socialicons/64x64/twitter.png" border="0" height="64" width="64">
<img src="http://www.dynamicdrive.com/cssexamples/media/socialicons/64x64/yahoo.png" border="0" height="64" width="64"></a></font>

lol!

الموضوع الأصلي : [حصري] حصرياً ولأول مرة كود ازرار روعة للشبكات الاجتماعية و متحركة مثل في المنتدى جرب لن تندم // المصدر : منتديات المحترفون الجدد // الكاتب: danny

danny ; توقيع العضو

السبت يناير 28, 2012 5:12 pm

رسالة

بيانات كاتب الموضوع

[حصري] حصرياً ولأول مرة كود ازرار روعة للشبكات الاجتماعية و متحركة مثل في المنتدى جرب لن تندم

المعلومات
الكاتب:	Admin
اللقب:	...::\|المدير العام\|::...
الرتبه:
الصورة الرمزية

البيانات
الجنس :
المشاركات :	1475
تقييمى :	24

الإتصالات

الحالة:

وسائل الإتصال:

موضوع: رد: [حصري] حصرياً ولأول مرة كود ازرار روعة للشبكات الاجتماعية و متحركة مثل في المنتدى جرب لن تندم

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

الموضوع الأصلي : [حصري] حصرياً ولأول مرة كود ازرار روعة للشبكات الاجتماعية و متحركة مثل في المنتدى جرب لن تندم // المصدر : منتديات المحترفون الجدد // الكاتب: Admin

Admin ; توقيع العضو

السبت يناير 28, 2012 5:16 pm

رسالة

بيانات كاتب الموضوع

[حصري] حصرياً ولأول مرة كود ازرار روعة للشبكات الاجتماعية و متحركة مثل في المنتدى جرب لن تندم

المعلومات
الكاتب:	danny
اللقب:	•(-•عضو ذهـــبى•-)•
الرتبه:
الصورة الرمزية

البيانات
الجنس :
المشاركات :	218
تقييمى :	0

الإتصالات

الحالة:

وسائل الإتصال:

موضوع: رد: [حصري] حصرياً ولأول مرة كود ازرار روعة للشبكات الاجتماعية و متحركة مثل في المنتدى جرب لن تندم

ok يا غالي
أخي الكود من صنع و تطويري

danny ; توقيع العضو

مواقع النشر (المفضلة)

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

هام جداً: قوانين المساهمة في المواضيع. انقر هنا للمعاينة

الرد السريع

خــدمات المـوضـوع

كلمات دليليه	[حصري] حصرياً ولأول مرة كود ازرار روعة للشبكات الاجتماعية و متحركة مثل في المنتدى جرب لن تندم , [حصري] حصرياً ولأول مرة كود ازرار روعة للشبكات الاجتماعية و متحركة مثل في المنتدى جرب لن تندم , [حصري] حصرياً ولأول مرة كود ازرار روعة للشبكات الاجتماعية و متحركة مثل في المنتدى جرب لن تندم ,[حصري] حصرياً ولأول مرة كود ازرار روعة للشبكات الاجتماعية و متحركة مثل في المنتدى جرب لن تندم ,[حصري] حصرياً ولأول مرة كود ازرار روعة للشبكات الاجتماعية و متحركة مثل في المنتدى جرب لن تندم , [حصري] حصرياً ولأول مرة كود ازرار روعة للشبكات الاجتماعية و متحركة مثل في المنتدى جرب لن تندم
رابط الموضوع
BBCode
HTMLcode

إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ [حصري] حصرياً ولأول مرة كود ازرار روعة للشبكات الاجتماعية و متحركة مثل في المنتدى جرب لن تندم ] مخالف ,, من فضلك راسل الإدارة من هنا

«الموضوع السابق|الموضوع التالي»

مواضيع ذات صلة

الساعة الآن.