تنسيق آداة قائمة الروابط وفتح روابطها في نافذة جديدة



السلام عليكم ورحمة الله وبركاته 
اعزائى متابعى دبو فون اليوم نقدم لكم شرح جديد او بمعنى اخر شرح تركيب اداة قائمة الروابط وتنسيقها ان هذه الاداة من الادوات الهامة فى بلوجر التى يتجاهلها معظم المدونين وربما لا يعرفها النصف الاخر اليوم جئت لكم بطريقة لتستعمل تلك الاداة 
كاداة للتبادل الاعلانى النصى 
إضافة قائمة الروابط : هي إضافة تمكنك من وضع روابط منسقة لمواقعك او روابطك المفضلة ومن خلالها تستطيع التعديل والحذف بسهولة دون داعي لتحرير أكواد HTML أو وجود أخطاء 


ما إستخدامات تلك الإضافة ؟

يمكنك استخدامها في الإعلانات النصية , يمكنك عمل قائمة بمواضيعك المميزة , يمكنك عمل قائمة لروابط قد يحتاجها زائر مدونتك , والكثير من الأمور بطريقة سهلة وبسيطة

كيفية تركيب الإضافة ؟

  1. من صفحة التخطيط
  2. إضافة آداة
  3. ثم اختار آداة قائمة الروابط


تنسيق الإضافة بإستخدام الكود التالي

/*Css Link List Dabour Phone*/
@keyframes thumlok{
0% {transform:  translate(0px,0px);}
100% {transform:  translate(5px,0px);}
}
.LinkList ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.LinkList ul li {
  margin: 0;
  padding: 0;
}
.LinkList li a:before {
 content: "\f0a5";
display: inline-block;
font: 15px fontawesome;
margin-left: 5px;
animation: 0.9s ease 0s normal none infinite running thumlok;
}
.LinkList li a {
  background-color: #444444;
  box-shadow: 0 1px 0 4px #fff;
  color: #fff;
  display: block;
  height: 40px;
  line-height: 40px;
  margin-bottom: 5px;
  text-align: center;
  text-decoration: none;
  transition: all 0.7s ease 0s;
  border-radius: 70px 0px 70px 0px;
}
.LinkList li a:visited{background-color: #444444;color: #FFF;}
.LinkList li a:hover {background-color: #3498db;  border-radius: 0 70px 0 70px;}
تنسيق الاضافة 

  • #444444 هو لون خلفية الروابط
  • #3498db هو اللون عند تمرير المؤشر
*هذا التنسيق سيعمل على أى إضافة قائمة روابط موجوده في قالبك
بعض القوالب تكون الآداة مستخدمه في القائمة العلوية بالتالي سيحدث تشويه
فيمكنك ان تجعل هذا التنسيق فقط على الىداة التي ستضيفها
بإستبدال الكود الأحمر بمعرف الآداة . كيف؟
ابحث عن الآداة في القالب والمعرف هو الكلمة التي بعد id مثال


كما تلاحظ هنا المعرف هو LinkList1 وتكتب قبله فقط # ليكون #LinkList1
وطبعا الفتح في نافذة جديدة كما هو موضح في الصورة السابقة
أضف الكود target="_blank" في المكان الموضح في الصورة


شرح مبسط للإستخدام


بالتوفيق :) 
اى استفسار اترك تعليق وسوف نقو م بمساعدتك فى اسرع وقت باذن الله
***

دبور فون

M.H.I

هناك 11 تعليقًا:

  1. شرح وافي وموضوع رائع

    ردحذف
    الردود
    1. شكراُ لك أخى :) دعمك لنا يسعدنا Db:

      حذف
  2. جميل أخ محمد مبدع كالعادة اريد الانضمام للتبادل الاعلاني النصي الاسم مدونة حلم ويب الرابط http://th3dreamweb.blogspot.com/ وتم اضافتك ان قبلة علق على احد تدويناتي ب تم قبولك في التبادل الاعلاني

    ردحذف
    الردود
    1. شكراُ لك أخى :) دعمك لنا يسعدنا مع العلم لقد تم قبولك فى التبادل النصى وفى المرة القادمة يرجى ترك طلبك فى القسم المخصص لذلك Db:

      حذف
  3. شرح كافى ووافى انت مبدع دائماDb:
    بس ممكن شرح لهذه الاضافة http://www.up-00.com/V6VEHDxl
    مع تغيير dabourohone.tk ب awel1.tk

    ردحذف
    الردود
    1. شكرا لك ولمرورك ^_^
      بنسبة لـ لاضافة حصرية لدبورفون
      لاكن سوف نفكر في تنزيلها

      حذف
    2. شكرا اخى لردك على
      ممكن خط الجذور للموقغ

      حذف
    3. اكيد ممكن
      ضع هذا الكود اسفل وسم <head>
      <link href='https://cdn.rawgit.com/MohamedAbodia/Jozor/master/style.css' rel='stylesheet'/>

      حذف
  4. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف

نسعد ونتشرف بتعليقاتكم
لكن فى إطار الموضوع وليس خارجه حفاظاً على راحتك الشخصية
لوضع اى اكواد Html فى التعليقات يرجى تحوليها اولاً بمحول الأكواد من هنا
لذلك نرجو منك ان تستعمل كل شىء بطريقته الصحيحة شكراً لتفهمك 😊

أحدث الأخبار

10/recent