الفوتير المطور و الافضل بتقنية Css -2012

 <!-- footer --><div id="footer">
   <div class="footer-links">
         <ul>
            <li><h4 style="color:#FF3300;"><img src="http://www.mtwer.com/vb/attachment.php?attachmentid=7042&stc=1&d=1295929423"/>روابط المركز</h4></li>
         <li><a href="index.php">الرئيسية</a></li>
         <li><a href="usercp.php">التحكم</a></li>
         <li><a href="register.php">التسجيل</a></li>
         <li><a href="search.php">بحث</a></li>
         <li><a href="login.php?$session[sessionurl]do=logout&logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">خروج</a></li>
         </ul>

         <ul>
            <li><h4 style="color:#FF3300;"><img src="$stylevar[imgdir_misc]/link_footer1.png"/>روابط رئيسية</h4></li>
         <li><a href="forumdisplay.php?f=30">أخبار المركز</a></li>
         <li><a href="#">مركز التحميل</a></li>
         <li><a href="http://www.traweq.com/">الشبكة</a></li>
         <li><a href="sendmessage.php">اتصل بنا</a></li>
         <li><a href="#">اعلى </a></li>

         </ul>
         <ul>
            <li><h4 style="color:#FF3300;"><img src="http://www.mtwer.com/vb/attachment.php?attachmentid=7042&stc=1&d=1295929423"/>روابط الدورات</h4></li>
         <li><a href="forumdisplay.php?f=3">تصميم ستايلات المنتديات </a></li>
         <li><a href="forumdisplay.php?f=20">:: تصميم ستايلات الواجهات  </a></li>
         <li><a href="forumdisplay.php?f=29">دورة Css</a></li>
         <li><a href="#">قريبا</a></li>
         <li><a href="#">قريبا </a></li>

         </ul>
         <ul>
            <li><h4 style="color:#FF3300;"><img src="http://www.mtwer.com/vb/attachment.php?attachmentid=7042&stc=1&d=1295929423"/>روابط اعلانية</h4></li>
         <li><a href="sendmessage.php">رابط اعلاني</a></li>
         <li><a href="sendmessage.php">رابط اعلاني</a></li>
         <li><a href="sendmessage.php">رابط اعلاني</a></li>
         <li><a href="sendmessage.php">رابط اعلاني</a></li>
         <li><a href="sendmessage.php">رابط اعلاني</a></li>

         </ul>

<ul>
            <li><h4 style="color:#FF3300;"><img src="http://www.mtwer.com/vb/attachment.php?attachmentid=7042&stc=1&d=1295929423"/>روابط اعلانية</h4></li>
         <li><a href="sendmessage.php">رابط اعلاني</a></li>
         <li><a href="sendmessage.php">رابط اعلاني</a></li>
         <li><a href="sendmessage.php">رابط اعلاني</a></li>
         <li><a href="sendmessage.php">رابط اعلاني</a></li>
         <li><a href="sendmessage.php">رابط اعلاني</a></li>

         </ul>
<ul>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftr.ahbeb&width=292&height=290&colorscheme=light&show_faces=true&border_color&stream=false&header=true&appId=303547096387886" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowTransparency="true"></iframe>
<ul>

   </div>
</div>
<!-- /footer -->

/*------------------------CoodFooter - Traweq.com-AsemaAlkohif-------------------------------*/
#footer{
   border: 1px dashed #f8f8f8; /*الحدود*/
   background-image: url('images/footer_link.jpg');/*خلفية الجدول*/
   background-repeat:repeat-x;
   height: 238px; /*طول الجدول*/
   width: 100%;
}
.footer-links{
   height: 238px;
   background-repeat:repeat-x;
}
.footer-links {
   padding: 0px;
   margin: 0px;
   height: 238px;
   overflow: hidden;
   text-align: right;
}
.footer-links ul {
   padding: 0px;
   color: #c3c3c3;/*لون الخط*/
   float: right;
   width: 15%;
   text-align: right;
   margin-top: 1.3em;
   margin-right: 10px;
}
.footer-links li {
   list-style-type: none;
}
/*الروابط*/
.footer-links li a {
   padding: 3px 5px 3px 0px;
   height: 18px; /*الطول*/
   display: block;
   border-right-style: solid; /* شكل الحد*/
   border-right-width: 2px; /*حجم الحد*/
   border-right-color: #e4ebed; /*لون الحد*/
   margin-top: 1px;
   margin-bottom: 1px;
   font-family: Tahoma; /*نوع الخط*/
   font-size: 11px;/*حجم الخط*/
   font-weight: bold;/*شكل الخط*/
   text-decoration: none;
}
/*بعد التأشير على الروابط*/
.footer-links li a:hover {
   text-decoration: none;
   color: #b4c6cd; /*لون الخط*/
   border-right-color: #f3f3f3; /*لون الحد*/
   background-image: url('images/tblend.gif'); /*خلفية*/
}



/*------------------------CoodFooter - Traweq.com-AsemaAlkohif-------------------------------*/