كود تومبيلات

أريد كود تومبلايت يجعل الأقسام تظهر بشكل رائع

مثل الـ vb

و شكرا

مرحبا ,

تفضل :

لوحة الادارة >> مظهر المنتدي>> تومبيلات والقوالب >> إدارة عامة >>

قالب index_box إستبدله بهذا

الكود::    <div align="center"> <div class="page" style="width:100%; text-align:right"> <div style="padding:0px 2px 0px 2px" align="right"><br /> <br /> <div class="block1"> <div class="block2"></div> <div class="block3"></div> </div> <div class="block4"> <div class="block5"> <div class="block6"> <table dir="rtl" border="0" cellpadding="0" cellspacing="0" width="100%" id="table2"> <tr> </td> <td> </div> <div class="CatTop_Left"> </div> </div>  <div class="CatCenter_Right"> <div class="CatCenter_Left">  <div class="CatBody"> <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"> <tbody> <tr> <td class="tcat" colspan="5" align="center"> <a style="float:left" href="#top" onclick="return toggle_collapse('forumbit_5')"><img id="collapseimg_forumbit_5" src="http://i35.servimg.com/u/f35/17/65/39/41/collap10.gif" alt="" border="0" /></a> <div colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </div> </td> </tr> </tbody> <tbody> <tr align="center"> <td class="thead"> </td> <td class="thead" width="50%" align="center">المنتدى</td> <td class="thead" width="29%">آخر مشاركة</td> <td class="thead" width="19%">المواضيع</td> <td class="thead" width="12%">المراقبين</td> </tr> </tbody>    <tbody id="collapseobj_forumbit_3" style=""> <tr align="center"> <td style="padding:0;"> <div class="img"> <div class="top"></div> <div class="med"{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" /></div>  <div class="down"{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"> <h{catrow.cathead.LEVEL} class="hierarchy"> <span class="cattitle"> </span></h{catrow.cathead.LEVEL}></td> <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="5" align="center"> <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> </tr> </div> </div> </td> <tbody id="collapseobj_forumbit_5" style="">   <tr align="center"> <td class="alt2"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>  <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}"/></td>  <td class="alt1Active" align="center" id="f6"> <div> <a href="{catrow.forumrow.U_VIEWFORUM}"><strong>{catrow.forumrow.FORUM_NAME}</strong></a> <h{catrow.forumrow.LEVEL}/> </div> <div> {catrow.forumrow.FORUM_DESC} </div> </td>  <td class="alt2">{catrow.forumrow.LAST_POST}</td> <td class="alt1"> <div id="stats" style="width: 136px; height: 18px"> <font face="Tahoma"><span style="font-size: 8pt">المواضيع : {catrow.forumrow.TOPICS}</span></font> </div> <div id="stats2" style="width: 136px; height: 18px; margin-top: 3px"> <font face="Tahoma"><span style="font-size: 8pt">المشاركات : {catrow.forumrow.POSTS}</span></font> </div> </td> <td class="alt2"><div class="smallfont">   <table dir="ltr" border="0" cellpadding="0" cellspacing="0"><tbody><tr><span class="gensmall"><span class="gensmall"><span class="gensmall"><span class="gensmall"></span></span></span></span><td class="alt2" colspan="3" align="center" valign="middle" height="50"><span class="gensmall"><ul id="topMenu"><li class="alt2" onmouseover="this.className = 'over';" onmouseout="this.className = '';"></li><li class="" onmouseover="this.className = 'over';" onmouseout="this.className = '';"><img src="http://i23.servimg.com/u/f23/16/43/22/50/modera10.gif" alt=""><ul style="width: 200px; top: 10px; left: 20px;" -3px;="" 25px;="" 50%="" top:="" 26px;="" left:="" 10px;=""><li><table class="forumline" border="0" cellpadding="0" cellspacing="1" width="100%"><tbody></span></td></tr><tr><td class="alt2" onmouseover='this.className="alt2"' onmouseout='this.className="alt2"' width="100%"> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} </td></tr></tbody></table></li></ul></li></ul><table dir="ltr" border="0" cellpadding="0" cellspacing="0"><style>#topMenu{padding: 0;margin: 0;list-style: none;}#topMenu li{float: left;list-style:none;position: relative;}#topMenu li ul{display: none;position: absolute;left: 0;padding: 0;margin: 0;}#topMenu li:hover ul, #topMenu li.over ul{display: block;}</style></table></span></td></tr></tbody></table>  </div></td> </tr> <style type="text/css"> #stats { background-image: url('mrsavb_2012/img/mrsavb_bg6.gif'); background-repeat:no-repeat; background-position:right; border: 1px solid #C0C0C0; -moz-border-radius: 15px; border-radius: 15px; width: 20%; margin: 0 auto; padding-top: 1px; padding-bottom: 1px } #stats p { text-align: right; color: #FFF; font-size:medium; font-weight: bold } #stats2 { background-image: url('mrsavb_2012/img/mrsavb_bg7.gif'); background-repeat:no-repeat; background-position:right; border: 1px solid #C0C0C0; -moz-border-radius: 15px; border-radius: 15px; width: 20%; margin: 0 auto; padding-top: 1px; padding-bottom: 1px } #stats2 p { text-align: right; color: #FFF; font-size:medium; font-weight: bold } </style>   <tr>  <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>  <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr>   </table> </div> </div> </div> </div> </div> </div>  </td> </tr> </table> </div> </div> </div> <div class="block7"> <div class="block8"></div> <div class="block9"></div> </div> <img src="{SPACER}" alt="" height="5" width="1" />

وكذلك قالب viewforum_body إستبدله بهذا

الكود:: <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"> <tr> <td class="alt1" width="100%"><strong><a class="nav" href="{U_INDEX}"> <div class="nav"><img src="http://i43.servimg.com/u/f43/16/43/22/50/uuoo12.png" class="inlineimg" alt="" border="0" height="15" width="15" /> {L_INDEX} </a>{NAV_CAT_DESC}</div> {PAGE_TITLE}</strong> </td> </tr> </table> <br /> {BOARD_INDEX} <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" width="50">  <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>  </td> <td class="gensmall" align="left" valign="bottom" nowrap="nowrap"> <span class="nav"> <script type="text/javascript">//<![CDATA[ var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}'; var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}'; var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}'; var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}'; var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}'; insert_plus_menu('f{FORUM_ID}&f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}); //]]> </script> </span> </td> </tr> </table> {TOPICS_LIST_BOX} <br/> <div id="info_open" style="display:''"> <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" width="50">  <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}1" alt="{L_POST_NEW_TOPIC}" border="0" /></a>  </td> </tr> </table> <br/>   <br /> <div class="block1"> <div class="block2"></div> <div class="block3"></div> </div> <div class="block4"> <div class="block5"> <div class="block6">  <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"> <tr> <td class="thead">خيارات العرض</td> <td class="thead">المتواجدون حاليا في هاد القسم</td> <td class="thead">المشرفين : {MEMBERS}</td> </tr> <tr valign="top"> <td class="alt1"> <table cellpadding="0" cellspacing="1" border="0"> <tr valign="bottom"> <td class="smallfont" style="padding-right:6px"> <div> <tr> <td class="alt1" valign="top"> <span class="gensmall">{S_AUTH_LIST}</span></td> </tr> </div> </td> </tr> </table> </td> <td class="alt1"><div class="smallfont">{LOGGED_IN_USER_LIST}</div></td> <td class="alt1"><div class="smallfont">{MODERATORS}</div></td> </tr> </table> <div id="info_close" style="display:none"> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td class="alt1" colspan="2" align="right" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td> </tr> <tr> <td class="alt2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td> </tr> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="nav" valign="middle" width="100%"><span class="nav"> <a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</span></td> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </table> </div>  </div> </div> </div> <div class="block7"> <div class="block8"></div> <div class="block9"></div> </div>  <br /> <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td> </tr>   <table cellpadding="2" cellspacing="0" border="0"> <tr> <td> <img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" border="0" /> </td> <td class="smallfont">يحتوي مشاركات غير مقروءة</td> <td><img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" border="0" /></td> <td class="smallfont">موضوع نشيط يحتوي مشاركات غير مقروءة</td> </tr> <tr> <td><img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" border="0" /></td> <td class="smallfont">لا يحتوي مشاركات غير مقروءة</td> <td><img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" border="0" /></td> <td class="smallfont">موضوع نشيط يحتوي مشاركات مقروءة</td> </tr> <tr> <td><img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" border="0" /></td> <td class="smallfont">الموضوع مغلق</td> <td><img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" border="0" /> </td> <td class="smallfont">موضوع نشيط مغلق</td> </tr> <tr> <td><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" border="0" /> </td><td class="smallfont">{L_FOLDER_ANNOUNCE_IMG}</td> <td><img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" border="0" /></td> <td class="smallfont">{L_FOLDER_STICKY_IMG}</td> </tr> </table>    <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center"> <tr valign="bottom"> <td width="100%" valign="top"> <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="210"> <thead> <tr> <td class="thead"> <a style="float:left" href="#top" onclick="return toggle_collapse('forumrules')"><img id="collapseimg_forumrules" src="stel-wlaef-aktalgmar-b/buttons/collapse_thead.gif" alt="" border="0" /></a> تعليمات المشاركة </td> </tr> </thead> <tbody id="collapseobj_forumrules" style=""> <tr> <td class="alt1" nowrap="nowrap"><div class="smallfont"> <div><strong>{S_AUTH_LIST}</strong></div> <hr /> <div><a href="/faq?mode=bbcode" target="_blank">BB code</a> is <strong>متاحة</strong></div> <div><a href="javascript:void(0)" target="_blank">الابتسامات</a> <strong>متاحة</strong></div> <div><a href="javascript:void(0)" target="_blank">كود [IMG]</a> <strong>متاحة</strong></div> <div>كود HTML <strong>معطلة</strong></div> <hr /> <div><a href="/t2269-topic" target="_blank">قوانين المنتدى</a></div> </div></td> </tr> </tbody> </table> </td> <td class="smallfont" align="left"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td> <div class="smallfont" style="text-align:right; white-space:nowrap">  <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>  </div> </td> </tr> </table> </td> </tr> </table>

من طرف oussama20 الأحد 21 يونيو 2015 - 15:56

. خطأ في الدخول

أخي انظر كيف أصبحت كود تومبيلات Davplp

هل قمت بتركيب ستايل تومبيلايت , إذا كان نعم أتني بها علي أستطيع تنسيقها مع هذا الكود

SaLEm Hen!CHE كتب:هل قمت بتركيب ستايل تومبيلايت , إذا كان نعم أتني بها علي أستطيع تنسيقها مع هذا الكود

لا أخي

رابط المنتدي رجاءاً+ قم بإضافة هذا كود css

الكود:: .tborder { background: #d5ccc5; color: #000000; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .tcat { background: #6e491e url(../../lamsat-ramadan/color1/bg1.png) repeat-x; color: #fff; font: bold 10pt tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .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: #e7a7c6; text-decoration: none; } .thead { background: #5b5b5b url(../../lamsat-ramadan/color1/bg2.png) repeat-x; color: #FFFFFF; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; text-shadow: 0px 1px 0px #000; } .thead a:link, .thead_alink { color: #FFFFFF; text-decoration: none; } .thead a:visited, .thead_avisited { color: #FFFFFF; text-decoration: none; } .thead a:hover, .thead a:active, .thead_ahover { color: #FFFF00; } .tfoot { background: #6e491e url(../../lamsat-ramadan/color1/bg1.png) repeat-x; color: #E0E0F6; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .tfoot a:link, .tfoot_alink { color: #E0E0F6; text-decoration: none; } .tfoot a:visited, .tfoot_avisited { color: #E0E0F6; text-decoration: none; } .tfoot a:hover, .tfoot a:active, .tfoot_ahover { color: #FFFF66; } .alt1, .alt1Active { background: #eae5df url(../../lamsat-ramadan/color1/bg3.png) repeat-x; color: #5a5b5e; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; text-shadow: 0px 1px 0px #fff; } .alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink { color: #271405; text-decoration: none; } .alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited { color: #271405; text-decoration: none; } .alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover { color: #FF4400; } .alt2, .alt2Active { background: #eae5df url(../../lamsat-ramadan/color1/bg3.png) repeat-x; color: #5a5b5e; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; text-shadow: 0px 1px 0px #fff; } .alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink { color: #271405; text-decoration: none; } .alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited { color: #271405; text-decoration: none; } .alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover { color: #FF4400; }

رابط المنتدى: http://quoiquecesoit.ahlamountada.com/

شكرا

فيما يخص كود الـ css أخي ؟

رابحي حسين كتب:فيما يخص كود الـ css أخي ؟

أخي أقصد صع هذا الكود في ورقة التصاميم css

لوحة الإدارة >> مظهر المنتدى >> الوان وصور >> الون >> ورقة css

اضف الكود ثم "قدم" ..

الكود:: .tborder { background: #d5ccc5; color: #000000; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .tcat { background: #6e491e url(../../lamsat-ramadan/color1/bg1.png) repeat-x; color: #fff; font: bold 10pt tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .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: #e7a7c6; text-decoration: none; } .thead { background: #5b5b5b url(../../lamsat-ramadan/color1/bg2.png) repeat-x; color: #FFFFFF; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; text-shadow: 0px 1px 0px #000; } .thead a:link, .thead_alink { color: #FFFFFF; text-decoration: none; } .thead a:visited, .thead_avisited { color: #FFFFFF; text-decoration: none; } .thead a:hover, .thead a:active, .thead_ahover { color: #FFFF00; } .tfoot { background: #6e491e url(../../lamsat-ramadan/color1/bg1.png) repeat-x; color: #E0E0F6; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .tfoot a:link, .tfoot_alink { color: #E0E0F6; text-decoration: none; } .tfoot a:visited, .tfoot_avisited { color: #E0E0F6; text-decoration: none; } .tfoot a:hover, .tfoot a:active, .tfoot_ahover { color: #FFFF66; } .alt1, .alt1Active { background: #eae5df url(../../lamsat-ramadan/color1/bg3.png) repeat-x; color: #5a5b5e; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; text-shadow: 0px 1px 0px #fff; } .alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink { color: #271405; text-decoration: none; } .alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited { color: #271405; text-decoration: none; } .alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover { color: #FF4400; } .alt2, .alt2Active { background: #eae5df url(../../lamsat-ramadan/color1/bg3.png) repeat-x; color: #5a5b5e; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; text-shadow: 0px 1px 0px #fff; } .alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink { color: #271405; text-decoration: none; } .alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited { color: #271405; text-decoration: none; } .alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover { color: #FF4400; }