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

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




23-06-2015 09:05 مساء
Mahaq11
عضو جديد
معلومات الكاتب ▼
تاريخ الإنضمام : 23-06-2015
رقم العضوية : 6120
المشاركات : 1
الجنس : ذكر
تاريخ الميلاد : 29-8-1978
يتابعهم : 0
يتابعونه : 0
قوة السمعة : 100
اصدار المنتدى : Unlimited
 offline 

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

اقدم لكم اليوم كود سهل جدا لأضافة جميع ايقونات التواصل الأجتماعي الى منتداك
سنشرح طريقة اضافة هذه الأزرار بتقنية css3 الى منتداك
 
dyl6cect
 
 
نبدأ ان شاء الله :
 
طريقة اضافة اضافة الأزرار :
  • ندخل الى لوحة إدارة المنتدى
  • نتوجه الى اعلانات أدسنس ثم اضافة اعلان ادسنس جديد وتحدد المكان اسفل المنتدى مثلاً .
  • ثم نقوم بإدخال الكود و التعديل عليه > ثم الحفظ .
الكود :
<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>

 
بعد وضع الكود لا تنس تغيير ما يلي :
  • رابط حسابك على الفيسبوك
  • رابط حسابك على التويتر
  • رابط حسابك على جوجل بلس
  • رابط خلاصات مواضيع مدونتك
  • رابط حسابك على اليوتوب
ملاحظة : يمكنك أيضا تغيير الصور وذلك عن طريق تغيير رابطها من الكود .
 
 
  social-icons.zip   تحميل zip مرات التحميل :(17)
الحجم :(33.606) KB



تم تحرير الموضوع بواسطة :Mr King
بتاريخ:23-12-2015 05:34 مساء

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


23-12-2015 01:27 مساء
مشاهدة مشاركة منفردة [1]
حروف متبعثرة
عضـو مشارك
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 10-12-2015
رقم العضوية : 6353
المشاركات : 2
الجنس : ذكر
تاريخ الميلاد : 1-2-1980
يتابعهم : 0
يتابعونه : 0
قوة السمعة : 0
اصدار المنتدى : غير محدد
 offline 
look/images/icons/i1.gif اضافة جميع ايقونات التواصل الأجتماعي لمنتداك في كود واحد
مشكور ياغالي   
 شغال 200  بالميه يعطيك العافيه


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

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







الساعة الآن 11:09 مساء