اضافة ازرار مواقع التواصل الاجتماعي للبلوجر

السلام عليكم و رحمة الله تعالى و بركاته اخواني و اخواتي و كل متتبعي مدونة نجوم الويب

و الصلاة و السلام على سيدنا محمد خاتم النبيين و امام المرسلين

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

هذه الازرار مصممة ليتم وضعها في النافبار او اي قائمة افقية في الموقع

و هذا لكي تظهر بشكل اجمل ..

الان طريقة الاضافة :

اولا نبحث عن الوسم ]]></b:skin>

و نضع فوقه مباشرة الكود التالي :

/*---------------social-icons----------------*/ #social-icons{float:left;margin:0; padding: 5px 10px;} #social-icons a {margin: 0;padding: 0 3px;} #social-icons a img { -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; } #social-icons a img:hover {opacity:0.8;transition:1s; -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

مع تغيير ما يلي :

float : مكان تواجد الايقونات left or right
rotate : درجة الدوران

ثم نذهب الى المكان الذي نريد وضع الايقونات فيه و نضع الكود التالي :

و كذا يمكنك اضافة المزيد من المواقع و ذلك باستخدام الوسم :

و يتم وضعه فوق </ul>

الى هنا نكون قد انتهينا من موضوعنا لليوم و الى اللقاء في موضوع جديد باذن الله

اضافة ازرار مواقع التواصل الاجتماعي للبلوجر

ليست هناك تعليقات:

إرسال تعليق

اقسام المدونة

اعلان

اضافة ازرار مواقع التواصل الاجتماعي للبلوجر

قد يعجبك أيضا

ليست هناك تعليقات:

إرسال تعليق

اقسام المدونة

اعلان