منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم


طلب تحويل استايل

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

طلب تحويل استايل

مُساهمة من طرف Mc Nabulsy في 22/04/16, 08:22 pm

السلام عليكم


ممكن تحويل هذا الاستايل استايل كرتونيز


رابط المنتدى
لم انشئه سأنشئه بعد اتمام الاستايل
عشان نقاط النشاط ما تنقص ويكون معي وقت فيه v.v

Mc Nabulsy
عضو نشيط


الجنس : ذكر
عدد المساهمات : 88
التقييم : 8
تاريخ الميلاد : 11/09/1998
تاريخ التسجيل : 28/02/2016
العمر : 18
الموقع : http://inkor.ibda3.info/

معاينة صفحة البيانات الشخصي للعضو http://inkor.ibda3.info/

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

رد: طلب تحويل استايل

مُساهمة من طرف JAR7 في 02/05/16, 11:35 am

جاري تحويل الاستايل
اذا قالب الاقسام مازبط معي ساجعله عادي



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2199
التقييم : 290
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

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

رد: طلب تحويل استايل

مُساهمة من طرف JAR7 في 02/05/16, 01:12 pm

تم
index_body
الرمز:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                  <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                  <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                           <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                           <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
         <!-- END switch_delete_cookies -->
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                  <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                  <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                           <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                           <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<table class="list-wrap" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="t-hd" colspan="2" height="28">
      <!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <span class="cattitle">{L_WHO_IS_ONLINE}</span>
      <!-- END switch_viewonline_nolink -->
      </td>
   </tr>
   <tr>
      <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
      <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span></td>
   </tr>
   <tr>
      <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span></td>
   </tr>
   {L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
   <tr>
      <td class="row1"><span class="gensmall">{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp; {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
         </span>
      </td>
   </tr>
   <!-- END switch_chatbox_activate -->
</table>

<div class="bx-_-2">
<div style="padding:7px">
<ul class="stats_--">
<li class="st-01"><div><div>
 <span class="text_label">المتواجدون</span>
  <span class="stat_label">{TOTAL_USERS_ONLINE}</span>
</div></div></li>
<li class="st-02"><div><div>
<span class="text_label">الأعضاء المُسجلين</span>
  <span class="stat_label">{TOTAL_USERS}</span>
</div></div></li>
<li class="st-03"><div><div>
 <span class="text_label">المُساهمات</span>
  <span class="stat_label">{TOTAL_POSTS}</span>
</div></div></li>
<li class="st-04"><div><div>
<span class="text_label">المتواجدون بالدردشة</span>
  <span class="stat_label">{TOTAL_CHATTERS_ONLINE}</span>
</div></div></li>
<li class="st-05"><div><div>
<span class="text_label">الأعضاء الجُدد</span>
  <span class="stat_label">{NEWEST_USER}</span>
</div></div></li>

</ul>
<span class="clr"><!--  --></span>
</div>
<span class="clr"><!--  --></span>
</div>

<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>&nbsp;&nbsp;</td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_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_fb_index_login -->
index_box
الرمز:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div id="contnt-r">
<div id="fm-tabs">
<ul class="nav">
   <li><a class="current">{catrow.tablehead.L_FORUM}</a></li>
   
   
   
</ul><span class="nav-bordr"></span>
<div class="t-hd">
<span class="th-1">المنتدى</span>
<span class="th-2">آخر مشاركة</span>
<span class="clr"></span>
</div>

<div class="list-wrap">
<div id="cat1">

<table width="100%" cellspacing="0" cellpadding="6" border="0" align="center" class="tborder"> 
<tbody>



</tbody>
 



<tbody style="" id="collapseobj_forumbit_1">


   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->

<tr align="center">
   <td style="width:4%" class="alt2"><span class="f-icon_ shad_-"><img border="0" id="forum_statusicon_2" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}"></span></td>
   
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->

   <td align="right" style="width:66%" id="f2" class="alt1Active">
      <div>
         <a href="{catrow.forumrow.U_VIEWFORUM}" class="title-ff"><strong>{catrow.forumrow.FORUM_NAME}</strong></a>

      </div>
      <div class="smallfont">{catrow.forumrow.FORUM_DESC}</div>
      
      <div style="margin-top:6px" class="smallfont"><strong>الأقسام الفرعية</strong>:
      <img border="0" id="forum_statusicon_6" alt="" src="http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/statusicon/subforum_old.gif" class="inlineimg">
       <a>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</a></div>
   <div class="flt_ iic03"><span>المواضيع <b>{catrow.forumrow.TOPICS}</b></span></div>
   <div class="flt_ iic04"><span>المشاركات <b>{catrow.forumrow.POSTS}</b></span></div>


   </td>
<td style="width:30%" class="alt2"><div class="rt-bord">
   
<div align="right" class="smallfont">
   <div>
      <span style="white-space:nowrap">
      &nbsp;<a  style="white-space:nowrap"><strong>{catrow.forumrow.LAST_POST}</strong></a></span>
   </div>
</div>

<span class="clr"></span>

</div>
   </td>

</tr>






</tbody>

<!-- END forumrow -->
    <!-- BEGIN catfoot -->
    <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
        <!-- END inc -->
        <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
    </tr>
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->


</table>

</div>

<!--bdayh-->

<img src="{SPACER}" alt="" height="5" width="1" />
<!-- END tablefoot --><!-- END catrow -->

<br>





JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2199
التقييم : 290
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

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

رد: طلب تحويل استايل

مُساهمة من طرف JAR7 في 02/05/16, 01:13 pm

overall_header
الرمز:
<!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" 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="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" 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 -->
  <style type="text/css">
                @import url(http://googledrive.com/host/0B16y_StBDof9Yi12dEdRdS1zRTQ);
            </style>

  <style type="text/css" id="vbulletin_css">
/**
* vBulletin 3.8.7 CSS
* Style: 'كرتونيز - تصميم النور اون لاين'; Style ID: 44
*/
body
{
   background: #ebeaea;
   color: #686768;
   margin: 0px;
   padding: 0px;
   
   
   
   
}
a:link, body_alink
{
   color: #1198b1;
}
a:visited, body_avisited
{
   color: #1198b1;
}
a:hover, a:active, body_ahover
{
   color: #1ebedc;
}
.page
{
   color: #686768;
}
.tborder
{
   background: #9C9C9C;
   color: #686768;
   border: 0px solid #fff;
}
.tcat
{
   background: #f1626d;
   color: #fff;
   font: bold 10pt tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   text-shadow:0px 1px 0px #be414a;
   background-image:url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_02.png')
   
   
}
.tcat a:link, .tcat_alink
{
   color: #fff;
   text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
   color: #fff;
   text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
   color: #ffe8ea;
   text-decoration: none;
}
.thead
{
   background: #0f8ba2;
   color: #fff;
   font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   text-shadow:0px 1px 0px #0b7385;
   background-image:url('elnooronline_kartoz/img/img_01.png')
   
   
   
}
.thead a:link, .thead_alink
{
   color: #fff;
}
.thead a:visited, .thead_avisited
{
   color: #fff;
}
.thead a:hover, .thead a:active, .thead_ahover
{
   color: #ace8f3;
}
.tfoot
{
   background: #e6e6e6;
   color: #555;
   text-shadow:0px 1px 0px #6c4783
}
.tfoot a:link, .tfoot_alink
{
   color: #555;
}
.tfoot a:visited, .tfoot_avisited
{
   color: #555;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
   color: #999;
}
.alt1, .alt1Active
{
   background: #fff;
   color: #686768;
   text-shadow: 0 1px 0 #FFF;
      border-style: solid;
      border-width: 1px;
      border-color: #fff #C0C0C0 #C0C0C0 #fff;
   
}
.alt2, .alt2Active
{
   background: #f6f4f4;
   color: #686768;
   border:solid 1px #fff;
      border-style: solid;
      border-width: 1px;
      border-color: #fff #C0C0C0 #C0C0C0 #fff;
   
}
.inlinemod
{
   background: #FFFFCC;
   color: #000000;
}
.wysiwyg
{
   background: #FEFEFE;
   color: #686768;
   font: 10pt tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   margin: 5px 10px 10px 10px;
   padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink
{
   color: #686768;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
   color: #686768;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
   color: #686768;
}
textarea, .bginput
{
   background: #FEFEFE;
   color: #686768;
   font: 9pt tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
      border : 1px #c4c4c4 solid;
      padding :2px;
      text-shadow: 0 1px 0 #FFF;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   cursor: pointer;
   
   
}
.bginput option, .bginput optgroup
{
   font-size: 9pt;
   font-family: tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
   background: #f3636e;
   color: #fff;
   font: 9pt tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   text-shadow:0px 1px 0px #b6363f;border:0px
   
}
select
{
   background: #f6f4f4;
   color: #686768;
   font: 9pt tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
      border : 1px #c4c4c4 solid;
      text-shadow: 0 1px 0 #FFF;
      padding :2px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}
option, optgroup
{
   font-size: 9pt;
   font-family: tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
   color: #686768;
   font: 9pt tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
   color: #999;
}
.navbar
{
   color: #444;
   font: bold 12px 'Droid Arabic Kufi',tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.navbar a:link, .navbar_alink
{
   color: #444;
}
.navbar a:visited, .navbar_avisited
{
   color: #444;
}
.navbar a:hover, .navbar a:active, .navbar_ahover
{
   color: #18c8e9;
}
.highlight
{
   color: #FF0000;
   font-weight: bold;
}
.fjsel
{
   background: #F6F6F6;
   color: #444;
}
.fjdpth0
{
   background: #F1F1F1;
   color: #777;
}
.panel
{
   background: #F9F9F9;
   color: #767272;
   padding: 10px;
   border: solid 1px #C8C8C8;
}
.panelsurround
{
   background: #FDFDFD;
   color: #767272;
}
legend
{
   color: #444;
   font: 9pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
   background: #f3636e;
   color: #fff;
   font: 9pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   padding: 3px 6px 3px 6px;
   white-space: nowrap;
   text-shadow:0px 1px 0px #6c4783
}
.vbmenu_control a:link, .vbmenu_control_alink
{
   color: #fff;
   text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
   color: #fff;
   text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
   color: #f9bfc4;
   text-decoration: none;
}
.vbmenu_popup
{
   background: #FFFFFF;
   color: #15acc7;
   border: 1px solid #666;
}
.vbmenu_option
{
   background: #F6F6F6;
   color: #5D6062;
   font: 9pt tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   white-space: nowrap;
   cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
   color: #5D6062;
   text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
   color: #5D6062;
   text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
   color: #9EA5A9;
   text-decoration: none;
}
.vbmenu_hilite
{
   background: #fff;
   color: #15acc7;
   font: 9pt tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   white-space: nowrap;
   cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
   color: #15acc7;
   text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
   color: #15acc7;
   text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
   color: #15acc7;
   text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
</style>
 
      <script type='text/javascript'>
$(function() {    $("#fm-tabs").organicTabs({ "speed": 500  }); });
/**/
$(document).ready(function() {   
  $(function() {
    $("div.holder").jPages({
      containerID: "s-items",
      perPage:4,
     animation: "flipInY",
pause      : 6000,

    });
  });
/***/
      $(".social-icon li").hover(function() { // Mouse over
      $(this)
         .stop().fadeTo(500, 1)
         .siblings().stop().fadeTo(500, 0.2);
         
      
   }, function() { // Mouse out
      $(this)
         .stop().fadeTo(500, 1)
         .siblings().stop().fadeTo(500, 1);
         
   });
/***/
  $('.social-icon a[title]').qtip({
      position: {
        corner: {
            target: 'bottomRight',
            tooltip: 'topLeft'
        }
      },
  style: {
      width: 150,
      padding: 2,
      background: '#1090a7',
      color: '#fff',
      textAlign: 'center',
      border: {
        width: 2,
        radius: 3,
        color: '#1090a7'
      },
        tip: true
      }
  });

});
/**/
   
   
       
    </script>
  </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="http://illiweb.com/fa/hitskin/hitskin_logo.png" 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="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </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}

<div class="topbar">
<div class="cntr">
<ul class="rightlnk">
<li class="r-icon1"><a href="#">المنتدى</a></li>
<li class="r-icon2"><a href="#">القوانين العامة</a></li>
<li class="r-icon3"><a href="#">التسجيل</a></li>
<li class="r-icon4"><a href="#">اعلن لدينا</a></li>
<li class="r-icon5"><a href="#">اتصل بنا</a></li>
</ul>
<div id="srchbgr">
<form action="search" method="post" style="margin:0px;padding:0px">
   <input type="text" class="bginput" name="search_keywords" tabindex="1001"  onblur="if(this.value=='')this.value='البحث في الموقع ..' " onfocus="if(this.value=='البحث في الموقع ..')this.value=''" type="text" value="البحث في الموقع .." >
   <input type="submit"name="go" class="button9" value="" tabindex="1004" title="إبحث" >
</form>
</div>
<span class="clr"><!--  --></span>
</div>
</div>


<div class="loginbar">
<div class="cntr">
    <!-- BEGIN switch_user_logged_in -->
  <div class="drv">{LOGGED_AS} ::
      {LAST_VISIT_DATE}</div>

        <!-- END switch_user_logged_in -->
  <!-- BEGIN switch_user_logged_out -->

<div class="loginbox">

      <form action="login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)">
<input type="text" class="bginput" name="username" id="navbar_username" accesskey="u" tabindex="101" value="اسم العضو" onblur="if(this.value=='')this.value='اسم العضو' " onfocus="if (this.value == 'اسم العضو') this.value = '';" >
<input type="password" class="bginput" name="password" id="navbar_password" tabindex="102"  onblur="if(this.value=='')this.value='password ' " onfocus="if(this.value=='password ')this.value=''" value="password " >
<label for="cb_cookieuser_navbar" class="rmmbrme"><input type="checkbox" name="autologin" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" >تذكرني!</label>
<input type="submit" class="button" name="login" value="دخـول" tabindex="104" title="ادخل اسم العضو وكلمة المرور الخاصة بك في الحقول المجاورة لتسجيل الدخول, أو اضغط على رابط 'التسجيل' لإنشاء حساب خاص بك." accesskey="s" >
      </form>
<div class="clr"><!--  --></div>
</div>
<!-- END switch_user_logged_out -->


<div class="social-icon">
<ul>
<li class="ii-1"><a href="#" title="تابعنا على تويتر"></a></li>
<li class="ii-2"><a href="#" title="تابعنا علي فيس بوك"></a></li>
<li class="ii-3"><a href="#" title="RSS"></a></li>
<li>تابعنا</li>
</ul>
<span class="clr"><!--  --></span>
</div>
<span class="clr"><!--  --></span>
</div></div>
<div id="p-bgr">
<div class="cntr">

<div id="hdr">
<div class="hd_">
<a href="#" class="logo_" title="الصفحة الرئيسية"></a>
</div>
<div class="sld-bgr">
<div class="slider_">
<ul id="s-items">
<li><a href="#"><span><img alt="" src="http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_11.png" /></span><b>اسم الصورة</b></a></li>
<li><a href="#"><span><img alt="" src="http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_12.png" /></span><b>اسم الصورة</b></a></li>
<li><a href="#"><span><img alt="" src="http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_11.png" /></span><b>اسم الصورة</b></a></li>
<li><a href="#"><span><img alt="" src="http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_11.png" /></span><b>اسم الصورة</b></a></li>
  </ul><span class="clr"><!--  --></span>
</div>
<div class="holder" ></div>
</div>


<span class="clr"><!--  --></span>
</div>


<!-- open content container -->

<div align="center">
   <div class="page" style="width:100%; text-align:right">
      <div style="padding:0px 0px 0px 0px" align="right">



<!-- breadcrumb, login, pm info -->
<div class="nav-shadow">
<table class="tborder" cellpadding="6" cellspacing="0" border="0" width="100%" align="center">
<tr>
   <td class="alt1" width="100%">
      
          <div class="navbar" style="font-size:10pt"><a href="/" accesskey="1"><img class="inlineimg" src="http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/misc/navbits_start.gif" alt="" border="0" /></a>
            <strong><div class="maintitle" style="font-size:11pt">{MAIN_SITENAME}</div></strong></div>
      
   </td>
</tr>
</table>
<!-- / breadcrumb, login, pm info -->
</div>

<br />
                 
   <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 -->
                     <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>


<!-- guest welcome message -->
<table class="tborder" cellpadding="6" cellspacing="0" border="0" width="100%" align="center">
<tr>
   <td class="tcat">أهلا وسهلا بك إلى اسم موقعك.</td>
</tr>
<tr>
   <td class="alt1">
      
   </td>
</tr>
</table>
<!-- / guest welcome message -->
<br />
            <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 -->



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2199
التقييم : 290
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

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

رد: طلب تحويل استايل

مُساهمة من طرف JAR7 في 02/05/16, 01:15 pm

ورقة تصميم css
الرمز:

tr.post td {
       
            text-align: center;
       
        }
a.mainmenu {
padding: 0 12px;
}
 
#smileyContainer, .smile-status-box {  float: left !important;}
.postdetails.poster-profile a img  {
    max-height: 300px;
    max-width: 150px;
}
.topictitle, h1, h2 {
    font-size: 13px;
    font-weight: 700;
    margin: -4px 0 0 !important;
      color: rgb(255, 255, 255);
}


.postbody img {
    max-width: 600px;
    /* Resize the image for IE6 */
    width: expression(this.width > 600 ? 600: true);


  .signature_div img {max-height: 300px;  max-width: 600px;  }

.maintitle, .maintitle h1 {
    color: rgb(0, 0, 0);
    font-family: Droid Arabic Kufi,Droid Arabic Kufi;
    font-size: 13px;
    font-weight: 700;
    line-height: 120%;
    text-decoration: none;
}
/*** كود وضع البسمله بدون خطوط ***/
.hr {
background: url(http://i63.servimg.com/u/f63/11/53/34/85/f3al_c10.png) no-repeat;
background-position: top;
text-align: center;
vertical-align: text-bottom;
padding: 0px 325px 210px;
line-height: normal;
}
/*** Ahmed M!Do ***/

a:link
{
text-decoration: none;
}

a:visited
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}

a:hover
{
text-decoration: none;
}
.topictitle, h1, h2 {
    font-size: 13px;
    font-weight: 700;
    margin: -23px 0 0;
}
.tcat {
    background: #146DC7 none repeat scroll 0 0;
    color: rgb(255, 255, 255);
    font: 14pt Droid Arabic Kufi;
    height: 36px;
    text-align: center;
}

.tal-top {
    color: rgb(254, 208, 47) !important;
    font-family: Droid Arabic Kufi;
    font-size: 16px;
    font-weight: normal;
}

.border-bo-fo:last-child td {
    border-bottom: 0 solid rgb(238, 238, 238);
}
.title-form-home {
    margin-bottom: 5px;
}
.title-form-home a {
    color: #146DC7;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
}
.sub-click {
    cursor: pointer;
}
.smallfont strong {
    font-weight: normal !important;
}

.subs-fo {
    color: rgb(0, 0, 0);
    display: none;
    font-family: Droid Arabic Kufi;
    font-weight: normal;
}


.subs-fo a {
    color: #146DC7;
    font-family: Droid Arabic Kufi;
    font-weight: normal;
}

.smallfont {
    font-family: Droid Arabic Kufi;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: 13px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal !important;
    line-height: normal;
}
.new-po-posts a {
    color: rgb(53, 152, 220);
}

.sub-click:hover .subs-fo {
    background: rgb(255, 221, 177) none repeat scroll 0 0;
    border-radius: 5px;
    display: block !important;
    margin: 0 -10px 0 0;
    padding: 5px;
    position: absolute;
    z-index: 10;
}

fa_popup_content > div.post .postprofile dt > a, #main-content > div.post .postprofile dt > a, #userAvatar, .avatar, .lastpost-avatar, .mod-login-avatar dt, .postprofile dt > img, td.avatar-mini img {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border-radius: 100px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3), 0 -1px 1px rgba(0, 0, 0, 0.3);
    display: inline-block;
    height: 50px;
  margin: 10px 2px;
    overflow: hidden;
    padding: 3px;
    width: 50px;
}
#fa_popup_content > div.post .postprofile dt img, #main-content > div.post .postprofile dt img, #userAvatar img, .avatar img, .lastpost-avatar img, .mod-login-avatar dt > img, td.avatar-mini img {
    border-radius: 50px;
    height: 50px;
    width: 50px;
}

@import url('http://fonts.googleapis.com/earlyaccess/droidarabickufi.css');
::-moz-selection {
   background: #313131;
   color: #fff;
   text-shadow: 0px 1px 0px #000;
}
::selection {
   background: #313131;
   color: #fff;
   text-shadow: 0px 1px 0px #000;
}
body {
   background-position: left 117px;
   margin: 0px;
   background-color: #fff;
   font-family: "droid Arabic Kufi";
   font-size: 13px;
   color: #5c5b5b;
   line-height: 28px;
   background-image: url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_03_.png');
   background-repeat: repeat-x;
}
a {
   text-decoration: none;
   color: #444;
}
a:hover {
   color: #666;
   text-decoration: none !important;
}
a img, img {
   border: 0px;
}
.cntr img {
   -moz-transition: all 0.7s ease-in-out;
   -webkit-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
a img,img{border:0px}
ul{margin:0px;padding:0px;list-style-type:none}
a img:hover {
   opacity: 0.7;
}
.topbar{
   background-image: url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_01.png');
   height: 53px;
}
.cntr{
   margin:0px auto;width:1000px
}
.clr{
   clear:both;width:100%;display:block;height:0px
}
#srchbgr {
   float: left;
   width: 200px;
   margin: 9px 0px 0px 0px;
   height: 34px;
   background-color:#0b8398
}
#srchbgr .button9 {
   width: 34px;
   height: 34px;
   float: left;
   display: block;
   cursor: pointer;
   background-image: url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_07.png');
   background-repeat: no-repeat;
   background-position: center center;
   padding: 0px;
   border: 0px;
   background-color: transparent !important;
   margin: 0px;
   color:#97dfec
}
#srchbgr .bginput {
   width: 150px;
   height: 28px;
   margin: 0px;
   float: right;
   display: block;
   border: 0px;
   background-color:transparent;
   padding: 3px 3px;
   color: #fff;
   text-shadow: 0px 1px 0px #087284;
   text-align: center;
   font-size: 12px;
   font-family: "Droid Arabic Kufi";
}
#srchbgr .button9:hover, .button:hover { opacity: 0.7 }
.rightlnk{
   float:right;margin:9px 0px 0px
}
.rightlnk li{
   float:right; margin-left:12px
}
.rightlnk a{
  color: rgb(255, 255, 255)!important;
   display: block;
   float: right;
   line-height: 34px;
   padding: 0px 28px 0px 5px;
   color: white;
   background-repeat: no-repeat;
   background-image: url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_10.png');
   margin:0px 0px 0px 6px
}
.rightlnk a:hover{
   margin:0px 4px 0px 2px;opacity:0.7
}
.r-icon1 a{ background-position: right center
   
}
.r-icon2 a{ background-position:-234px center
   
}
.r-icon3 a{background-position:-141px center
   
}
.r-icon4 a{background-position:-42px center
   
}
.r-icon5 a{background-position:55px center
   
}
.loginbar{
   background-repeat: repeat-x;
   background-image: url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_02.png');
   height: 64px;
   overflow:hidden
}
.drv {
    color: rgb(255, 255, 255);
    float: right;
    margin: 13px 0 0;
}
.social-icon {
   padding: 4px;
   border-radius: 3px;
   float: left;
   width: 160px;
   margin: 13px 0px 0px 0px;
   background-color: #e45762;
}
.social-icon li{float:left;width:27px;margin-right:4px;color:white}
.social-icon li:last-child{
   width:auto;margin-left:17px
}
.social-icon li a{
   width: 27px;
   height: 27px;
   display: block;
   background-repeat: no-repeat;
   background-image: url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_08.png');
   -moz-transition: all 0.4s ease-in-out;
   -webkit-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

.social-icon li a:hover{
   transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
.social-icon li.ii-2 a{background-position:-29px top}
.social-icon li.ii-3 a{background-position:-60px top}
.u-info{
   line-height:24px;color:white;float: right;margin:6px 0px 0px 0px
}
.us-avt{
   float:right;width:44px;height:44px;margin:0px 0px 0px 14px
}

.u-info a{
   color:#097588
}

.u-info .time{
   color:#ffd2d5
}
#p-bgr{
   background-repeat: no-repeat;
   background-position: center top;
   background-image: url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_06.png');
}
#hdr{
   background-position: center 22px;
   background-repeat: no-repeat;
   /*background-image: url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_05.png');*/
}
.hd_{
   height:195px
}
.logo_{
   /*float: right;*/
   display: block;
   background-image: url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_04_.png');
   /*height: 142px;
   width: 220px;*/
   background-repeat: no-repeat;
   /*margin-top: 14px;*/
   width:512px;
   height:195px;
   margin:0px auto
}
.sld-bgr{
   margin: 0px 0px 16px 0px;
   background-repeat: no-repeat;
   background-position: left bottom;
   padding-bottom: 33px;
   background-image: url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_13.png');
}
.slider_{
   border: 6px solid #eeeded;
   background-image: url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_19.png');
   padding: 14px 14px 14px 0px; margin:0px 0px 17px; max-height:150px;overflow:hidden;
      -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.26);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.26);
box-shadow:        0px 0px 5px 0px rgba(50, 50, 50, 0.26);

}
.slider_ li{
   float:right;width:232px; margin:0px 0px 0px 10px
}
.slider_ li a{width:220px;height:110px;
   display:block;position:relative;line-height:20px;
   background-color:white;padding:6px;
   overflow:hidden;
   -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.26);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.26);
box-shadow:        0px 0px 5px 0px rgba(50, 50, 50, 0.26);
}
.slider_ li a img{width:220px;height:110px
   
}
.slider_ li a:hover img{
   opacity:0.5
}
.slider_ li a b{
   position:absolute;top:-120px;left:6px;display:block;padding:12px 0px;line-height:24px;background: rgba(0,0,0,0.7);color:white;font-weight:normal;text-align:center;width:220px
}
.slider_ li a span{
   display:block;background-color:black
}
.slider_ li a:hover b{ top:40px
   
}
.holder{
   margin:0px auto;width:70px
}
.holder a{
   border-radius: 12px;
   display: block;
   float: right;
   width: 14px;
   height: 14px;
   overflow:hidden;text-indent:-55px;
   background-color:#b2b2b2;
   margin:0px 4px;
   cursor:pointer
}
.holder a.jp-previous,.holder a.jp-next{
   display: none
}
.holder a.jp-current{
   background-color:#129eb7
}
.f-icon_{
   display:block;padding:22px 0px
}
.shad_-{
         -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.26);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.26);
box-shadow:        0px 0px 5px 0px rgba(50, 50, 50, 0.26);

}
.nav-bordr{
   display:block;height:3px;background-color:#1090a7
}
.flt_{
   border:solid 1px #ddd;float:right;padding:4px;background-color:white;margin-left:6px;width:136px;margin-top:6px
}
.flt_ span{
   padding:0px 22px 0px 0px;background-repeat:no-repeat;display:block;background-position:right center
}
.iic01 span{
   background-image: url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_17.png');
}
.iic01 span a{
   display: block;
   text-align: right;
   background-repeat: no-repeat;
   background-position: left center;
   background-image: url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_20.png');
   margin-left:12px
}
.iic03 span{
   background-image: url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_14.png');
}
.iic04 span{background-image: url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_15.png');
   
}
.iic05 span{background-image: url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_16.png');
   
}
.dr-menu{
   padding-top:4px
}
.dr-menu-{
   border:solid 1px #ddd;background-color:white
}
.t-hd{
    background-image:url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_02.png')
}
.th-1,.th-2{
   float:right;color:white;font-size:15px;text-align:center;width:30%;line-height:44px
}
.th-1{
   width:70%
}
#contnt-r {
    float: right;
    margin: 20px 0;
    width: 100%;
}
#left-col{
   float:left;width:200px
}
.left-box {
   background-color:#f7f6f6
}
.left-box img{
   display:block;width:100%;margin:0px auto 9px
}
.box-l-title{
   line-height:44px;color:white;
   margin:0px 0px 0px;text-align:center;
   background-color:#1090a7
}
.rt-bord{
   padding-right:14px; border-right:solid 1px #ddd
}
.stats_-- li {
    float: right;
    width: 20%;
}
.stats_-- li div {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    margin: 0 4px;
    padding: 5px;
}
.stats_-- li div div {
    background-position: left center;
    background-repeat: no-repeat;
    border: 0 none;
    height: 90px;
    margin: 0;
    padding: 0 0 0 66px;
}
.stats_-- li.st-05 div div {
    padding-left: 55px;
}

#fa_stats {
    background: #2E3133;
    color: #FFF;
    font-family: Arial, Verdana, Sans-serif;
    padding: 15px 0;
    text-align: center;
}

.stat_label {
    background: #F2F2F2;
    border-radius: 3px;
    color: #2E3133;
    display: inline-block;
    font-size: 0;
    margin: 0 12px 0 3%;
    padding: 6px 12px;
    vertical-align: middle;
}
.text_label {
    font-size: 14px;
    font-weight: 700;
    margin-right: 7.5%;
    text-transform: uppercase;
}
.stat_label strong {
    display: inline-block;
    font-size: 14px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}




.stats_-- li.st-05 div div strong{font-family: "droid Arabic Kufi";font-size: 12px;font-weight: normal;}
li.st-01 div div{background-image:url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_27.png')}
li.st-02 div div{background-image:url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_28.png')}
li.st-03 div div{background-image:url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_29.png')}
li.st-04 div div{background-image:url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_30.png')}
li.st-05 div div{background-image:url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_31.png')}
.most_users_ever_online{
   background-position: right top;
   border-style: solid;
   border-width: 1px 0px 0px 0px;
   border-color: #EBEBEB;
   margin: 0px;
   background-image: url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_32.png');
   background-repeat: no-repeat;
   height: 45px;
   padding-right: 55px;
   line-height: 45px;
   font-family: tahoma;
   font-size: 9pt;
   font-weight: bold;
}

.bx-_-2{
   padding:2px;
   margin:0px 0px 14px; background-color:#f7f6f6;
         -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.26);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.26);
box-shadow:        0px 0px 5px 0px rgba(50, 50, 50, 0.26);

}
.loginbox{float:right;width:390px;margin:12px 0px 0px}
.lognbox2{padding:11px}
.loginbox input.bginput[type=text],.loginbox input.bginput[type=password] {
   background-image: url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_09.png');
   background-repeat: no-repeat;
   border: 0 none;
   color: #a3a3a3;
   float: right;
   font-family: tahoma;
   font-size: 9pt;
   font-weight: normal;
   height: 33px;
   outline: 0 none;
   padding: 0 38px 0 3px;
   text-shadow: 0 1px 0 #fff;
   width: 100px;
   background-color:transparent;
   background-position:-104px top
}
.loginbox input.bginput[type=text]{background-position:right top;margin-left:1px}
.loginbox .button {
   background-image: url('http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_09.png');
   background-repeat: no-repeat;
   border: 0 none;
   cursor: pointer;
   display: block;
   height: 34px;
   margin: 0px;
   padding: 0;
   width: 102px;
   background-color:transparent;
   font-family:"Droid Arabic Kufi";font-size:13px;font-weight:normal;
   text-shadow:0px 1px 0px #08697a
}
.lognbox-in .button9:hover,.lognbox .button9:hover {opacity: 0.7;}
.rmmbrme{float: right;line-height: 40px;padding: 0px 4px;color: #fff;font-size: 13px;}










#fm-tabs .list-wrap {
   margin: 0 0 15px 0;
         -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.26);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.26);
box-shadow:        0px 0px 5px 0px rgba(50, 50, 50, 0.26);

}

#fm-tabs .nav { overflow: hidden; margin-right:22px }
#fm-tabs .nav li { float: right; margin: 0px 0px 0px 11px;}
#fm-tabs .nav li a {
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
   display: inline-block;
   padding: 5px 2em;
   background: #fff;
   color: #333;
   font-size: 13px;
   text-align: center;
   font-family: 'Droid Arabic Kufi', serif;
   line-height: 30px;
   width: auto;
     height: 34px;
}

#fm-tabs li a.current,#fm-tabs li a.current:hover,#fm-tabs .nav li a:hover, #fm-tabs .nav li a:focus { background-color: #1091a9 !important; color:  white; }

.list-wrap td.alt1,.list-wrap td.alt2,.list-wrap td.alt2Active,.list-wrap td.alt1Active{
   border-style: solid;
   border-width: 1px 0px 1px 0px;
   background-color: #fff !important;
   border-top-color: #fff;
   border-bottom-color: #F0ECEC;
   padding:15px 6px !important
}
.sh-box0-{
   border-radius: 3px;
   background-color: white;
   padding: 11px;
   margin-left: 7px;
   -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.22);
   -moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.22);
box-shadow:        0px 0px 4px 0px rgba(50, 50, 50, 0.22);
}














/*************************************************/
#srchbgr input, .button,.slider_ li a b,.rightlnk a{
   -moz-transition: all 0.4s ease-in-out;
   -webkit-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

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



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2199
التقييم : 290
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

إنشاء حساب أو تسجيل الدخول لتستطيع الرد

تحتاج إلى أن يكون عضوا لتستطيع الرد.

انشئ حساب

يمكنك الانضمام لمنتديات تقنيات فعملية التسجيل سهله !


انشاء حساب جديد

تسجيل الدخول

اذا كنت مسجل معنا فيمكنك الدخول بالضغط هنا


تسجيل الدخول

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