السلام عليكم يا إخواني

حصريا الكل يحلم بكود وضع روابط في الفوتر لكن للاسف هو فقط بتومبيلات واخيرا لقد صصمت لكم من تطوير كي بعمل بدون تومبيلات

الكود الدي نتكلم عنه لمعاينته

http://www12.0zz0.com/2011/09/06/00/101190442.jpg

طريقة سهلة التركيب

نبدا على بركة الله

اولا ندخل لوحة الإدارة

وبعدها تابع بالصور



http://www10.0zz0.com/2011/09/06/00/344829698.jpg


تم


اضغط على إدارة العناصر المستقلة على المنتدى


أنشئ عنصر جديد

اسم العنصر : مثلا فتر منتديات****

وضع هدا الكود في العنصر

الرمز:

<!--Start Footer--> <div id="footer"> <div class="footerleft"> <div class="heshambb"> <h3> <img src="https://i.servimg.com/u/f62/15/62/91/07/stick-10.png" alt="myforum" /> نبذه تعريفيه</h3> <p>تمبليت فوتر حديث بتقنيه css - مقدم من heshamBB لشركه احلى منتدى - تمبليت فوتر حديث بتقنيه css - مقدم من heshamBB لشركه احلى منتدى -تمبليت فوتر حديث بتقنيه css - مقدم من heshamBB لشركه احلى منتدى </p> </div> <div class="heshambb"> <h3> <img src="https://i.servimg.com/u/f62/15/62/91/07/stick-10.png" alt="myforum" /> الوصول السريع</h3> <ul> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> </ul> </div> <div class="heshambb"> <h3><img src="https://i.servimg.com/u/f62/15/62/91/07/stick-10.png" alt="myforum" /> الوصول السريع</h3> <ul> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> </ul> </div> <div class="heshambb"> <h3><img src="https://i.servimg.com/u/f62/15/62/91/07/stick-10.png" alt="myforum" /> الوصول السريع</h3> <ul> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> </ul> </div> </div>

تم سجل

اعمل العنصر في اسفل المنتدى

شرح عمل اي شيء بأسفل المنتدى>>على النسخ الثلاث


بعدها بقي تنسيق الكود

ضع هدا الكود في ورقة تصميم css

لوحة الإدارة
//
مظهر المنتدى
//
ألوان
//
ورقة تصميم css
تم ضع هدا الكود في آخر الأكواد

الرمز:

#footer { width:auto; cursor: crosshair margin:auto; height:220px; color:#c3c3c3; direction:rtl; background-image: url('https://i.servimg.com/u/f62/15/62/91/07/untitl11.png'); } img{ border:none; } .footerleft { background-image: url('https://i.servimg.com/u/f62/15/62/91/07/hesham10.png'); background-repeat: no-repeat; background-position: left; height: 190px; } .heshambb{ float:right; width:230px; padding:10px; border-right:1px dashed #666; } .heshambb h3{ font-family:"Arial Black", Gadget, sans-serif; font-size:16px; color:#FFF; font-weight:bold; background-color:#0a95b8; padding-right:10px; margin-bottom:3px; } .heshambb ul li { list-style-type:none; text-decoration: none; padding:5px; cursor: crosshair; float: right; } .heshambb p { font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#696969; text-align: justify; } .heshambb ul li a { color:#1c6b7f; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; } .heshambb ul li a:hover{ color:#FFF; } .heshambb ul li:hover{ cursor: crosshair; background-color: #0e83a0; color: #FFF; } /*End footer style*/