15‏/11‏/2016

كود ازرار تدور 360 درجة لمدونتك او موقعك مجانا مع التنسيق مثل ترايدنت

بسم الله الرحمان الرحيم

اما بعد متابعي ومتابعات مدونة حاسوبي Astuce
في شرح جديد حول كود ازرار تدور 360 درجة لمدونتك او موقعك مجانا مع التنسيق
تحت طلب لاحد اعضاء منتديات ترايدنت الشهير
قمت بعمل شرح بسيط للكود

معاينة

لنبدّأ على بركة الله
شرح الطريقة
في المكان الذي تراه مناسبا او الذي تريد ان تضع في الصور او الازرار الصق الكود التالي

تحديد الكل
 بعدها احذف السطر التالي ان كان ت مكتبة Fontawesome مضافة الى موقعك
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css' rel='stylesheet'/>
ثم استبدل على التوالي اكواد الازرار التالية باكوادك
fa-home
fa-envelope
fa-sitemap
fa-play-circle
يمكنك الحصول عليها من الصفحة التالية
ثم استبدل الروابط براويطك
مثلا
<a href="https://astuce-hassoubi.blogspot.com/p/blog-page_27.html" rel="nofollow">
<li class="fa  fa-play-circle"></li></a>
الى هنا انتهى الشرح والسلام عليكم ورحمة الله نعالى وبركاته

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

  1. اضافة جميلة شكرا لك
    ولكن بصراحه لم افهم الشرح

    ردحذف
    الردود
    1. لا باس اخي
      فهلا ترشدني الى الذي لم تفهمه في الشرح فاصححه و اعزز التدوينة وفي نفس الوقت تفهم اكثر

      حذف
    2. نعم اخي
      بعد "بعدها احذف السطر التالي ان كانت مكتبة Fontawesome مضافة الى موقعك"
      لم افهم قصدك ماهو الذي احذفه ؟
      وشكرا ..

      حذف
    3. مشكور اخي
      اول شيء الصور على الازرار هي ايقونات من مكتبة Fontawesome
      اذن لتظهر الايقونات يجب ان تكون المكتبة توجد مسبقا في مدونتك لذا ان كانت مدونتك فيه ازرار من هذا النوع فانت تستخدم تلك المكتبة او قالبك بالاحرى....
      ابحث في قالب مدونتك عن السطر التالي
      <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css' rel='stylesheet'/>
      ان لم تجده فانسخ الكود بدون اي تغيير وسف يشتغل, لكن ان وجدته امسح ذالك السطر من الكود اعلاه اي كود الاضافة وسوف يشتغل
      اي سؤال آخر انا في الاجابة

      حذف
    4. تمام اخي فهمتك
      هذا كل شي جزاك الله خير وبلتوفيق ان شاءالله.

      حذف