اعزائى متابعى دبو فون اليوم نقدم لكم شرح جديد او بمعنى اخر شرح تركيب اداة قائمة الروابط وتنسيقها ان هذه الاداة من الادوات الهامة فى بلوجر التى يتجاهلها معظم المدونين وربما لا يعرفها النصف الاخر اليوم جئت لكم بطريقة لتستعمل تلك الاداة
كاداة للتبادل الاعلانى النصى
إضافة قائمة الروابط : هي إضافة تمكنك من وضع روابط منسقة لمواقعك او روابطك المفضلة ومن خلالها تستطيع التعديل والحذف بسهولة دون داعي لتحرير أكواد HTML أو وجود أخطاء
ما إستخدامات تلك الإضافة ؟
يمكنك استخدامها في الإعلانات النصية , يمكنك عمل قائمة بمواضيعك المميزة , يمكنك عمل قائمة لروابط قد يحتاجها زائر مدونتك , والكثير من الأمور بطريقة سهلة وبسيطة
كيفية تركيب الإضافة ؟
- من صفحة التخطيط
- إضافة آداة
- ثم اختار آداة قائمة الروابط
تنسيق الإضافة بإستخدام الكود التالي
/*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
وطبعا الفتح في نافذة جديدة كما هو موضح في الصورة السابقةأضف الكود
شرح مبسط للإستخدام
بالتوفيق :)
اى استفسار اترك تعليق وسوف نقو م بمساعدتك فى اسرع وقت باذن الله
***
شرح وافي وموضوع رائع
ردحذفشكراُ لك أخى :) دعمك لنا يسعدنا Db:
حذفجميل أخ محمد مبدع كالعادة اريد الانضمام للتبادل الاعلاني النصي الاسم مدونة حلم ويب الرابط http://th3dreamweb.blogspot.com/ وتم اضافتك ان قبلة علق على احد تدويناتي ب تم قبولك في التبادل الاعلاني
ردحذفشكراُ لك أخى :) دعمك لنا يسعدنا مع العلم لقد تم قبولك فى التبادل النصى وفى المرة القادمة يرجى ترك طلبك فى القسم المخصص لذلك Db:
حذفشرح كافى ووافى انت مبدع دائماDb:
ردحذفبس ممكن شرح لهذه الاضافة http://www.up-00.com/V6VEHDxl
مع تغيير dabourohone.tk ب awel1.tk
شكرا لك ولمرورك ^_^
حذفبنسبة لـ لاضافة حصرية لدبورفون
لاكن سوف نفكر في تنزيلها
شكرا اخى لردك على
حذفممكن خط الجذور للموقغ
اكيد ممكن
حذفضع هذا الكود اسفل وسم <head>
<link href='https://cdn.rawgit.com/MohamedAbodia/Jozor/master/style.css' rel='stylesheet'/>
أزال أحد مشرفي المدونة هذا التعليق.
ردحذفرائع أخي شكرا
ردحذفالعفو
ردحذف