كود الفـوتـر الجميل والانيق بدون تومبيلات

كود الفـوتـر الجميل والانيق بدون تومبيلات كود الفـوتـر الجميل والانيق بدون تومبيلات كود الفـوتـر الجميل والانيق بدون تومبيلات

معاينه على الكود:



http://x7x7x.net/upfiles/PLK27004.png






الكود مجرب على النسخة الثانية 2 ويعمل 100/100


طريقة التركيب :

اولا توجه لـــ
عناصر اضافية
ادارة العناصر المستقلة على المنتدى

انشاء عنصر جديد
قم بتفعيل خاصية الجدول (نعم)
وضع هدا الكود

<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الرمز:</td></tr><tr><td class="code"><table width="90%" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td class="code"> <!--Start Footer--> <div id="footer"> <div class="my-tet1"> <h3> <img src="https://i.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1" /> نبذه تعريفيه</h3> <p>ضع هنا نبذه تعريفيه لمنتداك</p> </div> <div class="my-tet1"> <h3> <img src="https://i.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1" /> الوصول السريع</h3> <ul> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li> </ul> </div> <div class="my-tet1"> <h3><img src="https://i.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1" /> الوصول السريع</h3> <ul> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li> </ul> </div> <div class="my-tet1"> <h3><img src="https://i.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1" /> الوصول السريع</h3> <ul> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li> </ul> </div> </div> </td></tr></table> </td></tr></table>

نأتي الان لكود Css
توجه لـــ
لوحة الإدارة
مظهر المنتدى
الوان
ورقة تصميم css

ونضع الكود كاملا

الرمز:

#footer { width:auto; cursor: crosshair margin:auto; height:220px; color:#c3c3c3; direction:rtl; background-color: #dddddd; } img{

وشكراااااااا


الموضوع منقول حفاظا على صلاحيات الناشر

المصدر : http://www.eshary.com

لو القسم ليس مناسبا يرجى النقل لإنى مقدرتش اضعه فى قسم اكواد ال

CSS

او قسم اكواد ال

HTML


لإن الكود بينقسم لقسمين قسم سى اس اس وقسم هتمل

فيرجى النقل وعدم الغلق لإن الموضوع مميز جدا