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

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

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

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

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

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

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

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



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


تم


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


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

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

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

الرمز:

[ltr]<!--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>[/ltr]

تم سجل 

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

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


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

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

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

الرمز:

[ltr]#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*/ [/ltr]