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

اضافة جميع ايقونات التواصل الأجتماعي لمنتداك في كود واحد



23-06-2015 09:05 مساءً
Mahaq11
معلومات الكاتب

كود اضافة ايقونات التواصل الأجتماعي لمنتداك


اقدم لكم اليوم كود سهل جدا لأضافة جميع ايقونات التواصل الأجتماعي الى منتداك

سنشرح طريقة اضافة هذه الأزرار بتقنية 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 مساءً

سبب التعديل : إضافة الصور للمرفقات

 
  social-icons.zip   تحميل zip مرات التحميل :(37)
الحجم :(33.606) KB

look/images/icons/i1.gif اضافة جميع ايقونات التواصل الأجتماعي لمنتداك في كود واحد
  23-12-2015 01:27 مساءً   [1]
حروف متبعثرة
معلومات الكاتب
مشكور ياغالي

شغال 200 بالميه يعطيك العافيه


المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
مطلوب طريقة اضافة جميع ايقونات مواقع التواصل الاجتماعي بشكل متحرك ورائع في المنتدى dayday
6 2020 dayday

الكلمات الدلالية
لا يوجد كلمات دلالية ..






الساعة الآن 09:19 PM