الأقسام التقنية

كود وضع فووتر احترافي للمنتدى footer css javascript
+ امكانية التعديل عليه لجميع النسخ

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

اقتباس :: يوضع الكود في عنصر شخصي أو في الاعلانات الخاصة

الكود:: <div id="Nfooter" display="none">
<div class="footer_css"><div><h3>روابط تهمك</h3><ul><div style="text-align: right;"><li><a href="" target="_blank">soon</a></li><li><a href="#" target="_self">قوانين المنتدى</a></li><li><a href="/contact" target="_blank"> اتصل بنا </a></li><li><a href="/donate" rel="nofollow" target="_blank"> تبرع للمنتدى</a></li></div> </ul></div><div><h3>اقسام المنتدى</h3><ul><div style="text-align: right;"><li><a href="#hi" target="_blank"> قسم في المنتدى</a></li><li><a href="#hi" target="_blank"> قسم في المنتدى</a></li><li><a href="#hi" target="_blank"> قسم في المنتدى</a></li><li><a href="#hi" target="_blank"> قسم في المنتدى</a></li><li><a href="#hi" target="_blank"> قسم في المنتدى</a></li></div> </ul></div><div><h3>اعلانات نصيه</h3><ul><div style="text-align: right;"><li><a href="#hi" target="_blank">اعلانك نصي</a></li><li><a href="#hi" target="_blank">اعلانك نصي</a></li><li><a href="#hi" target="_blank">اعلانك نصي</a></li><li><a href="#hi" target="_blank">اعلانك نصي</a></li><li><a href="#hi" target="_blank">اعلانك نصي</a></li></div> </ul></div></div>
</div>

كود الـ CSS:

اقتباس :: يوضع الكود في ورقة css في لوحة التحكم

الكود:: .footer_css {
background-color: #38C3E0;
height: auto;
width: 100%;
overflow: hidden;
position: relative;
}
.footer_css div {
float: right;
overflow: hidden;
height: 100%;
width: 250px;
border-left: 1px solid white;
padding: 10px;
}
.footer_css div h3 {
font: 14pt Tahoma;
color: white;
}
.footer_css div ul li {
padding: 5px;
border-bottom: 1px dashed #FFB8EB;
}
.footer_css div ul {
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
padding: 0;
margin: 0;
list-style-type: none;
}
.footer_css div ul li a {
font: 9pt Tahoma;
display: block;
color: white;
text-decoration: none;
}.footer_css div ul li a:hover{color: #f4f;}

كود الجافا سكريبت حسب النسخة:
يوضع كود الجافاسكريبت بعد كود الـ HTML مباشرة

اقتباس :: كود النسخة الثانية والثالثة phpbb

الكود:: <script type="text/javascript">
function getfooter() {
if (document.getElementById('page-footer')){
document.getElementById('Nfooter').innerHTML +=document.getElementById('page-footer').innerHTML
}}
</script><body onload="getfooter()"/>

اقتباس :: أما النسخة Invision و Punbb

الكود:: <script type="text/javascript">
function getfooter() {
if (document.getElementById('gfooter')){
document.getElementById('Nfooter').innerHTML +=document.getElementById('page-footer').innerHTML
}}
</script><body onload="getfooter()"/>

أتمنى أن يعجبكم الكود
بالتوفيق

توقيعي

لماذا لا يمكنني نسخ الكود

توقيعي

shinobi كتب:: لماذا لا يمكنني نسخ الكود

كيف لايمكنك أخي العزيز
فقط ظلل كل الكود كليك يمين اختر نسخ
تدكر عند لصق الكود احذف السطر الأخير (المصدر .... الكاتب.....)
إذا لم يشتغل الكود إطرح استفسارك

توقيعي

الأقسام التقنية

دعم تقني للمواقع والمنتديات

أكواد HTML

[جديد] كود فووتر رائع لمنتداك + امكانية طلب التعديل

مواضيع مماثلة

مواضيع مماثلة

الكلمات الدلالية منتدى الجلفة: