الان وعلى منتدى فرسان الاشهار .. الفوتر الحصرى والمتداول اصبح بدون تومبيلات

---

بسم الله الرحم الرحيم

السلام عليكم



اليوم معنا

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

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



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






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


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

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

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

الكود: <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="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1" /> نبذه تعريفيه</h3>               <p>ضع هنا نبذه تعريفيه لمنتداك</p>               </div>         <div class="my-tet1">         <h3> <img src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1"  /> الوصول السريع</h3>                       <ul>             <li><a href="#" target="_self"><img src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li>             <li><a href="#" target="_self"><img src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li>                             <li><a href="#" target="_self"><img src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li>                                           <li><a href="#" target="_self"><img src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li>                                                           <li><a href="#" target="_self"><img src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li>            </ul>         </div>           <div class="my-tet1">           <h3><img src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1"  /> الوصول السريع</h3>                       <ul>               <li><a href="#" target="_self"><img src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li>             <li><a href="#" target="_self"><img src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li>                             <li><a href="#" target="_self"><img src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li>                                           <li><a href="#" target="_self"><img src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li>           <li><a href="#" target="_self"><img src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li>            </ul>         </div>             <div class="my-tet1">         <h3><img src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1"  /> الوصول السريع</h3>             <ul>            <li><a href="#" target="_self"><img src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li>             <li><a href="#" target="_self"><img src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li>                             <li><a href="#" target="_self"><img src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li>                                           <li><a href="#" target="_self"><img src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li>                                                           <li><a href="#" target="_self"><img src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا</a></li>             </ul>         </div> </div> </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


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

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