بخصوص الفوتر

اذهب الى الأسفل

كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة

رد: بخصوص الفوتر

مُساهمة من طرف prince Messi في الخميس 7 يونيو 2012 - 15:08

وعليكم السلام تفضل صديقي الكود بدون تومبلايت

الكود:
    <center><A
    <form action="" method="get" style="clear:left">
   
    <table cellpadding="6" cellspacing="0" border="0" width="100%" class="page" align="center">
    <tr>
   
   
    <!-- BEGIN html_validation -->
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <body>
    <table>
        <tr>
            <td>
                <div>
                    <div>
                        <table>
                       
                                <tr>
                                    <td>
    <!-- END html_validation -->
                                    </td>
                                    <td valign="top" width="{C3SIZE}">
                                    <div id="{ID_RIGHT}">
                                        <!-- BEGIN giefmod_index2 -->
                                 
                                        <!-- BEGIN saut -->
                                        <div style="height: {SPACE_ROW}px"></div>
                                        <!-- END saut -->
                                        <!-- END giefmod_index2 -->
                                    </div>
                                    </td>
                                </tr>
                       
                        </table>
                    </div>
                </div>
                <!-- close div id="page-body" -->
     
            </td>
        </tr>
    </table>
   
    <!-- BEGIN switch_facebook_login --><div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true});
    //]]>
    </script>
    <!-- END switch_facebook_login -->
   
    <!-- BEGIN switch_facebook_logout_TMP -->
    <script type="text/javascript">
    //<![CDATA[
    FB.Event.subscribe('auth.logout', function(response) {
        if ($('a#logout'))
        {
            var lien_redir = $('a#logout').attr('href');
   
            if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
            {
                document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
            }
        }
    });
   
    $(document).ready( function() {
        $('a#logout').click( function() {
            FB.logout();
        } );
    });
    //]]>
    </script>
    <!-- END switch_facebook_logout_TMP -->
   
    <script type="text/javascript">
    //<![CDATA[
        fa_endpage();
    //]]>
    </script>
   
   
   
    </body>
    </html>
   
   
   
   
   
   
          </div>
        </div>
      </div>
    <table class="panelfoot" cellpadding="5" cellspacing="0" border="0" width="100%" align="center">
      <tr height="10px">  </tr>
      <tr>
        <td class="td2"> </td>
        <td class="td2"><span lang="ar-sa">روابط</span></td>
        <td class="td2"> </td>
        <td class="td2"><span lang="ar-sa">وصلات مهمة </span></td>
        <td class="td2"> </td>
        <td class="td2">أنتقالات سريعة</td>
        <td class="td2"> </td>
      </tr>
      <tr>
        <td class="td3s"> </td>
        <td class="td3"><a href="ربط منتدك هنا/contact" rel="nofollow" accesskey="9">
        <img src="http://i40.servimg.com/u/f40/16/50/59/14/connec10.png" border="0" align="right" height="16" width="16" />
          اتصل بنا</a></td>
        <td rowspan="5" class="footertd"> </td>
        <td class="td3"><a href="ربط الاعلانات النتصيه لديك">
        <img src="http://i40.servimg.com/u/f40/16/50/59/14/folder11.png" border="0" align="right" height="16" width="16" />
              ضع موقعك هنا</a></td>
        <td rowspan="5" class="footertd"> </td>
        <td class="td3">
        <a href="ربط ا لتسجيل لديك" rel="nofollow">
        <img src="http://i40.servimg.com/u/f40/16/50/59/14/group_10.png" border="0" align="right" height="16" width="16" />
          التسجيل</a></td>
        <td class="td3s"> </td>
      </tr>
      <tr>
        <td class="td3s"> </td>
        <td class="td3"><a href="ربط منتدك">
        <img src="http://i40.servimg.com/u/f40/16/50/59/14/house10.png" border="0" align="right" height="16" width="16" />
          رئيسية المنتدى</a></td>
        <td class="td3"><a href="ربط الاعلانات النتصيه لديك">
        <img src="http://i40.servimg.com/u/f40/16/50/59/14/folder11.png" border="0" align="right" height="16" width="16" />
          ضع موقعك هنا</a></td>
        <td class="td3">
        <a href="ربط الدخول لديك">
        <img src="http://i40.servimg.com/u/f40/16/50/59/14/key10.png" border="0" align="right" height="16" width="16" />
          تسجيل الدخول</a></td>
        <td class="td3s"> </td>
      </tr>
      <tr>
        <td class="td3s"> </td>
        <td class="td3"><a href="ربط الشكايات العامه لديك">
        <img src="http://i40.servimg.com/u/f40/16/50/59/14/error_10.png" border="0" align="right" height="16" width="16" />
          الشكايات العامة</a></td>
        <td class="td3"><a href="ربط الاعلانات النتصيه لديك">
        <img src="http://i40.servimg.com/u/f40/16/50/59/14/folder10.png" border="0" align="right" height="16" width="16" />
          ضع موقعك هنا</a></td>
        <td class="td3">
        <a href="ربط تفعيل حساب العضو لديك">
        <img src="http://i40.servimg.com/u/f40/16/50/59/14/key_go10.png" border="0" align="right" height="16" width="16" />
        طلب تفعيل حسابك</a></td>
        <td class="td3s"> </td>
      </tr>
      <tr>
        <td class="td3s"> </td>
        <td class="td3"><a href="ربط التبرع باعتمادات لديك" rel="nofollow">
        <img src="http://i40.servimg.com/u/f40/16/50/59/14/2410.png" border="0" align="right" height="16" width="16" />
          تبرع بإعتمادات لهذا المنتدى</a></td>
        <td class="td3" nowrap="nowrap"><a href="ربط الاعلانات النتصيه لديك">
        <img src="http://i40.servimg.com/u/f40/16/50/59/14/folder11.png" border="0" align="right" height="16" width="16" />
          ضع موقعك هنا</a></td>
        <td class="td3">
        <a href="ربط طلب كلمه المرور لديك">
        <img src="http://i40.servimg.com/u/f40/16/50/59/14/key_de10.png" border="0" align="right" height="16" width="16" />
          طلب كلمة المرور</a></td>
        <td class="td3s"> </td>
      </tr>
      <tr>
        <td class="td3s"> </td>
        <td class="td3"><a href="ربط صفحه الارشيف لديك">
        <img src="http://i40.servimg.com/u/f40/16/50/59/14/commen10.png"
    alt="" border="0" align="right" height="16" width="16" />
          الأرشيف</a></td>
        <td class="td3"><a href="ربط صفحه الاعلانات النصيه لديك">
        <img src="http://i40.servimg.com/u/f40/16/50/59/14/folder11.png"
    alt="" border="0" align="right" height="16" width="16" />
          ضع موقعك هنا</a></td>
        <td class="td3">
        <a href="ربط منتدك">
        <img
    src="http://i40.servimg.com/u/f40/16/50/59/14/lightb10.png"border="0"
    align="right" height="16" width="16" /></a>قريبا.</td>
        <td class="td3s"></td>
      </tr>
      <tr>
   
        <td colspan="7" class="footertr" align="right"><table>
            <tr>
        <td colspan="7" class="footertr" align="right"><table>
          <tr>
   
               
                </select></td>
            </tr>
        </table></td>
      </tr>
      <tr>
        <!-- Do not remove this copyright notice -->
        <br>
   
              <div style="text-align: center;"><span
    style="font-weight: bold;">جميع الحقوق محفوظه </span><span
    style="font-weight: bold;">لمنتديات <a
    href="ربط منتدك هنا">اسم منتدك هنا</a></span>
   
                <!-- Do not remove this copyright notice -->
        </div>
        <div class="smallfont" align="center">
        <!-- Do not remove $cronimage or your scheduled tasks will cease to function -->
              <div id="page-footer">
                                    <!-- BEGIN switch_footer_fa_copyrights -->
                               
                                            <div class="gen">
                                                    <!-- BEGIN footer_fa_copyright_link -->
                                                            <!-- BEGIN
    switch_separator --> <!-- END switch_separator
    -->
                                                       
                                                    <!-- END footer_fa_copyright_link -->
                                            </div>
                                    </div>
                                    <!-- END switch_footer_fa_copyrights -->
                                    <!-- BEGIN switch_footer_links -->
                                    <div align="center">
                                            <div class="gen">
                                                    <!-- BEGIN footer_link -->
                                                            <!-- BEGIN
    switch_separator --><!-- END switch_separator
    -->
                                                            <a
    name="bottom" class="copyright"
    href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}"
    rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}"
    target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}"
    title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}"></a>
                                                    <!-- END footer_link -->
                                            </div>
                                    </div>
                                    <!-- END switch_footer_links -->
                </div>
   
        <!-- Do not remove $cronimage or your scheduled tasks will cease to function -->
        </div>
   
        </div>
   
   
        </td>
      </tr>
    </table>
   
    <script type="text/javascript">
    <!--
        // Main vBulletin Javascript Initialization
        vBulletin_init();
    //-->
    </script>


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

اضافة عنصر شخصي جديد

واجعله لجميع
و

اضغط سجل

ثم

اسحب الكود
و اضغط سجل
وضع فى قائمة العناصر
ولوضع الفوتر اسفل المنتدى تابعى هذا الشرح
شرح عمل اي شيء بأسفل المنتدى>>على النسخ الثلاث

الكود التالى كود الـ css
الكود:
            /*قائمة الفوترتصميم كيمو ماضى وا لطائر الحر/*/
         
            /*الوان و خطوط اساس القائمة*/
            .panelfoot {
                border-top: 3px solid #FFFCE3; /*دعها كما هي ..:*/
                color: #ff0000; /* لون خط رؤوس القوائم */
                font: normal 11pt Tahoma; /* شكل و نوع و حجم خط رؤوس القوائم */
                background-repeat: repeat-x; /*دعها كما هي ..:*/
                background-image:
            url('http://i40.servimg.com/u/f40/16/50/59/14/116.png'); /*، صورة
            للخلفية للقائمة ، صمم صورة و ارفعها على المسار نفسه ، اذا تبي لون ساده
            من غير صورة ، احذف هذه السطر */
                background-color: #FFFFFF;  /*هنا لون الخلفية ، اذا ماتبي صورة اضف لون الكود للون */
                height: 285px; /*دعها كما هي ..:*/
                background-position: 50% top; /*دعها كما هي ..:*/
                border-top-style: solid; /*  هنا شكل الحد العلوي*/
                border-bottom-style: solid;  /* هنا شكل الحد السفلي*/
                border-top-width: 3px;  /* هنا عرض الحد العلوي */
                border-bottom-width: 4px;  /*هنا عرض الحد السفلي */
                border-top-color: #f7f9fc;  /*هنا لون الحد العلوي */
                border-bottom-color: #f7f9fc;  /*هنا لون الحد السفلي */
            }
            /*/الوان و خطوط اساس القائمة/*/
         
         
         
         
         
         
         
         
         
         
         
         
            /*بعد الظغط على الرابط*/
            .panelfoot a:visited {
                color: #f7fcff;  /*لون الخط */
                font-family: tahoma;/*نوع الخط */
                font-weight: bold; /*شكل الخط */
            }
            /*/بعد الظغط على الرابط/*/
         
         
         
         
         
         
         
         
         
         
         
         
            /*لون روابط المحتوى*/
            .panelfoot a:link, .panelfoot_alink {
                color: #f7fcff;/*لون الخط */
                text-decoration: none;  /* لعدم وضع خط تحت الوصلة*/
            }
            /*/لون روابط المحتوى/*/
         
         
         
         
         
         
         
         
         
         
         
         
            /*لون  عند التأشير على روابط المحتوى*/
            .panelfoot a:hover, .panelfoot a:active, .panelfoot_ahover {
                color: #FFFFFF; /*لون الخط */
                text-decoration: none; /*لعدم وضع خط تحت الوصلة */
            }
            /*/لون  عند التأشير على روابط المحتوى/*/
         
         
         
         
         
         
         
         
         
         
         
         
            /*لون الفاصل*/
            .td3 {
                color: #FFFFFF; /*لون الخط */
                font: 8pt Tahoma;/*نوع و حجم الخط */
                border-bottom-color: #FFFFFF; /*لون الحد السفلي */
                border-bottom-width: 1px; /*عرض الحد السفلي */
                border-bottom-style: solid;/* شكل الحد السقلي*/
            }
            /*/لون الفاصل/*/
         
         
         
         
         
         
         
         
         
         
         
         
         
            /*لون الفاصل بين الأقسام*/
            .footertd {
                background-image: url('images/tb-bng.png'); /*هنا الصورة لفصل القسم عن الثاني ، ضع هنا مسار الصورة */
                background-repeat: no-repeat; /*دعها كما هي ..:*/
                background-position: center; /*دعها كما هي ..:*/
            }
            /*/لون الفاصل بين الأقسام/*/
         
         
         
         
         
         
         
         
         
         
         
         
            /*لون التأثير عند مرور الموس عند اي قسم*/
            .td3:hover {
                background-color: #c4e4f7; /*خلفية عن التأشير على الرابط */
                font: 8pt Tahoma bold; /* نوع و شكل و حجم الخط*/
                text-decoration: none; /*لعدم وضع خط تحت الوصلة */
                color: #FFFFFF;/*لون الخط */
            }
            /*/لون التأثير عند مرور الموس عند اي قسم/*/
         
            /*قائمة الفوترتصميم كيمو ماضى وا لطائر الحر/*/
         
       

طريقة وضع الكود

لوحة الادارة - مظهر المنتدى - الوان - ورقة ال css

ضع الكود و اضغط قدم



هام يمكنك تغير لون لخلفية الفوتر عن طريق هذا الرابط

http://i40.servimg.com/u/f40/16/50/59/14/116.png



و الف مبروك الفوتر الجديد بدون تومبيلات

avatar
prince Messi
 
 

ذكر
عدد المساهمات : 1954
معدل النشاط : 4451
السُمعة : 100

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

رد: بخصوص الفوتر

مُساهمة من طرف KhALiD-Net في الخميس 7 يونيو 2012 - 15:22

avatar
KhALiD-Net
 
 

ذكر
عدد المساهمات : 3810
معدل النشاط : 6690
السُمعة : 152

http://ask.fm/kha10

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

كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة

رد: بخصوص الفوتر

مُساهمة من طرف KhALiD-Net في الخميس 7 يونيو 2012 - 16:22

مرحبا
اولا اتبع الشرح التالي
شرح عمل اي شيء بأسفل المنتدى>>على النسخ الثلاث
وضع هذا الكود اسفل عنصر العناصر اسفل المنتدى
الكود:

 


 
 
    [b] [img]http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png[/img] نبذه تعريفيه[/b]


     
        ضع هنا نبذه تعريفيه لمنتداك

         
   
       
 
      [b] <img>
src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1"
 /> الوصول السريع[/b]


         
           
[list]
 
         
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
           
[*][url=http://help.ahlamontada.com/#]
target="_self"><img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                           
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                                     
   
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                                     
                   
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]           
[/list]
       
 

       
 
        [b]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1"
 /> الوصول السريع[/b]


         
           
[list]
 
           
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
           
[*][url=http://help.ahlamontada.com/#]
target="_self"><img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                           
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                                     
   
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
         
[*][url=http://help.ahlamontada.com/#]
target="_self"><img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]           
[/list]
       
 
 
       
 
      [b]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1"
 /> الوصول السريع[/b]


           
[list]
         
 
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
           
[*][url=http://help.ahlamontada.com/#]
target="_self"><img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                           
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                                     
   
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                                     
                   
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
           

       

بعدين نروح ل css
ونضع هذا
الكود:
       
        #footer {
        width:auto;
                cursor: crosshair
        margin:auto;
        height:220px;
        color:#c3c3c3;
        direction:rtl;
        background-color: #dddddd;
        }
        img{
        border:none;
        }
       
        .my-tet1{
        float:right;
        width:230px;
        padding:10px;
        border-right:1px dashed #666;
        }
        .my-tet1 h3{
        font-family:"Arial Black", Gadget, sans-serif;
        font-size:16px;
        color:#FFF;
        font-weight:bold;
        background-color:#0a95b8;
        padding-right:10px;
        margin-bottom:3px;
        }
       
        .my-tet1 ul li {
        list-style-type:none;
                text-decoration: none;
        padding:5px;
        cursor: crosshair;
        float: right;
        }
        .my-tet1 p {
        font-family:Tahoma, Geneva, sans-serif;
        font-size:12px;
        color:#696969;
        text-align: justify;
        }
        .my-tet1 ul li a {
        color:#1c6b7f;
        text-decoration: none;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 12px;
        }
        .my-tet1 ul li a:hover{
        color:#FFF;
        }
        .my-tet1 ul li:hover{
        cursor: crosshair;
        background-color: #0e83a0;
        color: #FFF;
        }
        /*End footer style*/
avatar
KhALiD-Net
 
 

ذكر
عدد المساهمات : 3810
معدل النشاط : 6690
السُمعة : 152

http://ask.fm/kha10

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

كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة

الرجوع الى أعلى الصفحة


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