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

شاطر | .
 

 كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Prince Mo3taz
المـديـر العـــام
المـديـر العـــام
avatar

الجنس ذكر
عدد المساهمات : 1282
نشاطى : 19030
عندى كام سنة : 24
احترام القوانين
تم التعاقد : 02/03/2010

اوسمة
 : مدير دودى المبدع

مُساهمةموضوع: كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط   السبت يونيو 23, 2012 12:38 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://roo7ythbak.roo7.biz">الصفحة الرئيسية</a>
            <a href="http://help.ahlamontada.com/">منتـــدى</a>
            <a href="http://help.ahlamontada.com/">منتـــدى</a>
           
            <a href="http://help.ahlamontada.com/">منتـــدى</a>
        </div><!--pannel_white-->
        <div class="pannel_white">
            <div class="pannel_head_white">أقسام الموقع</div>
            <a href="http://help.ahlamontada.com/">منتـــدى</a>
            <a href="http://help.ahlamontada.com/">منتـــدى</a>
            <a href="http://help.ahlamontada.com/">منتـــدى</a>
            <a href="http://help.ahlamontada.com/">منتـــدى</a>
           
        </div><!--pannel_white-->
        <div class="pannel_white">
            <div class="pannel_head_white">أقسام الموقع</div>
            <a href="http://help.ahlamontada.com/">منتـــدى</a>
            <a href="http://help.ahlamontada.com/">منتـــدى</a>
            <a href="http://help.ahlamontada.com/">منتـــدى</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> 

و داخل الكود هتجدون رابط الآتى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
استبدلوه بما تريدون من روابط


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

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www-dody.7olm.org
m1o2a3
عضو نشيط
عضو نشيط
avatar

الجنس ذكر
عدد المساهمات : 105
نشاطى : 11624
عندى كام سنة : 20
احترام القوانين
تم التعاقد : 06/08/2011

مُساهمةموضوع: رد: كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط   السبت يونيو 23, 2012 12:40 pm

طرحــــــــــــــــــ بالقلم في غاية الروعة ـــــــــــــك
بانتظار كل جديدك
تقبل مروري m1o2a3 شكر وردة




الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://modarebmaktoob.arabfootball.biz/
M I D O
نواب الادارة


الجنس ذكر
عدد المساهمات : 224
نشاطى : 10189
احترام القوانين
تم التعاقد : 11/06/2012

مُساهمةموضوع: رد: كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط   السبت يونيو 23, 2012 12:42 pm

كود جميل شكرا لك




الرجوع الى أعلى الصفحة اذهب الى الأسفل
براحة قطر
عضو جديد
عضو جديد
avatar

الجنس ذكر
عدد المساهمات : 19
نشاطى : 9921
احترام القوانين
تم التعاقد : 25/06/2012

مُساهمةموضوع: رد: كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط   الخميس يونيو 28, 2012 7:42 am

يعطيك العافية

الرجوع الى أعلى الصفحة اذهب الى الأسفل
Pr!NcE MaX
عضو نشيط
عضو نشيط
avatar

الجنس ذكر
عدد المساهمات : 274
نشاطى : 10160
احترام القوانين
تم التعاقد : 27/06/2012

مُساهمةموضوع: رد: كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط   الخميس يونيو 28, 2012 11:51 am

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


بارك الله فيك اخي الكريم

على هذا الكود الرائع والمميز والجميل و المفيد

وفقك الله واستمر

واصل بدون فواصل ~~



10/10

وتقبل تحياتي

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




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

كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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