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



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

شاطر | 
 

  الفوتر الجدارى الرائع

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

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

مُساهمةموضوع: الفوتر الجدارى الرائع   الخميس ديسمبر 11, 2014 6:57 pm

لمشاهدة الفوتر

http://im33.gulfup.com/ySIsq.jpg

يوضع الكود فى العناصر الاضافية / ادارة العناصر المستقلة
الكود:
<!DOCTYPE html>
<html><div align="center">
<body><div id="container" style="width:900px"><div id="header" style="background-image:url(http://us.123rf.com/400wm/400/400/mg1408/mg14081209/mg1408120900001/15121154-brown-marble-stone-mosaic-texture--high-res.jpg);height:60px">
</b><br>
<span style="font-family:Arial;font-size:18px;font-style:normal;font-weight:bold;text-decoration:none;text-transform:none;color:white;background-color:#524502;"><img src="http://www.muslmah.net/smile/smile_albums/orange/mus-73.gif  " width="30" height="30">أهلا وسهلا بالجميع فى بيتكم المتواضع
<img src="http://www.muslmah.net/smile/smile_albums/orange/mus-73.gif  " width="30" height="30">
</h1></div><div id="menu" style="background-image:url(http://us.123rf.com/400wm/400/400/mg1408/mg14081209/mg1408120900001/15121154-brown-marble-stone-mosaic-texture--high-res.jpg);width:80px;height:250px;float:left;">
<b>
<p style="font-family:verdana;font-size:110%;color:#A9340D">
<img src="http://icons.iconarchive.com/icons/sirea/glass-zoo/48/Swan-icon.png"></b><br>
</p>
<br>
<p style="font-family:verdana;font-size:110%;color:#A9340D">
<img src="http://icons.iconarchive.com/icons/sirea/glass-zoo/48/Swan-icon.png"></b><br>
</p>
<br>
</h1></div><div id="menu" style="background-image:url(http://us.123rf.com/400wm/400/400/mg1408/mg14081209/mg1408120900001/15121154-brown-marble-stone-mosaic-texture--high-res.jpg);width:80px;height:250px;float:right;">
<b>
<p style="font-family:verdana;font-size:110%;color:#A9340D">
<img src="http://icons.iconarchive.com/icons/sirea/glass-zoo/48/Swan-icon.png"></b><br>
</p>
<br>
<p style="font-family:verdana;font-size:110%;color:#A9340D">
<img src="http://icons.iconarchive.com/icons/sirea/glass-zoo/48/Swan-icon.png">
</div><div id="content" style="background-image:url(http://image.made-in-china.com/2f0j00HSltufsEJUkA/New-Artificial-Marble-YS9803A-.jpg);height:250px;width:740px;float:left;"
<span style="font-family:Arial;font-size:18px;font-style:normal;font-weight:bold;text-decoration:none;text-transform:none;color:white;background-color:#524502;"><img src="http://www.muslmah.net/smile/smile_albums/orange/mus-58.gif  " width="30" height="30">أطلق لقلمك العنان ... وتذكر دائما انك حر ما لم تضر
<img src="http://www.muslmah.net/smile/smile_albums/orange/mus-58.gif  " width="30" height="30">
</b><br>
<br>
<b>
<table border="1" cellspacing="0" cellpadding="0">
<tr>
            <div class="pannel_white">

                <div class="pannel_head_white"><font size="3" color="#A9340D" face="arial"> مواقع اسلامية</font></div>
 <a  href="http://fatwa.islamweb.net/fatwa/index.php"><font size="3" color="#A9340D" face="arial"><img border="0" src="http://www.muslmah.net/smile/smile_albums/orange/mus-70.gif  " width="25" height="25">موسوعة الفتاوى </font> </a>
                  <a  href="http://quran-m.com"><font size="3" color="#A9340D" face="arial"><img border="0" src="http://www.muslmah.net/smile/smile_albums/orange/mus-70.gif  " width="25" height="25"> الاعجاز القرأنى </font> </a>
                  <a href="http://www.prophetstory.com"> <a href="http://www.prophetstory.com"><font size="3" color="#A9340D" face="arial"><img border="0" src="http://www.muslmah.net/smile/smile_albums/orange/mus-70.gif  " width="25" height="25">قصص الآنبياء</font>
</div>
<!--pannel_white-->
            <div class="pannel_white">
                <div class="pannel_head_white"><font size="3" color="#A9340D" face="arial"> مواقع مفيدة</font></div>
                  <a href="http://www.kaahe.org/ar/index.php"><font size="3" color="#A9340D" face="arial"><img border="0" src="http://www.muslmah.net/smile/smile_albums/orange/mus-70.gif  " width="25" height="25"> الموسوعة الطبية</font> </a>
                  <a href="http://www.seedecor.net/home/gallery.html"><font size="3" color="#A9340D" face="arial"><img border="0" src="http://www.muslmah.net/smile/smile_albums/orange/mus-70.gif  " width="25" height="25"> الديكور والآثاث</font> </a>
<a href="http://www.mms44.com"><font size="3" color="#A9340D" face="arial"><img border="0" src="http://www.muslmah.net/smile/smile_albums/orange/mus-70.gif  " width="25" height="25"> معرض وسائط</font> </a>
            </div><!--pannel_white-->
            <div class="pannel_white">
                <div class="pannel_head_white"><font size="3" color="#A9340D" face="arial"> أدب وثقافة</font></div>
                  <a href="http://www.alwaraq.net/Core/index.jsp?option=1"><font size="3" color="#A9340D" face="arial"><img border="0" src="http://www.muslmah.net/smile/smile_albums/orange/mus-70.gif  " width="25" height="25"> المكتبة الآدبية</font> </a>
                  <a href="http://m3loma.com/new/she3r/index.php"><font size="3" color="#A9340D" face="arial"><img border="0" src="http://www.muslmah.net/smile/smile_albums/orange/mus-70.gif  " width="25" height="25"> موسوعة الشعر العربى</font> </a>
<a href=http://www.alamuae.com/story/"><font size="3" color="#A9340D" face="arial"><img border="0" src="http://www.muslmah.net/smile/smile_albums/orange/mus-70.gif  " width="25" height="25">موسوعة القصص والروايات</font> </a> 
</div>
<!--pannel_white-->
 </div> 
</tr>
</table>
</div>
</div></div><div id="footer" style="background-image:url(http://us.123rf.com/400wm/400/400/mg1408/mg14081209/mg1408120900001/15121154-brown-marble-stone-mosaic-texture--high-res.jpg);height:60px;width:900px;clear:both;text-align:center;">
<p><div align="center">
<p style="font-family:verdana;font-size:100%;color:#A9340D">
</b><br>
<span style="font-family:Arial;font-size:18px;font-style:normal;font-weight:bold;text-decoration:none;text-transform:none;color:white;background-color:#524502;"><img src="http://www.muslmah.net/smile/smile_albums/orange/mus-55.gif" width="30" height="30">جميع ما ينشر يعبر عن وجهة نظر كاتبه ... ولا تتحمل الآدارة مسئوليته
<img src="http://www.muslmah.net/smile/smile_albums/orange/mus-55.gif  " width="30" height="30">
</span>
</p>
</div>
</body>
</html>
</div>

كود يوضع فى ورقة css


الكود:


*---------------------------- FOOTER ------------------------------*/
    #footer{
        clear:both;
    }
    .footerBlack{
 
        background:#fff url( );
        padding:15px 10px;
        }
    .pannel_white{
        width:210px;
        height:125px;
        overflow:hidden;
        float:right;
        position:relative;
        margin:0 18px;
    }
    .facebook_footer
    {
        padding-top:10px;
        text-align:left;
        overflow:hidden;
        float:right;
        position:relative;
        margin:0 10px;
    }
    .pannel_head_white{
        background:url( http://us.123rf.com/400wm/400/400/mg1408/mg14081209/mg1408120900001/15121154-brown-marble-stone-mosaic-texture--high-res.jpg) no-repeat right top;
        border-top:1px solid #fff;
        line-height:18px;
        height:25px;
        text-align:center;
        color:#A9340D;
        font-size:16px;
        font-weight:bold;
    }
    .pannel_white a:link, .pannel_white a:visited{
        color:#fff;
        font-size:13px;
        padding:2px 15px 2px 0;
        background:url() 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

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