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



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

شاطر | 
 

  كود الفوتر الاحمر الرائع

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

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

مُساهمةموضوع: كود الفوتر الاحمر الرائع   الخميس ديسمبر 11, 2014 7:10 pm

هذا الكود من تطوير منتديات مصراتة توباكتس

لمشاهدة الكود

http://im33.gulfup.com/0ljoo.jpg

شرح وضع الكود
الكود:
<!DOCTYPE html>
<html><div align="center">
<body><div id="container" style="width:700px"><div id="header" style="background-color:#A9340D;">
<h1 style="margin-bottom:0;"><p><font size="3" color="white" face="arial">أهلا وسهلا بالجميع </font></p></h1></div><div id="menu" style="background-color:#A9340D;height:350px;width:100px;float:left;">

<b>
<p style="font-family:verdana;font-size:110%;color:white">
ما ينشر</b><br>
</p>

<p style="font-family:verdana;font-size:110%;color:white">
يعكس وجهة</b><br>
</p>

<p style="font-family:verdana;font-size:110%;color:white">
نظر الكاتب</b><br>
</p>

<p style="font-family:verdana;font-size:110%;color:white">
والآدارة لا
</p>
<p style="font-family:verdana;font-size:110%;color:white">
تتحمل مسئوليته

</p>
<br>
</div><div id="content" style="background-color:#FFF8D3;height:350px;width:600px;float:left;"<b>
<p style="font-family:verdana;font-size:100%;color:#A9340D">
 منتديات xxxxxxx مللك لجميع الزوار والاعضاء

</b><br>
<p style="font-family:verdana;font-size:100%;color:#A9340D">
وتقدم لكم كل ماهو جديد ومفيد فى عالم المنتديات

<br>
<b>

<table border="0" 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="رابط المنتدى"><font size="3" color="#A9340D" face="arial">منتديات xxxxx</font> </a>
                <a href="رابط المنتدى"><font size="3" color="#A9340D" face="arial">منتديات xxxxx</font> </a>
                <a href="رابط المنتدى"><font size="3" color="#A9340D" face="arial">منتديات xxxxx</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://fatwa.islamweb.net/fatwa/index.php"><font size="3" color="#A9340D" face="arial">موسوعة الفتاوى </font> </a>
                  <a  href="http://quran-m.com"><font size="3" color="#A9340D" face="arial">موسوعة الاعجاز القرأنى </font> </a>
                  <a href="http://www.prophetstory.com"><font size="3" color="#A9340D" face="arial">قصص الآنبياء</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.kaahe.org/ar/index.php"><font size="3" color="#A9340D" face="arial"> الموسوعة الطبية</font> </a>
                  <a href="http://www.seedecor.net/home/"><font size="3" color="#A9340D" face="arial"> الديكور والآثاث</font> </a>
                  <a href="http://www.mms44.com"><font size="3" color="#A9340D" face="arial"> مغرض وسائط</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"> المكتبة الآدبية</font> </a>
                  <a href="http://www.adab.com/"><font size="3" color="#A9340D" face="arial"> موسوعة الشعر العربى</font> </a>
                <a href="http://www.alamuae.com/story/"><font size="3" color="#A9340D" face="arial">موسوعة القصص والروايات</font> </a>
            </div><!--pannel_white-->
 
 </div> 
</tr>
</table>
</div></div><div id="footer" style="background-color:#A9340D;clear:both;text-align:center;">
<p><font size="3" color="white" face="arial">جميع الحقوق محفوظة لمنتديات xxxxxx</font></p></div>



</body>
</html>




ملاحظة / ضع الاسماء المناسبة بدل xxxxxxxx

كود يوضع فى ورقة ccs
الكود:
    *---------------------------- FOOTER ------------------------------*/
        #footer{
            clear:both;
        }
        .footerBlack{
            background:#A9340D;
            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://cdn1.iconfinder.com/data/icons/fatcow/16x16/award_star_bronze_3.png) 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

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