الرئيسيةس .و .جبحـثالتسجيلدخول

شاطر | 
 

 footer أسـود ":~(تومبيـلت)+صوره للمعاينه و هناك حل لاصحاب منتديات بدون حق تومبلايت حصريا على احلى تطوير

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
...::|Admin|::...
...::|Admin|::...


الساعة الان ✿ الساعة الان ✿ :
✿ ملاحظة ✿ ✿ ملاحظة ✿ :

أحلى دولة أعيش فيها ✿ أحلى دولة أعيش فيها ✿ :
المـوقـــــ ع ✿ المـوقـــــ ع ✿ : احلى تطوير
مهنتي ✿ مهنتي ✿ :
جنسي ✿ جنسي ✿ : ذكر
مــ ـيلادي ✿ مــ ـيلادي ✿ : 10/11/1987
عـدد مساهـماتـيـ ✿ عـدد مساهـماتـيـ ✿ : 273
تـاريخـ التسـجيلـ ✿ تـاريخـ التسـجيلـ ✿ : 22/11/2012
عــ ــمريـ ✿ عــ ــمريـ ✿ : 29


مزاجي ✿ مزاجي ✿ :
مشروبي المفضل ✿ مشروبي المفضل ✿ :
متصفحي ✿ متصفحي ✿ :
دعاء ✿ دعاء ✿ :
MMS MMS :
 حقوق المنتدى حقوق المنتدى :

مُساهمةموضوع: footer أسـود ":~(تومبيـلت)+صوره للمعاينه و هناك حل لاصحاب منتديات بدون حق تومبلايت حصريا على احلى تطوير   الإثنين نوفمبر 26, 2012 8:36 pm

السسسسلام عليكم

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

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




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

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

مظهر المنتدى > التومبيلات والقوالب > إداره عامه > 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://a7la-dz.forumalgerie.net">الصفحة الرئيسية</a>
                <a href="http://a7la-dz.forumalgerie.net/t7-topic">القوانين العامة</a>
                <a href="http://a7la-dz.forumalgerie.net/f3-montada">المسابقات</a>
             
                <a href="http://a7la-dz.forumalgerie.net/f4-montada">اعلانات و اخبار</a>
            </div><!--pannel_white-->
            <div class="pannel_white">
                <div class="pannel_head_white">أقسام الموقع</div>
                <a href="http://a7la-dz.forumalgerie.net/f5-montada">الساحة العامة</a>
                <a href="http://a7la-dz.forumalgerie.net/f20-montada/">استراحة الاصدقاء</a>
                <a href="http://a7la-dz.forumalgerie.net/f21-montada">الانمي العام</a>
                <a href="http://a7la-dz.forumalgerie.net/f25-montada">ترحيب/اهداء</a>
             
            </div><!--pannel_white-->
            <div class="pannel_white">
                <div class="pannel_head_white">أقسام الموقع</div>
                <a href="http://a7la-dz.forumalgerie.net/f36-montada">التصميم و الجرافيك</a>
                <a href="http://a7la-dz.forumalgerie.net/f40-montada">تطوير المنتديات</a>
                <a href="http://a7la-dz.forumalgerie.net/f66-montada">تبادل اعلاني</a>
            </div><!--pannel_white-->
            <div class="facebook_footer">
                <a class="facebook_footer_icon footer_icons" href="http://www.facebook.com/"> </a>
                <a class="youtube_footer_icon footer_icons" href="http://www.youtube.com/"> </a>
                <a class="rss_footer_icon footer_icons" href="rss"> </a> </div>
            <!--pannel_white-->
    <p class="clear"></p>
       
        </div><!--center_1000-->
    </div> 

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


ثـآنيـآ نروح لورقه الـ 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;
}

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

اممم بشرى سارة لمن ليس لديه حق تعديل على التومبلايت و اعجبك الفوتر و حبيت تركبه في منتداك

احلى تطوير تعطيك الحل

ادهب الى لوحة الادارة/عناصر اضافية/البوابة و العناصر/ادارة عناصر مستقلة

انشاء عنصر جديد و تحط به هدا الكود
الرمز:
    <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://a7la-dz.forumalgerie.net">الصفحة الرئيسية</a>
                <a href="http://a7la-dz.forumalgerie.net/t7-topic">القوانين العامة</a>
                <a href="http://a7la-dz.forumalgerie.net/f3-montada">المسابقات</a>
             
                <a href="http://a7la-dz.forumalgerie.net/f4-montada">اعلانات و اخبار</a>
            </div><!--pannel_white-->
            <div class="pannel_white">
                <div class="pannel_head_white">أقسام الموقع</div>
                <a href="http://a7la-dz.forumalgerie.net/f5-montada">الساحة العامة</a>
                <a href="http://a7la-dz.forumalgerie.net/f20-montada/">استراحة الاصدقاء</a>
                <a href="http://a7la-dz.forumalgerie.net/f21-montada">الانمي العام</a>
                <a href="http://a7la-dz.forumalgerie.net/f25-montada">ترحيب/اهداء</a>
             
            </div><!--pannel_white-->
            <div class="pannel_white">
                <div class="pannel_head_white">أقسام الموقع</div>
                <a href="http://a7la-dz.forumalgerie.net/f36-montada">التصميم و الجرافيك</a>
                <a href="http://a7la-dz.forumalgerie.net/f40-montada">تطوير المنتديات</a>
                <a href="http://a7la-dz.forumalgerie.net/f66-montada">تبادل اعلاني</a>
            </div><!--pannel_white-->
            <div class="facebook_footer">
                <a class="facebook_footer_icon footer_icons" href="http://www.facebook.com/"> </a>
                <a class="youtube_footer_icon footer_icons" href="http://www.youtube.com/"> </a>
                <a class="rss_footer_icon footer_icons" href="rss"> </a> </div>
            <!--pannel_white-->
    <p class="clear"></p>
       
        </div><!--center_1000-->
    </div> 

و اعمل سجل

خلي صلاحيات للجميع

تم ادهب الى ورقة تصميم

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;
}

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

احلى تطوير عالمكم لتجديد و التطوير







الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://a7la-dz.forumalgerie.net http://facebook.com/akcent.hicham1
 
footer أسـود ":~(تومبيـلت)+صوره للمعاينه و هناك حل لاصحاب منتديات بدون حق تومبلايت حصريا على احلى تطوير
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» تعديل PhpBB 2 : overall_footer

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
معهد احلى التطوير :: ||تطوير المنتديات|| :: ||تطوير المنتديات|| :: تطوير احلى منتدى-
انتقل الى:  
اضف اعلانك معنا
الموقع هنا الموقع هنا الموقع هنا الموقع هنا الموقع هنا الموقع هنا الموقع هنا
Powered by phpbb2 ® a7la-dz
جميع الحقوق محفوظة لمنتدى احلى تطوير
 حقوق الطبع والنشر©2014 - 2012
a7la-dz.forumalgerie.net
المشاركات المنشورة بالمنتدى لاتعبر بالضرورة عن رأي إدارةالمنتدى ولا تمثل إلا رأي أصحابها فقط

Loading...