العراق اونلاين
نرحب
بكل من يزور
منتدانا



 
الرئيسيةالبوابةاليوميةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول╣☼╠00%mybblogoكيويروابط ماوس
منتدبات سحر العيون
۞منور المنتدى۞ إسم المستخدم: زائر آخر زيارة لك كانت: أخر عضو مسجل: ameeraljn مواضيعى : ردودى
الرئيسية القوانين المجموعات مجلة المنتدي المشاركات الجديدة البحث التسجيل تسجيل الخروج

شاطر | 
 

 الفوتر الاسود الرائع

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
سحر العيون
Admin
Admin
avatar

عدد المساهمات : 341
تاريخ التسجيل : 05/01/2013

مُساهمةموضوع: الفوتر الاسود الرائع   الإثنين ديسمبر 29, 2014 8:58 pm

2 - 21:48
السسسسلام عليكم

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

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


تكبير الصورة معاينة الأبعاد الأصلية.


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

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

مظهر المنتدى > التومبيلات والقوالب > إداره عامه > 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> 
و داخل الكود هتجدون رابط الآتى
http://help.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;}


ومبروووك عليكم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://iraqaonlaen.0wn0.com
 
الفوتر الاسود الرائع
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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