استعمل مربع البحث في الاسفل لمزيد من المواضيع
سريع للبحث عن مواضيع في المنتدى
-
11-01-2013, بتوقيت غرينيتش 04:22 PM
#1
قائمة مميزة للأزرار التواصل الأجتماعيcss3
ظ‚ط§ط¦ظ…ط© ظ…ظ…ظٹط²ط© ظ„ظ„ط£ط²ط±ط§ط± ط§ظ„طھظˆط§طµظ„ ط§ظ„ط£ط¬طھظ…ط§ط¹ظٹcss3
بسم الله الرحمن الرحيم
السلام عليكم ورحمه الله وبركاته
كما عودناكم بالجديد اليوم أضافة مميزة ، وهي قائمة تحتوي على أزرار مواقع التواصل الأجتماعي بـتأثيرات الـ css3 .
رمز Code:
<style> /*--------Touch Me Sharing Widget ------*/ .touchme a { display:block; height:50px; width:50px; padding:0 4px; float:left; background:transparent url(http://mybloggertricks.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat; -webkit-transition: ease-in 0.2s all; -moz-transition: ease-in 0.2s all; -o-transition: ease-in 0.2s all; -ms-transition: ease-in 0.2s all; transition: ease-in 0.2s all; cursor
ointer; } .touchme a.googleplus { background-position: 0px -58px; } .touchme a.googleplus:hover { background-position: 0px 0px; } .touchme a.twitter { background-position: 0px -290px; } .touchme a.twitter:hover { background-position: 0px -232px; } .touchme a.facebook { background-position: 0px -406px; } .touchme a.facebook:hover { background-position: 0px -348px; } .touchme a.rss { background-position: 0px -174px; } .touchme a.rss:hover { background-position: 0px -116px; } </style> <div class='touchme'> <!--RSS--> <a class='rss' href="YOUR RSS LINK" rel='external nofollow' target='_blank'></a> <!--Google Plus--> <a class='googleplus' href="YOUR GOOGLE PROFILE LINK" rel='external nofollow' target='_blank'></a> <!--Facebook--> <a class='facebook' href="YOUR FACEBOOK LINK" rel='external nofollow' target='_blank'></a> <!-- Twitter --> <a class='twitter' href="YOUR TWITTER LINK" rel='external nofollow' target='_blank' ></a> </div>
كيف تستخدمها في الـblogger:-
قم بذهاب إلى > تصميم>عناصر الصفحة>أضافة أداة>
HTML/JavaScript
هذا والله ولي التوفيق والقادر عليه . . .
بداية مطور
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
المواضيع المتشابهه
-
بواسطة salima في المنتدى لغات البرمجه للويب
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 03:45 PM
-
بواسطة walid في المنتدى تطوير منتديات vb4.0.0
مشاركات: 0
آخر مشاركة: 10-30-2013, بتوقيت غرينيتش 11:07 PM
-
بواسطة walid في المنتدى تطوير منتديات XenForo
مشاركات: 0
آخر مشاركة: 10-30-2013, بتوقيت غرينيتش 10:06 PM
-
بواسطة walid في المنتدى دروس و شروحات الفلاش و السويش
مشاركات: 0
آخر مشاركة: 10-30-2013, بتوقيت غرينيتش 07:48 PM
-
بواسطة ام بهاء في المنتدى قسم الكروشي و التريكو و الماكرامي
مشاركات: 0
آخر مشاركة: 09-30-2013, بتوقيت غرينيتش 03:30 PM
ضوابط المشاركة
- لا تستطيع إضافة مواضيع جديدة
- لا تستطيع الرد على المواضيع
- لا تستطيع إرفاق ملفات
- لا تستطيع تعديل مشاركاتك
-
قوانين المنتدى