مطلوب فوتر احترافي مثل هذا

Ghostface كتب:

أفندينا كتب:

السلام عليكم ورحمة الله وبركاته

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

صوره توضح المطلوب :


لكن يكون لون الخط اللي اعلى الصوره برتقالي بدلا من الازرق
للنسخه الاخيره

تفضل هذا المتوفر لدينا : 
[تومبيلات]كود وضع فوتر بكامل الصفحة من الاسفل من GowetoBilobed

الكود:

<!-- BEGIN html_validation -->
<div id="wrap">
    <!-- END html_validation -->

</div><!-- <div id="wrap" /> -->
<div id="{ID_RIGHT}" class="wrap"  style="display: none">
    <!-- BEGIN giefmod_index2 -->
    {giefmod_index2.MODVAR}
    <!-- BEGIN saut -->
    <div style="height:{SPACE_ROW}px"></div>
    <!-- END saut -->
    <!-- END giefmod_index2 -->
</div>

<!-- BEGIN disable_viewonline -->
<footer>
    <div class="wrap">
        <div id="forum-statistics">
            <div>
                <div>{TOTAL_POSTS}</div>
            </div>
            <div>
                <div>{TOTAL_USERS}</div>
            </div>
            <div>
                <div>{NEWEST_USER}</div>
            </div>
        </div>
    </div>
</footer>
<!-- END disable_viewonline -->

    <style>
     
      .site-footer-wrapper {
  color: #bbb;font-size: 0.75rem;} 
.site-footer-wrapper .upper-section {
  background-color: #000;color: #ddd;height: 210px;overflow: hidden;position: relative;}
.upper-section::before {background-color: #e36a49;border-bottom: 0.3125rem solid #fff;border-top: 0.3125rem solid #fff;content: "";display: block;height: 2.8125rem;position: absolute;top: -1.75rem;transform: rotate(-1deg);width: 100%;}.row {margin-left: auto;margin-right: auto;max-width: 75rem;}
.footer_warp {clear: both;height: 359px;margin: 0 auto;overflow: hidden;padding-top: 10px;position: relative;width: 90%;}
.menu_footer_1 {position: absolute;right: 0;top: 60px;}.menu_footer_1 ul {
  border: 0 none;font: inherit;margin: 0;padding: 0;vertical-align: baseline;}
.menu_footer_1 ul li {list-style: outside none none;margin: 0 0 7px;text-align: right;}
.menu_footer_1 ul li a {font-family: Droid Arabic Kufi,Arial,Helvetica,sans-serif;color: #fff;font-size: 14px;}
.menu_footer_1 ul li a:hover {color: #017DE3;}.menu_footer_2 {position: absolute;right: 186px;top:60px;}
.menu_footer_2 ul {border: 0 none;font: inherit;margin: 0;padding: 0;vertical-align: baseline;}
.menu_footer_2 ul li {list-style: outside none none;margin: 0 0 7px;text-align: right;}
.menu_footer_2 ul li a {font-family: Droid Arabic Kufi,Arial,Helvetica,sans-serif;color: #fff;font-size: 14px;}
.menu_footer_2 ul li a:hover {color: #017DE3;}.menu_footer_3 {position: absolute;right: 373px;top: 60px;}
.menu_footer_3 ul {border: 0 none;font: inherit;margin: 0;padding: 0;vertical-align: baseline;}
.menu_footer_3 ul li {list-style: outside none none;margin: 0 0 7px;text-align: right;}
.menu_footer_3 ul li a {font-family: Droid Arabic Kufi,Arial,Helvetica,sans-serif;color: #fff;font-size: 14px;}
.menu_footer_3 ul li a:hover {color: #017DE3;}
.logo_footer {
    background: rgba(0,0,0,0) url(https://i.servimg.com/u/f46/19/54/28/34/8e33b410.jpg) no-repeat scroll center top;
    background-size: 100% 100%;
    border-bottom: 1px solid #fff;
    clear: both;
    color: #fff;
    direction: rtl;
    float: left;
    font-size: 14pt;
    font-weight: 700;
    /* height: 130px; */
    margin-bottom: 23px;
    margin-right: 0;
    margin-top: 40px;
    width: 200px;
  height: 150px;
    list-style: outside none none;
}
li {
    list-style: outside none none;
}
.logo_footer:hover {
  background: rgba(0, 0, 0, 0) url("https://2img.net/u/1811/68/54/94/avatars/223332-11.jpg") no-repeat scroll center top;
background-size: 100% 100%;
    border-bottom: 1px solid #fff;
    clear: both;
    color: #fff;
    direction: rtl;
    float: left;
    font-size: 14pt;
    font-weight: 700;
height: 150px;
    margin-bottom: 23px;
    margin-right: 0;
    margin-top: 40px;
    width: 200px;
    list-style: outside none none;
}

.footer-social {
    position: relative;
    right: -108px;
}
#page-footer {
    background-color: #000;
    color: #FFF;
    font-size: 13px;
    margin-top: 0px;
    padding: 33px 0;
}
footer {
    background-color: #000;
    color: #FFF;
    font-size: 13px;
    padding: 44px 0;
  margin-top: 0;
}
.footer2 a {
    font-weight: bold;
    font-size: 15px;
    color: azure;
}

.footer2 {
    padding: 10px;
    text-align: center;
    background: #222625;
}
     
    </style>

  <footer class="site-footer-wrapper"><div class="row"> </div><div class="upper-section"><div class="footer_warp"><div class="menu_footer_1"><ul><li><a href="https://www.pubarab.com"> » الرئيسية </a></li><li><a href="https://www.pubarab.com/t440007-topic" target="_blank"> » قانون العام للمنتدى </a></li><li><a href="https://www.pubarab.com/t440008-topic" target="_self"> » قوانين الدردشة </a></li><li><a href="/privacy" target="_blank"> » سياسية الخصوصية</a></li></ul></div><div class="menu_footer_2"><ul><li><a href="https://www.pubarab.com/f51-montada" target="_blank"> » شاركنا بإقتراحاتك</a></li><li><a href="https://www.pubarab.com/f38-montada" target="_blank"> » لطلبات الدخول للفريق </a></li><li><a href="https://www.pubarab.com/f46-montada" target="_blank"> » لطلبات تغيير الاسماء </a></li><li><a href="https://www.pubarab.com/post?f=106&amp;mode=newtopic" target="_blank"> » مراسلة ادارة المنتدى </a></li></ul></div><div class="menu_footer_3"><ul><li><a href="https://www.pubarab.com/f133-montada">» الدعاية و الإشهار</a></li> <li><a href="https://www.pubarab.com/f71-montada">» طلبات التصميم</a></li> <li><a href="https://www.pubarab.com/f7-montada">» تقنيات الإشهار</a></li> <li><a href="https://www.pubarab.com/f125-montada">» الدعم و المساعدة</a></li>  </ul></div><div class="logo_footer"><div class="footer-social"><ul itemtype="http://schema.org/Organization" itemscope="" class="social-links"><link href="https://instagram.com/envato" itemprop="sameAs"><li>

<a rel="nofollow" itemprop="sameAs" href="https://www.facebook.com/pubarabcom"><img height="28px" width="28px" src="//public-assets.envato-static.com/assets/header-footer/social/facebook-874a79814979fb7a5d8a61f391e429b7.svg" alt="Facebook"></a><br />
 <a rel="nofollow" itemprop="sameAs" href="#"><img height="28px" width="28px" src="//public-assets.envato-static.com/assets/header-footer/social/twitter-aa07ff4bd2114f6eaaabecb8441d503c.svg" alt="Twitter"></a><br />
  <a rel="nofollow" itemprop="sameAs" href="#"><img height="28px" width="28px" src="//public-assets.envato-static.com/assets/header-footer/social/youtube-b002aa7846eb048fdb4777c738b6476b.svg" alt="Youtube"></a><br />
  </li></ul> 

    </div></div> 
   

    </div></div></footer>
  <div class="footer2"><a>جميع الحقوق محفوظة لمنتدى(اسم منتداك)</a></div>

<div id="page-footer">
    <div class="wrap">
        <div class="navbar">
            <ul class="linklist clearfix">
                <li class="footer-to-top">
                    <a href="#top">
                        <i class="material-icons">arrow_upward</i>
                    </a>
                </li>
                <li class="footer-home">
                    <a class="icon-home" href="{U_INDEX}" accesskey="h">{L_HOME}</a>
                </li>
                <li class="rightside">

                    <!-- BEGIN html_validation -->
                </li><!-- <li class="footer-home" /> -->
            </ul><!-- <ul class="linklist clearfix" /> -->
        </div><!-- <div class="navbar" /> -->
    </div><!-- <div class="wrap" /> -->
</div><!-- <div id="page-footer" /> -->
<!-- END html_validation -->