فوتور اسود جميل جدا بالتومبلايت

اذهب الى الأسفل

فوتور اسود جميل جدا بالتومبلايت

مُساهمة من طرف GeNeRaL في الإثنين مارس 26, 2012 10:24 am

اليوم أقدم لكم فوتر أسود أتمنى ينـآل إعجـآبكم

صوره للمعاينه


الطريقه على قسميــن":~

أولآ ندخل لوحه التحكم ثم

مظهر المنتدى > التومبيلات والقوالب > إداره عامه > overall_footer_end

ثم نضغط تعديل

ونمسح الكود بالكامل ونستبدله بهذـآ
الكود:


<div id="footer">
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<div class="footerBlack">
<div class="center_1000">
        <div class="pannel_white">
            <div class="pannel_head_white">خريطة الموقع</div>
            <a href="http://roo7ythbak.roo7.biz">الصفحة الرئيسية</a>
            <a href="http://roo7ythbak.roo7.biz/">منتـــدى</a>
            <a href="http://roo7ythbak.roo7.biz/">منتـــدى</a>
           
            <a href="http://f-help.roo7.biz/">منتـــدى</a>
        </div><!--pannel_white-->
        <div class="pannel_white">
            <div class="pannel_head_white">أقسام الموقع</div>
            <a href="http://f-help.roo7.biz/">منتـــدى</a>
            <a href="http://f-help.roo7.biz/">منتـــدى</a>
            <a href="http://f-help.roo7.biz/">منتـــدى</a>
            <a href="http://f-help.roo7.biz/">منتـــدى</a>
           
        </div><!--pannel_white-->
        <div class="pannel_white">
            <div class="pannel_head_white">أقسام الموقع</div>
            <a href="http://f-help.roo7.biz/">منتـــدى</a>
            <a href="http://f-help.roo7.biz/">منتـــدى</a>
            <a href="http://f-help.roo7.biz/">منتـــدى</a>
        </div><!--pannel_white-->
        <div class="facebook_footer">
            <a class="facebook_footer_icon footer_icons" href="http://roo7ythbak.roo7.biz/"> </a>
            <a class="youtube_footer_icon footer_icons" href="http://www.youtube.com/user/MonsterControl"> </a>
            <a class="rss_footer_icon footer_icons" href="rss.php"> </a> </div>
        <!--pannel_white-->
<p class="clear"></p>
     
    </div><!--center_1000-->
 </div> 
وداخل الكود يوجد رابط بهذا الشكل
http://al-da3m.ahlamontada.com

استبدلوه بما تريدون من روابط


ثـآنيـآ نروح لورقه الـ CSS

مظهر المنتدى < أللوان > ورقه تصميم CSS

ونضيف هذا الكود
الكود:

/*---------------------------- FOOTER ------------------------------*/
#footer{
    clear:both;
}
.footerBlack{
    background:black;
    padding:15px 10px;
    }
.pannel_white{
    width:195px;
    height:125px;
    overflow:hidden;
    float:right;
    position:relative;
    margin:0 10px;
}
.facebook_footer
{
    padding-top:10px;
    text-align:left;
    overflow:hidden;
    float:right;
    position:relative;
    margin:0 10px;
}
.pannel_head_white{
    background:url(http://i44.servimg.com/u/f44/14/44/80/68/h1pann10.png) no-repeat right top;
    border-top:1px solid #fff;
    line-height:18px;
    height:25px;
    text-align:right;
    padding:0 16px 0 0;
    color:#000;
    font-size:14px;
    font-weight:bold;
}
.pannel_white a:link, .pannel_white a:visited{
    color:#fff;
    font-size:13px;
    padding:2px 15px 2px 0;
    background:url(http://i44.servimg.com/u/f44/14/44/80/68/bullet10.gif) no-repeat right 9px;
    text-decoration:none;
    display:block;
    margin:0 10px 0 0;
    direction:rtl;
    text-align:right;   
}
.pannel_white a:hover, .pannel_white a:active{
    text-decoration:underline;
}
#copyrights{
    min-height:60px;
    padding:3px 0;
    font-size:11px;
    color:#333;
    clear:both;
    text-align:center;
    background-image:url(http://i44.servimg.com/u/f44/14/44/80/68/shadow10.png);
    background-repeat:repeat-y;
    background-position:center;

}

#copyrights div{
    width:500px;
    vertical-align:middle;
    text-align:center;
    }

#copyrights img[alt="maknoon_logo"]{
}
.pannel_tab{
    position:absolute;
    z-index: 999;
    width:140px;
    top:7px;
    left:10px;
    text-align:left;
}
.pannel_tab div, .pannel_tab div:visited{
    text-indent:-99999px;
    text-align:left !important;
    width:15px;
    height:15px;
    display:block;
    float:left;
    margin:0 5px 0 0;
    cursor:pointer;
    cursor:hand;
    background:url(http://i44.servimg.com/u/f44/14/44/80/68/panel_10.png) left center;
}
.pannel_tab div:hover, .pannel_tab div:active{
    background:url(http://i44.servimg.com/u/f44/14/44/80/68/panel_10.png) right center;
}
.pannel_tab div.selected{
    background:url(http://i44.servimg.com/u/f44/14/44/80/68/panel_10.png) right center !important;
}
.news_container{
    height:123px;
    overflow:hidden;

}

.footer_icons{
    width:100px !important;
    height:116px !important;
    display:block !important;
    float:left !important;
    margin:0 3px 0 0 !important;
    text-indent:-99999px !important;
    padding:0 !important;
}
a.footer_icons:hover, a.footer_icons:active{
    text-decoration:none !important;
}
.facebook_footer_icon{   
    background:url(http://i44.servimg.com/u/f44/14/44/80/68/social10.jpg) 0 center no-repeat !important;
}
.youtube_footer_icon{
    background:url(http://i44.servimg.com/u/f44/14/44/80/68/social10.jpg) -100px center no-repeat !important;
}
.rss_footer_icon{
    background:url(http://i44.servimg.com/u/f44/14/44/80/68/social10.jpg) -210px center no-repeat !important;
}

ومبروووك عليكم










| لمراسلة الإدآرة بأمور لا تراها الا هي من هنا|
| للشكآوي ضد الفريق من هنا|
| لطلبات تغييرالأسمآء من هنا |
للشكايات العامة من هنا
avatar
GeNeRaL
المدير العام
المدير العام

عدد المساهمات : 173

معاينة صفحة البيانات الشخصي للعضو http://al-da3m.ahlamontada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى