طريقة سهلة لإضافة روابط مفيدة أسفل روابط الفوتر

طريقة سهلة لإضافة روابط مفيدة أسفل روابط الفوتر


* التركيب

1- افتح قالب additional.css وضف هذا الكود في آخره واحفظ

الكود:

.extra_footerlinks {
color: #484848;
margin-top:0px;
background: #f5f5f5 none;
}

.extra_footerlinks a {
color: #245A7A;
text-decoration:none;
}

.extra_footerlinks a:active {
color: #245A7A;
text-decoration:none;
}

.extra_footerlinks a:visited {
color: #245A7A;
text-decoration:none;
}

.extra_footerlinks a:hover {
color: #245A7A;
text-decoration:underline;
}

افتح قالب footer وابحث عن هذا الكود

الكود:

 

اضف قبلها مباشرة هذا الكود ، اي يعني قبل "" مع تغير مايناسبك باللون الأحمر

الكود:

<div class="footer extra_footerlinks">روابط مفيدة : <a href="http://www.example.com/">الرابط 1</a> | <a href="http://www.example.com/">الرابط 2</a> | <a href="http://www.example.com/">الرابط 3</a> | <a href="http://www.example.com/">الرابط 4</a>&nbsp;&nbsp;</div>

لمن يود ان الروابط تفتح في نافذة جديدة يضيف هذا الكود

الكود:

<div class="footer extra_footerlinks">روابط مفيدة : <a href="http://www.example.com/" target="_blank">الرابط 1</a> | <a href="http://www.example.com/" target="_blank">الرابط 2</a> | <a href="http://www.example.com/" target="_blank">الرابط 3</a> | <a href="http://www.example.com/" target="_blank">الرابط 4</a>&nbsp;&nbsp;</div>

3- لإضافات روابط اخرى أو حذف روابط اخرى



اضف هذا الكود

الكود:

| <a href="http://www.example.com/">الرابط 5</a>&nbsp;&nbsp;

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

الكود:

| <a href="http://www.example.com/" target="_blank">الرابط 5</a>&nbsp;&nbsp;

بعد هذ الكود ، ولحذف رابط احذف هذا الكود

الكود:

| <a href="http://www.example.com/">الرابط 4</a>&nbsp;&nbsp;

انتهى