- الرئيسية
- ما الجديد !
-
الصفحات▼
الصفحات
أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .
اضافة جميع ايقونات التواصل الأجتماعي لمنتداك في كود واحد
-
23-06-2015 09:05 مساءً
-
Mahaq11معلومات الكاتبالأعضاءعضو جديد
- انضم في :
- 23-06-2015
- رقم العضوية :
- 6120
- المشاركات :
- 1
- الجنس:
- تاريخ الميلاد :
- 29-8-1978
- قوة السمعة:
- 100
-
كود اضافة ايقونات التواصل الأجتماعي لمنتداك
اقدم لكم اليوم كود سهل جدا لأضافة جميع ايقونات التواصل الأجتماعي الى منتداك
سنشرح طريقة اضافة هذه الأزرار بتقنية css3 الى منتداك
نبدأ ان شاء الله :
طريقة اضافة اضافة الأزرار :
- ندخل الى لوحة إدارة المنتدى
- نتوجه الى اعلانات أدسنس ثم اضافة اعلان ادسنس جديد وتحدد المكان اسفل المنتدى مثلاً .
- ثم نقوم بإدخال الكود و التعديل عليه > ثم الحفظ .
CODE<style>p#hb_socialicons img { /* Spinning Social Icons Widget By pbboard */ -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } p#hb_socialicons img:hover { -moz-transform: rotate(120deg); -webkit-transform: rotate(120deg); -o-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } /* Spinning Social Icons Widget By pbboard */ </style> <center> <p id="hb_socialicons"> <a href="رابط حسابك في الفيسبوك"> <img border="0" src="http://3.bp.blogspot.com/-ck0bnvgk5uI/T_fxhb7Ay-I/AAAAAAAACRY/yZR4hu8omnE/s1600/helperblogger.com-facebook.png" /></a> <a href="رابط حسابك في تويتر"> <img border="0" src="http://4.bp.blogspot.com/-P_NkdPIsSQQ/T_fxjUKUF2I/AAAAAAAACRs/KXfA3LnHej8/s1600/helperblogger.com-twitter.png" /></a> <a href="رابط حسابك في جوجل بلس"> <img border="0" src="http://1.bp.blogspot.com/-uSOHwlVeA68/T_fxiHgtoJI/AAAAAAAACRc/-UZ8ujxc7Ic/s1600/helperblogger.com-google_plus.png" /></a> <a href="رابط خلاصات مواضيع مدونتك"> <img border="0" src="http://2.bp.blogspot.com/-2sRpqFhID4A/T_fxipoh7DI/AAAAAAAACRo/kn_qiQKBT-o/s1600/helperblogger.com-rss.png" /></a> <a href="حسابك في اليوتوب"> <img border="0" src="http://3.bp.blogspot.com/-2wY3FQCZgoM/T_fxkMsCqtI/AAAAAAAACR4/jsNUZdVcCCg/s1600/helperblogger.com-youtube.png" /></a> </p> </center>
بعد وضع الكود لا تنس تغيير ما يلي :
- رابط حسابك على الفيسبوك
- رابط حسابك على التويتر
- رابط حسابك على جوجل بلس
- رابط خلاصات مواضيع مدونتك
- رابط حسابك على اليوتوب
-
تم تحرير الموضوع بواسطة :Mr King بتاريخ: 23-12-2015 05:34 مساءً
سبب التعديل : إضافة الصور للمرفقات
-
-
اضافة جميع ايقونات التواصل الأجتماعي لمنتداك في كود واحد 23-12-2015 01:27 مساءً [1]
-
حروف متبعثرةمعلومات الكاتبالأعضاءعضو جديد
- انضم في :
- 10-12-2015
- رقم العضوية :
- 6353
- المشاركات :
- 2
- الجنس:
- تاريخ الميلاد :
- 1-2-1980
- قوة السمعة:
- 0
-
مشكور ياغالي
شغال 200 بالميه يعطيك العافيه
- ندخل الى لوحة إدارة المنتدى