بسم الله الرحمن الرحيم

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

أريد طريقة تركيب فوتر بالتومبيلات أو كود التومبيلات المستخدم و أين يوضع

الفوتر يكون مثل هذا مثلا :


http://www.m5zn.com/newuploads/2015/11/12/jpg//49586f4c18c49b7.jpg

يعني مكون من صورة أسفل يمين + صورة أسفل يسار + خلفية متمددة

MostWanted كتب:بسم الله الرحمن الرحيم

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

أريد طريقة تركيب فوتر بالتومبيلات أو كود التومبيلات المستخدم و أين يوضع

الفوتر يكون مثل هذا مثلا :


http://www.m5zn.com/newuploads/2015/11/12/jpg//49586f4c18c49b7.jpg

يعني مكون من صورة أسفل يمين + صورة أسفل يسار + خلفية متمددة

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

الامر بسيط جداً ولاكن يجب عليك تصميم الفوتر المقطع

او

تتوجه إلى منتدى الإبداع

http://www.ibda3araby.com/

لتصميم فوتر مقطع حتى تتمكن من تركيبه

بطريقة التي تريدها

لا مشكلة بالنسبة للتصميم يمكنني تصميمه و قصه بنفسي
أريد فقط الكود لأتمكن من تركيبه

هذا هو الكود

الكود:


الوسم الذي تريد وضعه عليه {
background: url(الصورة في اليمين) right bottom no-repeat, url(صورة في الوسط ممتده) center bottom repeat-x,url(صورة على اليسار) left bottom no-repeat;
padding: 100px 30px 80px;
}


اهلا الشرح كامل هيدر وفوتر
 - يچپ تقطيع وتوزيع آلآستآيل پهذآ آلشگل أو مشآپه له
 
 

 
 معلومآت آلگود :
 
 آلنسخة : phpbb2
 
 آلنوع : تومبيلات
 
 طريقهّ آلترّگيّپ :


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

قالب overall_header

نعدل عليه نبحث عن

1. الكود:

   {JAVASCRIPT}



   
   

2. الكود:

   <div class="container"><div id="header"><div id="header_right"></div><div class="header_left"></div><div class="header_center"></div> </div> <div class="content-left"><div class="content-right"> <div class="content">



   
   

ثم نسجل

وقالب overall_footer_end

نبحث عن

الكود:



{PROTECT_FOOTER}
 </td>
   </tr>
</table>

ونظيف تحته مباشرة هذا

ونسجل

من ورقة css نظيف هذا ونعدل على الاشياء المطلوبة

الكود:

/* گـــود ستآيل گآمل لصفحة آلمنتدى */  
[*]
[*]

[*]

 /*---------- www.haya-m.net ----------- */  

 body{  
   padding:0;  
   margin: 0;  
 }  

 .container {   padding:0; margin: 0px auto;}  

 #header {  

     background-image:url('أعلى آلصفحة خلفية متمدده');  
     width:100%;  
     height:آرتفآع آلخلفيةpx;  
     background-repeat:repeat-x;  
     position:relative;      

     }  

 #header_right {  

    background-image:url('أعلى آلصفحة يمين');  
    width:عرض آلصورةpx;  
    height:آرتفآع آلصورةpx;  
    float:right;  
    background-repeat:no-repeat;  
    position:relative;  

 }  

 #header .header_left {  

    background-image:url('أعلى آلصفحة يسآر');  
    width:عرض آلصورةpx;  
    height:آرتفآع آلصورةpx;  
    float:left;  
    background-repeat:no-repeat;  
    position:relative;  

 }  
 .header_center {  

    background-image: url('أعلى آلصفحة وسط');  
    background-repeat: no-repeat;  
    width:عرض آلصورةpx;  
    height:آرتفآع آلصورةpx;  
    margin-right: auto;  
    margin-left: auto;  
    position:relative;  

 }  

 .content-left {  

   padding-left:آلعرضpx;  
   background-image:url('چآنپ آلصفحة يسآر');  
   background-repeat:repeat-y;  
   background-position: left;  

 }  

 .content-right {  

   padding-right:آلعرضpx;  
   background-image:url('چآنپ آلصفحة يمين');  
   background-repeat:repeat-y;  
   background-position: right;  

 }  

 .content {  

   width: 100%;  
   margin: 0px auto;  
   background: #fafbfb url('خلفية آلصفحة');  

 }  

 #footer {  

    background-image:url('أسفل آلصفحة خلفية متمدده');  
     width:100%;  
     height:آرتفآع آلخلفيةpx;  
     background-repeat:repeat-x;  

 }  

 .footer_right {  

    background-image:url('أسقل آلصفحة يمين');  
    width:عرض آلصورةpx;  
    height:آرتفآع آلصورةpx;  
    float:right;  
    background-repeat:no-repeat;  

     

 }  

 .footer_left {  

    background-image:url('أسفل آلصفحة يسآر');  
    width:عرض آلصورةpx;  
    height:آرتفآع آلصورةpx;  
    float:left;  
    background-repeat:no-repeat;  

 }  

 .footer_center {  

    background-image: url('أسفل آلصفحة وسط');  
    background-repeat: no-repeat;  
    width:عرض آلصورةpx;  
    height:آرتفآع آلصورةpx;  
    margin-right: auto;  
    margin-left: auto;  
    position:relative;  
 }


[*]

وبس وغير الصور بما تحب مع ارتفاع وعرض الصور

شاعر زمانه كتب:هذا هو الكود

الكود:


الوسم الذي تريد وضعه عليه {
background: url(الصورة في اليمين) right bottom no-repeat, url(صورة في الوسط ممتده) center bottom repeat-x,url(صورة على اليسار) left bottom no-repeat;
padding: 100px 30px 80px;
}


أين أضعه ؟

JAR7
جربت ذلك من قبل و لم يعمل
(يظهر الفوتر لكن ليس على طول الصفحة )
+ أريد كود مباشر لوضعه في التومبيلات و ليس في الـ css

(يظهر الفوتر لكن ليس على طول الصفحة )
لم افهم ع طول الصفحة هل تقصد لا يتمدد
+
تقدر تضيف ورقة css بداخل الهيدر
باضافة علامة
باعلى الاكواد
<style type="text/css"">

واسفلها
</style>

+
سوف اضع لك كود اخر ولا يهمك هل تريد معه الهيدر ايضا

تفضل كود الهيدر تقدر تغيير الصور وايضا تقدر تحذف الازرار الموجودة لو تحب

الكود:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]">
<html xmlns="[url=http://www.w3.org/1999/xhtml]http://www.w3.org/1999/xhtml[/url]" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
 <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
 <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
 <meta http-equiv="content-script-type" content="text/javascript" />
 <meta http-equiv="content-style-type" content="text/css" />
 <!-- BEGIN switch_compat_meta -->
 <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
 <!-- END switch_compat_meta -->
 <!-- BEGIN switch_canonical_url -->
 <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
 <!-- END switch_canonical_url -->
 {META_FAVICO}
 {META}
 {META_FB_LIKE}
 <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
 {T_HEAD_STYLESHEET}
 {CSS}
 <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
 <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
 <script src="{JQUERY_PATH}" type="text/javascript"></script>
 <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
 <!-- BEGIN switch_fb_login -->
 <script src="[url=http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js]http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js[/url]" type="text/javascript"></script>
 <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
 <!-- END switch_fb_login -->
 <!-- BEGIN switch_ticker -->
 <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
 <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
 <!-- END switch_ticker -->
 <!-- BEGIN switch_ticker_new -->
 <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
 <script type="text/javascript">//<![CDATA[
  /* Definir le sens de direction en fonction du panneau admin */
  var tickerDirParam = "{switch_ticker.DIRECTION}";
  var slid_vert = false;
  var auto_dir = 'next';
  var h_perso = parseInt({switch_ticker.HEIGHT});
  switch( tickerDirParam )
  {
   case 'top' :
    slid_vert = true;
    break;
   case 'left':
    break;
   case 'bottom':
    slid_vert = true;
    auto_dir = 'prev';
    break;
   case 'right':
    auto_dir = 'prev';
    break;
   default:
    slid_vert = true;
  }
  $(document).ready(function() {
   var w_cont = $('#fa_ticker_container').width();
   if (w_cont > 0)
   {
    $('#fa_ticker_container').width(w_cont);
    /* Affichage de la liste */
    $('#fa_ticker_content').css('display','block');
    /* Calcul des dimensions du conteneur et des elements */
    var width_max = $('ul#fa_ticker_content').width();
    var width_item = Math.floor(width_max / {switch_ticker.SIZE});
    var height_max = h_perso;
    /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
    $('ul#fa_ticker_content li').each( function () {
     if ($(this).height() > height_max)
     {
      height_max = $(this).height();
     }
    } );
    /* Redimensionnement des elements et des images trop larges */
    $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
     if ($(this).width() > width_item)
     {
     var ratio  = $(this).width() / width_item;
     var new_height = Math.round($(this).height() / ratio);
     $(this).height(new_height).width(width_item);
     }
    });
    /* Redimensionnement et centrage du conteneur en mode vertical */
    if (slid_vert)
    {
     $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
    }
    /* Initialisation du caroussel */
    $('#fa_ticker_content').jcarousel({
      vertical: slid_vert,
     wrap: 'circular',
     auto: {switch_ticker.STOP_TIME},
     auto_direction: auto_dir,
    scroll: 1,
    size: {switch_ticker.SIZE},
    height_max: height_max,
    animation: {switch_ticker.SPEED}
    });
   }
   else
   {
    $('ul#fa_ticker_content li:not(:first)').css('display','none');
    $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
   }
  });
 //]]>
 </script>
 <!-- END switch_ticker_new -->
 <script type="text/javascript">//<![CDATA[
 $(document).ready(function(){
  <!-- BEGIN switch_enable_pm_popup -->
   pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
   if(pm != null) { pm.focus(); }
  <!-- END switch_enable_pm_popup -->
  <!-- BEGIN switch_report_popup -->
   report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
   if(report != null) { report.focus(); }
  <!-- END switch_report_popup -->
  <!-- BEGIN switch_ticker -->
   $(document).ready(function() {    
    Ticker.start({
     height : {switch_ticker.HEIGHT},
     spacing : {switch_ticker.SPACING},
     speed : {switch_ticker.SPEED},
     direction : '{switch_ticker.DIRECTION}',
     pause : {switch_ticker.STOP_TIME}
    });
   });
  <!-- END switch_ticker -->
 });
 <!-- BEGIN switch_login_popup -->
  var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
 <!-- END switch_login_popup -->
 <!-- BEGIN switch_login_popup -->
 $(document).ready( function() {
  $(window).resize(function() {
   var windowWidth = document.documentElement.clientWidth;
   var popupWidth = $("#login_popup").width();
   var mypopup = $("#login_popup");
   $("#login_popup").css({
   "left": windowWidth/2 - popupWidth/2
    });
  });
 });
 <!-- END switch_login_popup -->
 //]]>
 </script>
 {GREETING_POPUP}
 <!-- BEGIN switch_ticker_new -->
 <style>
 .jcarousel-skin-tango .jcarousel-item {
  text-align:center;
  width: 10px;
 }
 .jcarousel-skin-tango .jcarousel-item-horizontal {
  margin-right: {switch_ticker.SPACING}px;
 }
 .jcarousel-skin-tango .jcarousel-item-vertical {
  margin-bottom: {switch_ticker.SPACING}px;
 }
 </style>
 <!-- END switch_ticker_new -->
 {HOSTING_JS}
 <!-- BEGIN google_analytics_code -->
 <script type="text/javascript">
 //<![CDATA[
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
  _gaq.push(['_trackPageview']);
 _gaq.push(['_trackPageLoadTime']);
 <!-- BEGIN google_analytics_code_bis -->
 _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
 _gaq.push(['b._trackPageview']);
 <!-- END google_analytics_code_bis -->
  (function() {
  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
 //]]>
 </script>
 <!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
 <!-- BEGIN hitskin_preview -->
 <div id="hitskin_preview" style="display: block;">
  <h1><img src="[url=http://2img.net/i/fa/hitskin/hitskin_logo.png]http://2img.net/i/fa/hitskin/hitskin_logo.png[/url]" alt="" /> <em>Hit</em>skin.com</h1>
  <div class="content">
   <p>
    {hitskin_preview.L_THEME_SITE_PREVIEW}
    <br />
    <span>{hitskin_preview.U_INSTALL_THEME}<a href="[url=http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span]http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span[/url]>
   </p>
  </div>
 </div>
 <!-- END hitskin_preview -->
 <!-- BEGIN switch_login_popup -->
 <div id="login_popup" style="z-index: 10000 !important;">
  <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
   <tr height="25">
    <td class="catLeft">
     <span class="genmed module-title">{SITENAME}</span>
    </td>
   </tr>
   <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
    <td class="row1" align="left" valign="top">
     <div id="login_popup_buttons">
      <form action="{S_LOGIN_ACTION}" method="get">
       <input type="submit" class="mainoption" value="{L_LOGIN}" />
       <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
       <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
      </form>
     </div>
     <span class="genmed">{LOGIN_POPUP_MSG}</span>
    </td>
   </tr>
  </table>
 </div>
 <!-- END switch_login_popup -->
 <a name="top"></a>
 {JAVASCRIPT}
<table border="0" width="100%" cellspacing="0" cellpadding="0">
 <tr>
  <td width="35">
  <img border="0" src="[url=http://style.egynt.net/egynt6/egyntb_05.gif]http://style.egynt.net/egynt6/egyntb_05.gif[/url]" width="36" height="248" align="right" hspace="0"></td>
  <td background="[url=http://style.egynt.net/egynt6/egyntb_03.gif]http://style.egynt.net/egynt6/egyntb_03.gif[/url]">
  <img border="0" src="[url=http://style.egynt.net/egynt6/egyntb_04.gif]http://style.egynt.net/egynt6/egyntb_04.gif[/url]" width="275" height="248" align="right" hspace="0"></td>
  <td background="[url=http://style.egynt.net/egynt6/egyntb_03.gif]http://style.egynt.net/egynt6/egyntb_03.gif[/url]" width="33%">&nbsp;</td>
  <td background="[url=http://style.egynt.net/egynt6/egyntb_03.gif]http://style.egynt.net/egynt6/egyntb_03.gif[/url]">
  <map name="FPMap0">
  <area href="home" shape="rect" coords="232, 147, 297, 178">
  <area href="vb" shape="rect" coords="139, 147, 208, 177">
  <area href="dir" shape="rect" coords="48, 150, 119, 173">
  </map>
  <img border="0" src="[url=http://style.egynt.net/egynt6/egyntb_02.gif]http://style.egynt.net/egynt6/egyntb_02.gif[/url]" width="310" height="248" align="left" hspace="0" usemap="#FPMap0"></td>
  <td width="35">
  <img border="0" src="[url=http://style.egynt.net/egynt6/egyntb_01.gif]http://style.egynt.net/egynt6/egyntb_01.gif[/url]" width="35" height="248" align="left" hspace="0"></td>
 </tr>
 <tr>
  <td width="35" background="[url=http://style.egynt.net/egynt6/egyntb_09.gif">&nbsp;</td]http://style.egynt.net/egynt6/egyntb_09.gif">&nbsp;</td[/url]>
  <td colspan="3">
<div align="center">
        <div class="page" style="width:100%; text-align:right">
                <div style="padding:0px 25px 0px 25px">
 <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
  <tr>
   <td class="bodyline">
    <table width="100%" cellspacing="0" cellpadding="0" border="0">
     <tr>
      <!-- BEGIN switch_logo_left -->
      <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
      <!-- END switch_logo_left -->
      <td align="center" width="100%" valign="middle">
       <!-- BEGIN switch_logo_center -->
       <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
       <br />
       <!-- END switch_logo_center -->
       <div class="maintitle">{MAIN_SITENAME}</div>
       <br />
       <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
      </td>
      <!-- BEGIN switch_logo_right -->
      <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
      <!-- END switch_logo_right -->
     </tr>
    </table>
    <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
     <tr>
      <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
     </tr>
    </table>
    <div style="clear: both;"></div>
    <!-- BEGIN switch_ticker_new -->
    <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
     <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
      <tr>
       <td align="left" class="row1">
        <div id="fa_ticker_container">
         <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
          <!-- BEGIN ticker_row -->
          <li>{switch_ticker.ticker_row.ELEMENT}</li>
          <!-- END ticker_row -->
         </ul>
        </div>
       </td>
      </tr>
     </table>
    </div>
    <!-- END switch_ticker_new -->
    <!-- BEGIN switch_ticker -->
    <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
     <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
      <tr>
       <td align="left" class="row1">
        <div id="fa_ticker_container">
         <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
          <div class="fa_ticker_content">
           <!-- BEGIN ticker_row -->
           <div>{switch_ticker.ticker_row.ELEMENT}</div>
           <!-- END ticker_row -->
          </div>
         </div>
        </div>
       </td>
      </tr>
     </table>
    </div>
    <!-- END switch_ticker -->
    <div id="page-body">
     <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
      <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
       <tbody>
        <tr>
         <td valign="top" width="{C1SIZE}">
          <div id="{ID_LEFT}">
           <!-- BEGIN giefmod_index1 -->
           {giefmod_index1.MODVAR}
            <!-- BEGIN saut -->
            <div style="height:{SPACE_ROW}px"></div>
            <!-- END saut -->
           <!-- END giefmod_index1 -->
          </div>
         </td>
         <td valign="top" width="100%">
<!-- BEGIN html_validation -->
         </td>
        </tr>
       </tbody>
      </table>
     </div>
    </div>
   </td>
  </tr>
 </table>
</body>
</html>
<!-- END html_validation -->

ودة كود الفوتر طبعا هو محول القالبين

الكود:

<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]">
<html xmlns="[url=http://www.w3.org/1999/xhtml]http://www.w3.org/1999/xhtml[/url]">
<body>
<table>
 <tr>
  <td>
   <div>
    <div>
     <div>
<!-- END html_validation -->
     </div>
    </div>
    <!-- BEGIN switch_footer_links -->
    <div align="center">
     <div class="gen">
      <!-- BEGIN footer_link -->
       <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- 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}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
      <!-- END footer_link -->
     </div>
    </div>
    <!-- END switch_footer_links -->
   </div>
   {PROTECT_FOOTER}
  </td>
 </tr>
</table>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    FB.init({
      appId      : {switch_facebook_login.FACEBOOK_APP_ID},
      cookie     : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });
  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</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>
  <br />
<div class="smallfont" align="center"> <span class="time"></span></div>
<br />

               </div>
        </div>
</div>
<form action="/" method="get" style="clear:right">
<table cellpadding="6" cellspacing="0" border="0" width="100%" class="page" align="center">
<tr>
 
  <td class="tfoot">
   <select name="styleid" onchange="switch_id(this, 'style')">
    <optgroup label="اختيار التصميم السريع">
     <option value="24" class="" >-- .:: الاستايل الرسمي ::.</option>
                              </optgroup>
   </select>
  </td>
 
 <td class="tfoot" align="left" width="100%">
  <div class="smallfont">
   <strong>
    <a href="#" rel="nofollow" accesskey="9">الاتصال بنا</a> -
                          <a href="/">اسم منتداك</a> -
    
    
    <a href="#">الأرشيف</a> -
    
    
    
    <a href="#top" onclick="self.scrollTo(0, 0); return false;">الأعلى</a>
   - <span lang="ar-eg"><a href="#">
   خريطة المنتدى</a> - <a href="#">
   <span style="text-decoration: none">اسم منتداك</span></a></span></strong></div>
 </td>
</tr>
</table>
</form>



<script type="text/javascript">
<!--
 // Main vBulletin Javascript Initialization
 vBulletin_init();
//-->
</script><td width="35" background="[url=http://style.egynt.net/egynt6/egyntb_07.gif">&nbsp;</td]http://style.egynt.net/egynt6/egyntb_07.gif">&nbsp;</td[/url]>
 </tr>
 <tr>
  <td width="35">
  <img border="0" src="[url=http://style.egynt.net/egynt6/egyntb_16.gif]http://style.egynt.net/egynt6/egyntb_16.gif[/url]" width="36" height="104" align="right" hspace="0"></td>
  <td background="[url=http://style.egynt.net/egynt6/egyntb_14.gif]http://style.egynt.net/egynt6/egyntb_14.gif[/url]">
  <img border="0" src="[url=http://style.egynt.net/egynt6/egyntb_15.gif]http://style.egynt.net/egynt6/egyntb_15.gif[/url]" width="275" height="104" align="right" hspace="0"></td>
  <td background="[url=http://style.egynt.net/egynt6/egyntb_14.gif]http://style.egynt.net/egynt6/egyntb_14.gif[/url]" width="33">&nbsp;</td>
  <td background="[url=http://style.egynt.net/egynt6/egyntb_14.gif]http://style.egynt.net/egynt6/egyntb_14.gif[/url]">
                  <a href="/">
  <img border="0" src="[url=http://style.egynt.net/egynt6/egyntb_13.gif]http://style.egynt.net/egynt6/egyntb_13.gif[/url]" width="310" height="104" align="left" hspace="0" alt="تصميم - ايجى نت - للتصميم الاحترافى"></a></td>
  <td width="35">
  <img border="0" src="[url=http://style.egynt.net/egynt6/egyntb_12.gif]http://style.egynt.net/egynt6/egyntb_12.gif[/url]" width="35" height="104" align="left" hspace="0"></td>
 </tr>
</table>
</body>
</html>

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

شكرا جزيلا لك جاري تجربة الأكواد

نجح الأمر =)
تم الحل
شكرا للجميع