| الجنس : | التقيم : 1020 | المشاركات : 12355 | |
| |
| | جميع قوالب topics_blog_box المصممه لستايل مسرووور الخاصة بالمدونات المنتدى
قوالب كاملة لتغير شكل المدونة الى مجلة رباعية ثلاثية مدونات بولجر وشكال مختلفة وتلقائية في عرض الصور ومقدمة الموضوع مع الوصف وبسم اللاه فل نبدا بشكل الاول مدونات بولجر
((((الخطوة الاولى)))) يجب تفعيل المدونة في المنتدى وقبل تركيب القالب يجب تعديل خيارات من لوحة التحكم لوحة التحكم - ادارة عامة - الرسائل و الإيميلات = تشكيل وابحث عن خيار فصل الاعلانات والمواضيع المثبتة عن المواضيع العايدية :لا
ثم اذهب الى اسفل الصفحة وفعل خيار وصف المواضيع السماح بوضع وصف موجز للموضوع :نعم
((((الخطوة الثانية )))) الان نذهب لتركيب القالب لوحة التحكم + مظهر المنتدى + التومبيلات والقوالب + ادارة عامة وابحث عن قالب topics_blog_box واحذفة وضع القالب الجديد مكانة
- الكود:
-
{BOARD_INDEX} </table> </form> <br>
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" width="50"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a> <!-- END switch_user_authpost --> </td>
<td class="gensmall" align="left" valign="bottom" nowrap="nowrap"> <span class="nav"> <div class="clearfix"> <form class="forum-search right" action="/search" method="get"> <input class="bginput" type="text" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" onclick="if (this.value == '{L_SEARCH}...') this.value = '';" value="{L_SEARCH}..." size="20" id="search_keywords" name="search_keywords" /> <input class="liteoption" type="submit" value="{L_SEARCH}" /> <input type="hidden" name="search_where" value="f{FORUM_ID}" /> </form> </div> </span> </td> </tr> </table> <!-- BEGIN topics_blog_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <script type="text/javascript"> function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked; } } document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked; } } } </script> <!-- END multi_selection --> </table> </form> <br>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <tr>
<table class="" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr>
<td class="alt1" title="showthread.php?t=3"><a name="PageNav"></a></td> </tr> <!-- END pagination -->
<table id="c" class="ipbtable topics-blog" cellspacing="0" cellpadding="0">
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <tr> <td class="row3" colspan="{topics_blog_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_blog_box.row.L_TITLE}</b></span></td> </tr> <!-- END header_row -->
<!-- BEGIN topic --> {topics_blog_box.row.END_TABLE_STICKY} <tr>
<span class="cattitle"> <td class="" class="{topics_blog_box.row.ROW_CLASS}" width="99%" Valign="top" style="padding-left:10px"> <div style="height:86px; width:100%" class="{topics_blog_box.row.ROW_CLASS}" ><span style="font-size: 12px" > <b><span class="ca3vt">
<td class="row33 centered">
<div class="cover_top_b"> <div class="cover_top_l"> <div class="cover_top_r"> <div align="right"><span style="font-family: Arial; font-size: 13px;">{topics_blog_box.row.NEWEST_POST_IMG} {topics_blog_box.row.PARTICIPATE_POST_IMG} {topics_blog_box.row.TOPIC_TYPE} <a href="{topics_blog_box.row.U_VIEW_TOPIC}">{topics_blog_box.row.TOPIC_TITLE}</a> <div class="postdetails"></strong></span>
</div> </div> </div> <td class="row9 centered">
<div class="flatred-box-img">
<div class="flatred-box-img"><div class="MAVATAR"><div class="blog_message1" style="font-size: 0px" href="{topics_blog_box.row.U_VIEW_TOPIC}" > <div style="height:170px; width:302" style="font-size: 0px" class="{topics_blog_box.row.FIRST_POST_TEXT}" ></span></div> </span></div><div style="padding: 0 0 10px 0;"></div> </div> <!-- BEGIN multi_selection -->
<!-- END multi_selection --> </div> <td class="row7 centered">
<span style="font-size: 9px" ><FONT color="#000000"><div align="right"><div class="WEVATAR"></div> </div> </div> <div class="cal right"> <span style="font-size: 9px" ><FONT color="#000000"> <div class="cal right"> </div></span> <td class="row8 centered">
<span style="font-family: Arial; font-size: 19px;"><div align="right"><FONT color="#055E91">{topics_blog_box.row.ICON}{topics_blog_box.row.NEWEST_POST_IMG} {topics_blog_box.row.PARTICIPATE_POST_IMG} {topics_blog_box.row.TOPIC_TYPE}{topics_blog_box.row.TOPIC_TITLE}<FONT color="#000000"><span"{topics_blog_box.row.U_VIEW_TOPIC}"> <!-- BEGIN switch_description -->
<span style="font-family: Arial; font-size: 17px;"><div align="right">{topics_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION} </span>
<!-- END switch_description --> <span style="font-family: Arial; font-size: 17px;"><div align="right"> <div class="AVATAR"><FONT color="#000000"><div class="nnvvcc"><div class="vqvwe"><div align="right"><span style="font-family: Arial; font-size: 17px;"{topics_blog_box.row.FIRST_POST_TEXT}</span> <br />
<td class="row5 centered">
<span class="postdetails"> <span style="font-size: 10px" ><FONT color="#ffffff"><div align="right"> {L_COMMENTS}: {topics_blog_box.row.REPLIES} - <span class="postdetails"> <span style="font-size: 10px" ><FONT color="#ffffff"> {L_VIEWS}: {topics_blog_box.row.VIEWS} <td class="row37 centered"> <div class="e-qtam">
<div class="cal right">
<div class="cal right"> <span style="font-size: 17px" ><div class="sdfasd"> <a href="{topics_blog_box.row.U_VIEW_TOPIC}"><FONT color="#ffffff"> تابع القراءة .. </a> </div></span> <td class="row49 centered"> <span style="font-size: 9px" ><FONT color="#000000"><div align="right">{topics_blog_box.row.L_BY} <strong>{topics_blog_box.row.TOPIC_AUTHOR}</strong> <div class="cal right">
<div class="cal right"> </div></span> <td class="row4 centered"> <div class="e-qtam">
<div class="cal right"> <span style="font-size: 9px" ><FONT color="#ffffff"> بتاريخ {topics_blog_box.row.FIRST_POST_DMY_VALUE0}/ {topics_blog_box.row.FIRST_POST_DMY_VALUE1}/ {topics_blog_box.row.FIRST_POST_DMY_VALUE2}
<div class="cal right"> </div></span> <td class="row99 centered"> <div class="alt88"> <!-- BEGIN avatar --> <div style="width: 200px;"></div> <span class="lastpost-avatar">{topics_blog_box.row.topic.avatar.LAST_POST_AVATAR}</span> <!-- END avatar -->
<span class="postdetails"><div align="right"><span style="font-size: 10px" > أخر رد {topics_blog_box.row.LAST_POST_TIME}<br />من طرف<br />{topics_blog_box.row.LAST_POST_AUTHOR} {topics_blog_box.row.LAST_POST_IMG}</span> <!-- BEGIN multi_selection --> <td class="alt2" align="center" valign="middle"><span class="smallfont"><input onClick="javascript:check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} /></span></td> <!-- END multi_selection -->
<!-- END topic --><!-- BEGIN no_topics --> <tr> <td class="row1" colspan="{topics_blog_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="smallfont">{topics_blog_box.row.L_NO_TOPICS}</span></td> </tr>
<!-- END no_topics --><!-- BEGIN bottom -->
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_blog_box --> <tr> <td class="alt2" colspan="{topics_list_box.row.COLSPAN}" valign="middle"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <span class="gensmall">{PAGINATION}</span></td> <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr>
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> http://<![CDATA[ $(resize_images({ 'selector' : '.blog_message1', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); http://]]> </script> <!-- END switch_image_resize --> </table> <script> /*Writen by Tu?n Anh in codeforumotion.forumvi.com*/ $(document).on('ready',function(){$('.blog_message1').each(function(){var url=$(this).attr('href');$(this).prepend(' <a onclick="openWin(this.href.replace(\'#\', \'?showpost=\'), 1000, 500);return false" href="'+url+'"></a> ');$(this).load(url+' div.postbody img:eq(0)')})});</script>
<style type="text/css">.pun a.topictitle{font:15px "Segoe UI",Tahoma,Helvetica,sans-serif;color:#000}#content-container div#main{margin-top:50px}#content-container div#right{width:1px;height:1px}#content-container div#content{margin-right:0} .flatred-box-img{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background: url #000}.flatred-box-img img{width:100%;min-height:100%}.flatred-box:hover .flatred-box-img img{opacity:.3}.flatred-box-info{position:absolute;bottom:0;height:28px;line-height:50px;padding:3px 17px;background: rgba(255,255,255,.97);left:0;right:0;transition:all .3s}.flatred-box:hover .flatred-box-info{height:50px} img[src*="https://i57.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 0px;opacity: 0;color: #fff;font-size: 0px;}.w-qtam{background: rgba(255,255,255,.33);border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
/* Strat - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ .cover_top_b { background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_10.gif) repeat-x left top; } .cover_top_l { background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_11.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; text-align: center;
padding: 1px 10px 10px 10px; text-shadow:1px 1px 0 #005483; } .cover_top_m td, .cover_top_m a:link, .cover_top_m a:visited, .cover_top_m a:visited, .cover_top_m a:hover, .cover_top_m a:active { text-transform: none; font-weight: bold; color: #FFF; }
.cover_top_b2 { background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_13.gif) repeat-x left top; } .cover_top_l2 { background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_14.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; background: url() no-repeat right top; height: 10px; } /* End - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ img[src*="https://i57.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 5px;opacity: 0;color: #fff;font-size: 14px;}.w-qtam{background-image: url(""); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
table.topics-blog tbody tr:nth-child(3n+3) {margin-right:0} #c2 tbody tr:nth-child(5){margin:12px 0 0 0} #c4 tbody tr{height:304px!important} #c11 tbody tr:nth-child(4){margin-right:-9px} #c11 tbody tr { height: 279px; width: 302px; margin-right: 4px; } #c11 tbody { margin-left: -4px; display: block; }
.formbuttonrow { background: #fff;padding: 0;padding-top: 8px;border-top: 1px solid #f4f4f4 !important; } .maintitle, #qpost {background-color: transparent !important;} .borderwrap .maintitle h2 {color: #f40;font-size: 24px;position: relative;z-index: 1; } table.topics-blog tbody tr:hover { background: #FFF url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; }
table.topics-blog tbody tr { width: 946px; float: right; margin-right: 0px; margin-bottom: 20px; border-radius: 2px; border: 1px solid #DDD; height: 350px; position: relative; border: 0px solid #EEE; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 0px; -moz-box-shadow: 0 0 8px #666; -webkit-box-shadow: 0 0 8px #666; box-shadow: 0 0 2px #666; position: relative; border-radius: 9px; background: #FFF url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; } .mods+p a:nth-of-type(2n+1) {position: relative;display: inline-block;height: 16px;width: 16px;z-index: 1;float: left;} .mods+p a:nth-of-type(2n+1) img {position: absolute;margin: 2px 3px;} .mods+p a:nth-of-type(2n+2) { padding: 2px 4px;color: #333;display: inline-block;width: calc(50% - 26px); border-radius: 2px;font-size: 12px;margin-left: -16px;padding-left: 22px; height: 16px;overflow: hidden;float: left; } .mods+p a:nth-of-type(2n+2):hover, .mods+p a:nth-of-type(2n+1):hover+a:nth-of-type(2n+2) {background: #333;color: #fff;}
width: 94%;border-top: 1px solid #f4f4f4; } table.topics-blog tbody tr td:last-child strong+a { } table.topics-blog tbody tr td:last-child strong+a { position: absolute;margin: 5px 0;width: 40px;height: 40px;border-radius: 20px; left: 0;top: 0;background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; } table.topics-blog tbody tr td:last-child strong+a:hover {background-color: #BF0101;} table.topics-blog tbody tr td:last-child strong+a img {width: 100%;height: 100%;opacity: 0;} table.topics-blog#c2 tbody tr:first-child {height: 714px;} table.topics-blog#c2 tbody tr:first-child td:last-child {display: none;}
table.topics-blog tbody tr td.row9.centered, table.topics-blog tbody tr td.row9.centered { color: #fff; background: #ddd url(https://i62.servimg.com/u/f62/19/34/83/47/no-pre10.png) center no-repeat; top: 63px; font-weight: bold; position: absolute; width: 305px; height: 230px; text-align: left; border: 1px solid #ddd; margin-right: 5px; } table.topics-blog tbody tr td.row5.centered, table.topics-blog tbody tr td.row5.centered { padding: ; line-height: ; color: #000; background: # !important; top: 39px; font-weight: bold; position: absolute; width: 100%; height: auto; text-align: left; border: 1px solid #; background: #b90000 url(http://i33.servimg.com/u/f33/17/83/79/07/gradie11.gif) repeat-x top left; height: 15px; padding: 3px 0px 0px 0px; margin-left: 9px; }
table.topics-blog tbody tr td.row4.centered, table.topics-blog tbody tr td.row4.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 43px; font-weight: bold; position: absolute; width: 611px; height: auto; text-align: left; padding: 0px 5px 0px 0px; margin-right: 320px; } table.topics-blog tbody tr td.row37.centered, table.topics-blog tbody tr td.row37.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 264px; font-weight: bold; position: absolute; width: 611px; height: auto; text-align: left; padding: 0px 5px 0px 0px; margin-right: 320px; } table.topics-blog tbody tr td.row49.centered, table.topics-blog tbody tr td.row49.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 280px; font-weight: bold; position: absolute; width: 611px; height: auto; text-align: left; padding: 0px 5px 0px 0px; margin-right: 320px; } table.topics-blog tbody tr td.row8.centered, table.topics-blog tbody tr td.row8.centered { color: #fff; top: 70px; font-weight: bold; position: absolute; width: 620px; height: 185px; text-align: left; border: 0px solid #ffffff; overflow: hidden; margin-right: 320px; } table.topics-blog tbody tr td.row99.centered, table.topics-blog tbody tr td.row99.centered { padding: ; line-height: ; top: 296px; font-weight: bold; position: absolute; width: 100%; height: 47px; text-align: left; border: 5px solid #; overflow: hidden; background: # !important; margin-right: 0px; padding-top: 5px; color: #383838; font-family: tahoma; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 700; } table.topics-blog tbody tr td.row7.centered, table.topics-blog tbody tr td.row7.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 95px; font-weight: bold; position: absolute; width: 302px; height: 10px; text-align: left; } table.topics-blog tbody tr td.row33.centered, table.topics-blog tbody tr td.row33.centered { padding: ;line-height: ;color: #fff;background: # !important;top: 0px;font-weight: bold; position: absolute;width: 100%;height: auto;text-align: left; }
.quote { display:none }
.AVATAR img {
display: none!important;
}
.vqvwe code {
display: none!important;
} .nnvvcc a:link {
display: none!important;
} .codebox { display: none!important;
} .postbody { display: none!important;
} .MAVATAR img { width: 295px; height: 220px; border: 5px solid #fff!important; } .MAVATAR a { display: none!important;
} .MAVATAR .codebox { display: none!important;
} .WEVATAR img { width: 305px; height: 277px; } .sdfasd { display: inline-block; margin-bottom: 0; font-weight: 400; color: #fff; background: linear-gradient(160deg,#055E91,#055E91);
border-radius: 8px; font-size: 18px; text-transform: uppercase; padding: 4px 12px; margin-bottom: 7px; outline: none; border: none; overflow: hidden; } .sdfasd:hover { background: #1c1c1c; } .cover_top_ms { color: #FFF; font-weight: bold; text-align: center;
padding: 10px 7px 7px 7px; text-shadow:1px 1px 0 #005483; } .cover_top_ms td, .cover_top_ms a:link, .cover_top_ms a:visited, .cover_top_ms a:visited, .cover_top_ms a:hover, .cover_top_ms a:active { text-transform: none; font-weight: bold; color: #FFF; } table.topics-blog tbody tr td:last-child strong + a { position: absolute; width: 40px; height: 40px; border-radius: 10px; left: 0; top: 5px; background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; margin-left: 6px; margin-bottom: -77px; } .lastpost-avatar img { -webkit-border-radius: 5px; border-radius: 5px; padding: 0px 4px 0px 5px; width: 38px; height: 38px; border-radius: 7px; } .alt88 { background: #eee url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #ddd; } .alt88:hover { background: #FFF url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #ddd; } </style> (((( طريقة اضافة صورة وكتابة الوصف للموضوع )))) كود عرض الصورة سيلتقط الصورة الاولى من داخل الموضوع ويعرضها غلاف بشكل تلقائي لهذا يجب ان يحتوي موضوعك على صورة والصورة التي تريدها ان تكون غلاف يجب ان تكون الصورة الاولى في الموضوع لو كان موضوعك يحتوي على خمس صور فالكود سيضع الصورة الاولى غلاف لموضوعك بشكل تلقائي اما طريقة كتابة وصف الموضوع فكتب وصف موضوعك في مربع الوصف بشكل عادي في صفحة انشاء موضوع جديد كما في الصورة في الاسفل وبدون كتابة وصف مقدمة الموضوع ستظهر بشكل تلقائي
تم الشـــــــــــــــــــــرح
وجميع حقوق النشر محفوظة لمصمم الكود مسرووور لا تحرموني من صالح الدعاء مع فائق الاحترام والتقدير مسرووور | | |
مواضيع ذات صلة بـ هذا الموضوع
الأحد 15 يوليو - 2:33 | المشاركة رقم: | | الجنس : | التقيم : 1020 | المشاركات : 12355 | |
| |
| | رد: جميع قوالب topics_blog_box المصممه لستايل مسرووور الخاصة بالمدونات المنتدى
توكلنا على الله والشكل الثالث تحويل المدونة الى شكل المنتديات العتيادية
حذف قالب topics_blog_box الخاص بستايل منتديات مسرووور بالجديد - الكود:
-
{BOARD_INDEX} </table> </form> <br> <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" width="50"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a> <!-- END switch_user_authpost --> </td> <td class="gensmall" align="left" valign="bottom" nowrap="nowrap"> <span class="nav"> <div class="clearfix"> <form class="forum-search right" action="/search" method="get"> <input class="bginput" type="text" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" onclick="if (this.value == '{L_SEARCH}...') this.value = '';" value="{L_SEARCH}..." size="20" id="search_keywords" name="search_keywords" /> <input class="liteoption" type="submit" value="{L_SEARCH}" /> <input type="hidden" name="search_where" value="f{FORUM_ID}" /> </form> </div> </span> </td> </tr> </table> </td> </tr> </table> <br /> <!-- BEGIN topics_blog_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <script type="text/javascript"> function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked; } } document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked; } } } </script> <!-- END multi_selection --> <!-- cover_top_b - Design by : Sam Hameed - WwW.My-As7aB.CoM --> <div class="cover_top_b"> <div class="cover_top_l"> <div class="cover_top_r"> مواضيع القسم </div> </div> </div> <!-- /cover_top_b - Design by : Sam Hameed - WwW.My-As7aB.CoM --> <table class="tborder" cellpadding="7" cellspacing="1" border="0" width="100%" align="center"> <tr> <th class="tcat02" colspan="{topics_blog_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"><span style="font-size: 10px;"> {topics_blog_box.row.L_TITLE} </th> <th class="tcat02" align="center" nowrap="nowrap" width="50"><span style="font-size: 10px;"> {topics_blog_box.row.L_REPLIES} </th> <th class="tcat02" align="center" nowrap="nowrap" width="80"><span style="font-size: 10px;"> كاتب الموضوع </th> <th class="tcat02" align="center" nowrap="nowrap" width="50"><span style="font-size: 10px;"> {topics_blog_box.row.L_VIEWS} </th> <th class="tcat02" align="center" nowrap="nowrap" width="100"><span style="font-size: 10px;"> {topics_blog_box.row.L_LASTPOST} </th> <!-- BEGIN multi_selection --> <th class="thead" align="center" nowrap="nowrap" width="20" ><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th> <!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <tr> <td class="thead" class="alt2" colspan="{topics_blog_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_blog_box.row.L_TITLE}</b></span></td> </tr> <!-- END header_row --> <!-- BEGIN topic --> <div class="topictitle"> {topics_blog_box.row.END_TABLE_STICKY}</div> <tr> <!-- BEGIN single_selection --> <td class="alt2" align="center" valign="middle" width="20"><input type="radio" name="{topics_blog_box.FIELDNAME}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} /></td> <!-- END single_selection --> <td class="alt2"><span class="gensmall"><img title="{topics_blog_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_blog_box.row.TOPIC_FOLDER_IMG}" alt="{topics_blog_box.row.L_TOPIC_FOLDER_ALT}" /></span></td> <!-- BEGIN icon --> <td class="alt1"><span class="gensmall">{topics_blog_box.row.ICON}</span></td> <!-- END icon --> <td class="alt1" onmouseover='this.className="alt1"' onmouseout='this.className="alt1"' width="100%"> <div class="topictitle"> {topics_blog_box.row.NEWEST_POST_IMG}{topics_blog_box.row.PARTICIPATE_POST_IMG}{topics_blog_box.row.TOPIC_TYPE} <h2 class="topic-title"> <a class="topictitle" href="{topics_blog_box.row.U_VIEW_TOPIC}"><span style="font-family: Arial; font-size: 20px;">{topics_blog_box.row.TOPIC_TITLE}</a> </h2> </div> <!-- BEGIN switch_description --> <span class="genmed"> <br /> {topics_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION} </span> <!-- END switch_description --> <span class="gensmall">{topics_blog_box.row.TOPIC_ANNOUNCES_DATES}{topics_blog_box.row.TOPIC_CALENDAR_DATES}</span> <span class="gensmall"><span style="font-size: 9px;">{topics_blog_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_blog_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --> </td> <td class="alt2" align="center" valign="middle"><span class="postdetails">{topics_blog_box.row.REPLIES}</span></td> <td class="alt1" align="center" valign="middle"><span class="postdetails">{topics_blog_box.row.TOPIC_AUTHOR}</span></td> <td class="alt2" align="center" valign="middle"><span class="postdetails">{topics_blog_box.row.VIEWS}</span></td> <td class="alt1" onmouseover='this.className="alt1"' onmouseout='this.className="alt1"' align="center" valign="middle" nowrap="nowrap"><div style="width: 200px;"></div> <!-- BEGIN avatar --> <div style="width: 200px;"></div> <span class="lastpost-avatar">{topics_blog_box.row.topic.avatar.LAST_POST_AVATAR}</span> <!-- END avatar --> <span class="postdetails">{topics_blog_box.row.LAST_POST_TIME}<br />{topics_blog_box.row.LAST_POST_AUTHOR} {topics_blog_box.row.LAST_POST_IMG}</span> <!-- BEGIN multi_selection --> <td class="alt1" align="right" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} /></span></td> <!-- END multi_selection --> </tr> <!-- END topic --><!-- BEGIN no_topics --> <tr> <td class="alt2" colspan="{topics_blog_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_blog_box.row.L_NO_TOPICS}</span></td> </tr> <!-- END no_topics --><!-- BEGIN bottom --> <tr> <td class="alt2" colspan="{topics_blog_box.row.COLSPAN}" valign="middle"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <span class="gensmall">{PAGINATION}</span></td> <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr> <!-- END bottom --><!-- BEGIN footer_table --> </table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_blog_box --> <!-- صورة اسفل الفئات بدااااااااااااااااااااية --> <!-- cover_bottom_b - Design by : Sam Hameed - WwW.My-As7aB.CoM --> <div class="cover_bottom_b"> <div class="cover_bottom_l"> <div class="cover_bottom_r"> </div> </div> </div> <!-- /cover_bottom_b - Design by : Sam Hameed - WwW.My-As7aB.CoM --> <!-- صورة اسفل الفئات نهااااااااااااااااااااااااية -->
وجميع حقوق النشر محفوظة لمصمم الكود مسرووور لا تحرموني من صالح الدعاء مع فائق الاحترام والتقدير مسرووور
| | |
الأربعاء 25 يوليو - 2:52 | المشاركة رقم: | | الجنس : | التقيم : 1020 | المشاركات : 12355 | |
| |
| | رد: جميع قوالب topics_blog_box المصممه لستايل مسرووور الخاصة بالمدونات المنتدى
بسم اللاه الشكل مجلة ثلاثية
تحويل المدونة الى مجله ثلاثية وتلفائية 100% وكل ماعليك حذف قالب topics_blog_box الخاص بستايل منتديات مسرووور بالجديد
- الكود:
-
{BOARD_INDEX} </table> </form> <br> <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" width="50"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a> <!-- END switch_user_authpost --> </td>
<td class="gensmall" align="left" valign="bottom" nowrap="nowrap"> <span class="nav"> <div class="clearfix"> <form class="forum-search right" action="/search" method="get"> <input class="bginput" type="text" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" onclick="if (this.value == '{L_SEARCH}...') this.value = '';" value="{L_SEARCH}..." size="20" id="search_keywords" name="search_keywords" /> <input class="liteoption" type="submit" value="{L_SEARCH}" /> <input type="hidden" name="search_where" value="f{FORUM_ID}" /> </form> </div> </span> </td> </tr> </table> <!-- BEGIN topics_blog_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <script type="text/javascript"> function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked; } } document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked; } } } </script>
<!-- END multi_selection --> </table> </form> <br>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <tr>
<table class="" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr>
<td class="alt1" title="showthread.php?t=3"><a name="PageNav"></a></td> </tr> <!-- END pagination -->
<table id="c" class="ipbtable topics-blog" cellspacing="0" cellpadding="0">
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <tr> <td class="row3" colspan="{topics_blog_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_blog_box.row.L_TITLE}</b></span></td> </tr> <!-- END header_row -->
<!-- BEGIN topic --> {topics_blog_box.row.END_TABLE_STICKY} <tr>
<span class="cattitle"> <td class="" class="{topics_blog_box.row.ROW_CLASS}" width="99%" Valign="top" style="padding-left:10px"> <div style="height:86px; width:100%" class="{topics_blog_box.row.ROW_CLASS}" ><span style="font-size: 12px" > <b><span class="ca3vt"> <td class="row33 centered">
<script> function gioihant(a){
return a.substring(0,55)+''; } </script> <div class="cover_top_b"> <div class="cover_top_l"> <div class="cover_top_g6"> {topics_blog_box.row.NEWEST_POST_IMG} {topics_blog_box.row.PARTICIPATE_POST_IMG} {topics_blog_box.row.TOPIC_TYPE} <FONT color="#ffffff"><a href="{topics_blog_box.row.U_VIEW_TOPIC}"><FONT color="#ffffff"><script>document.write(gioihant('{topics_blog_box.row.TOPIC_TITLE}'));</script></a> <div class="postdetails"></strong></span> </div> </div> </div> <td class="row9 centered">
<div class="flatred-box-img">
<div class="flatred-box-img"><div class="MAVATAR"><div class="blog_message1" style="font-size: 0px" href="{topics_blog_box.row.U_VIEW_TOPIC}" > <div style="height:170px; width:302" style="font-size: 0px" class="{topics_blog_box.row.FIRST_POST_TEXT}" ></span></div> </span></div><div style="padding: 0 0 10px 0;"></div> </div> <!-- BEGIN multi_selection -->
<!-- END multi_selection --> </div> <td class="row7 centered">
<span style="font-size: 9px" ><FONT color="#000000"><div align="center"><div class="WEVATAR"></div> </div> </div> <div class="cal right"> <span style="font-size: 9px" ><FONT color="#000000"> {topics_blog_box.row.ICON} <div class="cal right"> </div></span> <td class="row8 centered"> <div dir="rtl" style="color: rgb(51, 51, 51); text-decoration: none; padding: 0pt; overflow: scroll; font-weight: bold; font-size: 10pt; background-image: none; background-attachment: scroll; background-color: rgb(300, 300, 300); margin: 0pt; width: 302px; font-family: tahoma; height: 80px; text-align: center; background-position: 0% 0%; background-repeat: repeat repeat;"> <span style="font-family: Arial; font-size: 11px;"><span"{topics_blog_box.row.U_VIEW_TOPIC}"> <!-- BEGIN switch_description -->
<span style="font-family: Arial; font-size: 13px;"><div align="center">{topics_blog_box.row.TOPIC_TYPE}{topics_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION} </span>
<!-- END switch_description --> <span style="font-family: Arial; font-size: 13px;"><div align="center"> <div class="AVATAR"><FONT color="#000000"><div class="nnvvcc"><div class="vqvwe">{topics_blog_box.row.TOPIC_TYPE}{topics_blog_box.row.TOPIC_TITLE}<span style="font-family: Arial; font-size: 13px;"{topics_blog_box.row.FIRST_POST_TEXT}</span> <br /> <a href="{topics_blog_box.row.U_VIEW_TOPIC}"> قراءة كامله</a>
<td class="row1 centered"> <span class="postdetails"> <FONT color="#ffffff"><div align="center"> {L_COMMENTS}: {topics_blog_box.row.REPLIES} <td class="row2 centered"> <span class="postdetails"> <FONT color="#ffffff"><div align="center"> {L_VIEWS}: {topics_blog_box.row.VIEWS} <td class="row4 centered"> <div class="e-qtam">
<span style="font-size: 9px" ><FONT color="#000000"><div align="right">{topics_blog_box.row.L_BY} <strong>{topics_blog_box.row.TOPIC_AUTHOR}</strong> <div class="cal right"> <span style="font-size: 10px" ><FONT color="#000000"> بتاريخ {topics_blog_box.row.FIRST_POST_DMY_VALUE0}/ {topics_blog_box.row.FIRST_POST_DMY_VALUE1}/ {topics_blog_box.row.FIRST_POST_DMY_VALUE2} <div class="cal right"> </div></span>
<td class="row99 centered"> <div class="alt88"> <!-- BEGIN avatar --> <div style="width: 200px;"></div> <span class="lastpost-avatar">{topics_blog_box.row.topic.avatar.LAST_POST_AVATAR}</span> <!-- END avatar -->
<span class="postdetails"><div align="right"><span style="font-size: 10px" > أخر رد {topics_blog_box.row.LAST_POST_TIME}<br />من طرف<br />{topics_blog_box.row.LAST_POST_AUTHOR} {topics_blog_box.row.LAST_POST_IMG}</span> <!-- BEGIN multi_selection --> <td class="row2" align="center" valign="middle"><span class="smallfont"><input onClick="javascript:check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} /></span></td> <!-- END multi_selection -->
<!-- END topic --><!-- BEGIN no_topics --> <tr> <td class="row1" colspan="{topics_blog_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="smallfont">{topics_blog_box.row.L_NO_TOPICS}</span></td> </tr>
<!-- END no_topics --><!-- BEGIN bottom -->
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_blog_box -->
<tr> <td class="alt2" colspan="{topics_blog_box.row.COLSPAN}" valign="middle"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <span class="gensmall">{PAGINATION}</span></td> <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr>
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> http://<![CDATA[ $(resize_images({ 'selector' : '.blog_message1', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); http://]]> </script> <!-- END switch_image_resize --> </table> <script> /*Writen by Tu?n Anh in codeforumotion.forumvi.com*/ $(document).on('ready',function(){$('.blog_message1').each(function(){var url=$(this).attr('href');$(this).prepend(' <a onclick="openWin(this.href.replace(\'#\', \'?showpost=\'), 1000, 500);return false" href="'+url+'"></a> ');$(this).load(url+' div.postbody img:eq(0)')})});</script>
<style type="text/css">.pun a.topictitle{font:15px "Segoe UI",Tahoma,Helvetica,sans-serif;color:#000}#content-container div#main{margin-top:50px}#content-container div#right{width:1px;height:1px}#content-container div#content{margin-right:0} .flatred-box-img{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background: url #000}.flatred-box-img img{width:100%;min-height:100%}.flatred-box:hover .flatred-box-img img{opacity:.3}.flatred-box-info{position:absolute;bottom:0;height:28px;line-height:50px;padding:3px 17px;background: rgba(255,255,255,.97);left:0;right:0;transition:all .3s}.flatred-box:hover .flatred-box-info{height:50px} img[src*="https://i57.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 0px;opacity: 0;color: #fff;font-size: 0px;}.w-qtam{background: rgba(255,255,255,.33);border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
/* Strat - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ .cover_top_b { background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_10.gif) repeat-x left top; } .cover_top_l { background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_11.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; text-align: center;
padding: 1px 10px 10px 10px; text-shadow:1px 1px 0 #005483; } .cover_top_m td, .cover_top_m a:link, .cover_top_m a:visited, .cover_top_m a:visited, .cover_top_m a:hover, .cover_top_m a:active { text-transform: none; font-weight: bold; color: #FFF; }
.cover_top_b2 { background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_13.gif) repeat-x left top; } .cover_top_l2 { background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_14.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; background: url() no-repeat right top; height: 10px; } /* End - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ img[src*="https://i57.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 5px;opacity: 0;color: #fff;font-size: 14px;}.w-qtam{background-image: url(""); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
table.topics-blog tbody tr:nth-child(3n+3) {margin-right:0} #c2 tbody tr:nth-child(5){margin:12px 0 0 0} #c4 tbody tr{height:304px!important} #c11 tbody tr:nth-child(4){margin-right:-9px} #c11 tbody tr { height: 279px; width: 302px; margin-right: 4px; } #c11 tbody { margin-left: -4px; display: block; }
.formbuttonrow { background: #fff;padding: 0;padding-top: 8px;border-top: 1px solid #f4f4f4 !important; } .maintitle, #qpost {background-color: transparent !important;} .borderwrap .maintitle h2 {color: #f40;font-size: 24px;position: relative;z-index: 1; }
table.topics-blog tbody tr:hover { background: #FFF url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; } table.topics-blog tbody tr { width: 302px; float: left; margin-right: 20px; margin-bottom: 20px; border-radius: 2px; border: 1px solid #; height: 350px; position: relative; border: 0px solid #EEE; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 0px; background: #eee url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; -moz-box-shadow: 0 0 8px #666; -webkit-box-shadow: 0 0 8px #666; box-shadow: 0 0 2px #666; position: relative; border-radius: 9px; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700;
} .mods+p a:nth-of-type(2n+1) {position: relative;display: inline-block;height: 16px;width: 16px;z-index: 1;float: left;} .mods+p a:nth-of-type(2n+1) img {position: absolute;margin: 2px 3px;} .mods+p a:nth-of-type(2n+2) { padding: 2px 4px;color: #333;display: inline-block;width: calc(50% - 26px); border-radius: 2px;font-size: 12px;margin-left: -16px;padding-left: 22px; height: 16px;overflow: hidden;float: left; } .mods+p a:nth-of-type(2n+2):hover, .mods+p a:nth-of-type(2n+1):hover+a:nth-of-type(2n+2) {background: #333;color: #fff;}
width: 94%;border-top: 1px solid #f4f4f4; } table.topics-blog tbody tr td:last-child strong+a { } table.topics-blog tbody tr td:last-child strong+a { position: absolute;margin: 5px 0;width: 40px;height: 40px;border-radius: 20px; left: 0;top: 0;background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; } table.topics-blog tbody tr td:last-child strong+a:hover {background-color: #BF0101;} table.topics-blog tbody tr td:last-child strong+a img {width: 100%;height: 100%;opacity: 0;} table.topics-blog#c2 tbody tr:first-child {height: 714px;} table.topics-blog#c2 tbody tr:first-child td:last-child {display: none;}
table.topics-blog tbody tr td.row9.centered, table.topics-blog tbody tr td.row9.centered { color: #fff; background: #ddd url(https://i62.servimg.com/u/f62/19/34/83/47/no-pre10.png) center no-repeat; top: 65px; font-weight: bold; position: absolute; width: 302px; height: 174px; text-align: left; border: 0px solid #ddd; }
table.topics-blog tbody tr td.row4.centered, table.topics-blog tbody tr td.row4.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 220px; font-weight: bold; position: absolute; width: 295px; height: auto; text-align: left; padding: 0px 5px 0px 0px; } table.topics-blog tbody tr td.row8.centered, table.topics-blog tbody tr td.row8.centered { color: #fff; top: 236px; font-weight: bold; position: absolute; width: 300px; height: 63px; text-align: left; border: 0px solid #ffffff; overflow: hidden; } table.topics-blog tbody tr td.row99.centered, table.topics-blog tbody tr td.row99.centered { padding: ; line-height: ; top: 299px; font-weight: bold; position: absolute; width: 302px; height: 50px; text-align: left; border: 5px solid #; overflow: hidden; background: # !important; } table.topics-blog tbody tr td.row7.centered, table.topics-blog tbody tr td.row7.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 70px; font-weight: bold; position: absolute; width: 298px; height: 10px; text-align: left; } table.topics-blog tbody tr td.row33.centered, table.topics-blog tbody tr td.row33.centered { padding: ;line-height: ;color: #fff;background: # !important;top: 0px;font-weight: bold; position: absolute;width: 302px;height: auto;text-align: left; }
.quote { display:none }
.AVATAR img {
display: none!important;
}
.vqvwe code {
display: none!important;
} .nnvvcc a:link {
display: none!important;
} .codebox { display: none!important;
} .postbody { display: none!important;
} .MAVATAR img { height: 172px; width: 302px; } .MAVATAR a { display: none!important;
} .MAVATAR .codebox { display: none!important;
} .WEVATAR img { height: 170px; width: 302px; } .cover_top_ms { color: #FFF; font-weight: bold; text-align: center;
padding: 10px 7px 7px 7px; text-shadow:1px 1px 0 #005483; } .cover_top_ms td, .cover_top_ms a:link, .cover_top_ms a:visited, .cover_top_ms a:visited, .cover_top_ms a:hover, .cover_top_ms a:active { text-transform: none; font-weight: bold; color: #FFF; } table.topics-blog tbody tr td:last-child strong + a { position: absolute; width: 40px; height: 40px; border-radius: 7px; left: 0; top: 0; background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; margin: 7px 0px 0px 5px; } .lastpost-avatar img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 38px; width: 38px; padding: 0px 4px 0px 5px; } .alt88 { background: #eee url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 5px; padding-bottom: 9px; border-top: 1px solid #ddd; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } .alt88:hover { background: #FFF url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 5px; padding-bottom: 9px; border-top: 1px solid #ddd; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } .cover_top_g6 { background: url(http://i33.servimg.com/u/f33/17/83/79/07/cover_12.gif) no-repeat right top; color: #FFF; font-weight: 700; padding: 13px 10px 10px; text-align: center; text-shadow: 1px 1px 0 #005483; height: 18px; } .cover_top_g6 { text-transform: none; font-weight: bold; color: #FFF; } table.topics-blog tbody tr td.row2.icon {padding: 0 !important;height: auto;} table.topics-blog tbody tr td.row1.centered, table.topics-blog tbody tr td.row2.centered { padding: 10px; line-height: 3px; color: #fff; background-image: url("http://i33.servimg.com/u/f33/17/83/79/07/gradie15.gif"); top: 42px; font-weight: bold; position: absolute; width: 130px; height: auto; text-align: center; } table.topics-blog tbody tr td.row2.centered {left: 0%;} table.topics-blog tbody tr td.row1.centered:after {content: " ";margin-left: 3px;} table.topics-blog tbody tr td.row2.centered:after {content: " ";margin-left: 3px;} .forum-desc {padding: 0 10px;} </style> | | |
الجمعة 27 يوليو - 13:47 | المشاركة رقم: | | الجنس : | التقيم : 1020 | المشاركات : 12355 | |
| |
| | رد: جميع قوالب topics_blog_box المصممه لستايل مسرووور الخاصة بالمدونات المنتدى
بسم اللاه الشكل مجلة رباعية
تحويل المدونة الى مجله ثلاثية وتلفائية 100% وكل ماعليك حذف قالب topics_blog_box الخاص بستايل منتديات مسرووور بالجديد
- الكود:
-
{BOARD_INDEX} </table> </form> <br> <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" width="50"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a> <!-- END switch_user_authpost --> </td>
<td class="gensmall" align="left" valign="bottom" nowrap="nowrap"> <span class="nav"> <div class="clearfix"> <form class="forum-search right" action="/search" method="get"> <input class="bginput" type="text" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" onclick="if (this.value == '{L_SEARCH}...') this.value = '';" value="{L_SEARCH}..." size="20" id="search_keywords" name="search_keywords" /> <input class="liteoption" type="submit" value="{L_SEARCH}" /> <input type="hidden" name="search_where" value="f{FORUM_ID}" /> </form> </div> </span> </td> </tr> </table> <!-- BEGIN topics_blog_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <script type="text/javascript"> function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked; } } document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked; } } } </script>
<!-- END multi_selection --> </table> </form> <br>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <tr>
<table class="" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr>
<td class="alt1" title="showthread.php?t=3"><a name="PageNav"></a></td> </tr> <!-- END pagination -->
<table id="c" class="ipbtable topics-blog" cellspacing="0" cellpadding="0">
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <tr> <td class="row3" colspan="{topics_blog_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_blog_box.row.L_TITLE}</b></span></td> </tr> <!-- END header_row -->
<!-- BEGIN topic --> {topics_blog_box.row.END_TABLE_STICKY} <tr>
<span class="cattitle"> <td class="" class="{topics_blog_box.row.ROW_CLASS}" width="99%" Valign="top" style="padding-left:10px"> <div style="height:86px; width:100%" class="{topics_blog_box.row.ROW_CLASS}" ><span style="font-size: 12px" > <b><span class="ca3vt"> <td class="row33 centered">
<script> function gioihant(a){
return a.substring(0,55)+''; } </script> <div class="cover_top_b"> <div class="cover_top_l"> <div class="cover_top_g6"> {topics_blog_box.row.NEWEST_POST_IMG} {topics_blog_box.row.PARTICIPATE_POST_IMG} {topics_blog_box.row.TOPIC_TYPE} <FONT color="#ffffff"><a href="{topics_blog_box.row.U_VIEW_TOPIC}"><FONT color="#ffffff"><script>document.write(gioihant('{topics_blog_box.row.TOPIC_TITLE}'));</script></a> <div class="postdetails"></strong></span> </div> </div> </div> <td class="row9 centered">
<div class="flatred-box-img">
<div class="flatred-box-img"><div class="MAVATAR"><div class="blog_message1" style="font-size: 0px" href="{topics_blog_box.row.U_VIEW_TOPIC}" > <div style="height:170px; width:302" style="font-size: 0px" class="{topics_blog_box.row.FIRST_POST_TEXT}" ></span></div> </span></div><div style="padding: 0 0 10px 0;"></div> </div> <!-- BEGIN multi_selection -->
<!-- END multi_selection --> </div> <td class="row7 centered">
<span style="font-size: 9px" ><FONT color="#000000"><div align="center"><div class="WEVATAR"></div> </div> </div> <div class="cal right"> <span style="font-size: 9px" ><FONT color="#000000"> {topics_blog_box.row.ICON} <div class="cal right"> </div></span> <td class="row8 centered"> <div dir="rtl" style="color: rgb(51, 51, 51); text-decoration: none; padding: 0pt; overflow: scroll; font-weight: bold; font-size: 10pt; background-image: none; background-attachment: scroll; background-color: rgb(300, 300, 300); margin: 0pt; width: 229px; font-family: tahoma; height: 80px; text-align: center; background-position: 0% 0%; background-repeat: repeat repeat;"> <span style="font-family: Arial; font-size: 11px;"><span"{topics_blog_box.row.U_VIEW_TOPIC}"> <!-- BEGIN switch_description -->
<span style="font-family: Arial; font-size: 13px;"><div align="center">{topics_blog_box.row.TOPIC_TYPE}{topics_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION} </span>
<!-- END switch_description --> <span style="font-family: Arial; font-size: 13px;"><div align="center"> <div class="AVATAR"><FONT color="#000000"><div class="nnvvcc"><div class="vqvwe">{topics_blog_box.row.TOPIC_TYPE}{topics_blog_box.row.TOPIC_TITLE}<span style="font-family: Arial; font-size: 13px;"{topics_blog_box.row.FIRST_POST_TEXT}</span> <br /> <a href="{topics_blog_box.row.U_VIEW_TOPIC}"> قراءة كامله</a>
<td class="row1 centered"> <span class="postdetails"> <FONT color="#ffffff"><div align="center"> {L_COMMENTS}: {topics_blog_box.row.REPLIES} <td class="row2 centered"> <span class="postdetails"> <FONT color="#ffffff"><div align="center"> {L_VIEWS}: {topics_blog_box.row.VIEWS} <td class="row4 centered"> <div class="e-qtam">
<span style="font-size: 9px" ><FONT color="#000000"><div align="right">{topics_blog_box.row.L_BY} <strong>{topics_blog_box.row.TOPIC_AUTHOR}</strong> <div class="cal right"> <span style="font-size: 10px" ><FONT color="#000000"> بتاريخ {topics_blog_box.row.FIRST_POST_DMY_VALUE0}/ {topics_blog_box.row.FIRST_POST_DMY_VALUE1}/ {topics_blog_box.row.FIRST_POST_DMY_VALUE2} <div class="cal right"> </div></span>
<td class="row99 centered"> <div class="alt88"> <!-- BEGIN avatar --> <div style="width: 200px;"></div> <span class="lastpost-avatar">{topics_blog_box.row.topic.avatar.LAST_POST_AVATAR}</span> <!-- END avatar -->
<span class="postdetails"><div align="right"><span style="font-size: 8px" > أخر رد {topics_blog_box.row.LAST_POST_TIME}<br />من طرف<br />{topics_blog_box.row.LAST_POST_AUTHOR} {topics_blog_box.row.LAST_POST_IMG}</span> <!-- BEGIN multi_selection --> <td class="row2" align="center" valign="middle"><span class="smallfont"><span style="font-size: 8px" ><input onClick="javascript:check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} /></span></td> <!-- END multi_selection -->
<!-- END topic --><!-- BEGIN no_topics --> <tr> <td class="row1" colspan="{topics_blog_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="smallfont">{topics_blog_box.row.L_NO_TOPICS}</span></td> </tr>
<!-- END no_topics --><!-- BEGIN bottom -->
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_blog_box -->
<tr> <td class="alt2" colspan="{topics_blog_box.row.COLSPAN}" valign="middle"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <span class="gensmall">{PAGINATION}</span></td> <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr>
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> http://<![CDATA[ $(resize_images({ 'selector' : '.blog_message1', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); http://]]> </script> <!-- END switch_image_resize --> <script> /*Writen by Tu?n Anh in codeforumotion.forumvi.com*/ $(document).on('ready',function(){$('.blog_message1').each(function(){var url=$(this).attr('href');$(this).prepend(' <a onclick="openWin(this.href.replace(\'#\', \'?showpost=\'), 1000, 500);return false" href="'+url+'"></a> ');$(this).load(url+' div.postbody img:eq(0)')})});</script>
<style type="text/css">.pun a.topictitle{font:15px "Segoe UI",Tahoma,Helvetica,sans-serif;color:#000}#content-container div#main{margin-top:50px}#content-container div#right{width:1px;height:1px}#content-container div#content{margin-right:0} .flatred-box-img{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background: url #000}.flatred-box-img img{width:100%;min-height:100%}.flatred-box:hover .flatred-box-img img{opacity:.3}.flatred-box-info{position:absolute;bottom:0;height:28px;line-height:50px;padding:3px 17px;background: rgba(255,255,255,.97);left:0;right:0;transition:all .3s}.flatred-box:hover .flatred-box-info{height:50px} img[src*="https://i57.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 0px;opacity: 0;color: #fff;font-size: 0px;}.w-qtam{background: rgba(255,255,255,.33);border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
/* Strat - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ .cover_top_b { background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_10.gif) repeat-x left top; } .cover_top_l { background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_11.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; text-align: center;
padding: 1px 10px 10px 10px; text-shadow:1px 1px 0 #005483; } .cover_top_m td, .cover_top_m a:link, .cover_top_m a:visited, .cover_top_m a:visited, .cover_top_m a:hover, .cover_top_m a:active { text-transform: none; font-weight: bold; color: #FFF; }
.cover_top_b2 { background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_13.gif) repeat-x left top; } .cover_top_l2 { background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_14.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; background: url() no-repeat right top; height: 10px; } /* End - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ img[src*="https://i57.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 5px;opacity: 0;color: #fff;font-size: 14px;}.w-qtam{background-image: url(""); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
table.topics-blog tbody tr:nth-child(4n+4) {margin-right:0} #c2 tbody tr:nth-child(5){margin:12px 0 0 0} #c4 tbody tr{height:304px!important} #c11 tbody tr:nth-child(4){margin-right:-9px} #c11 tbody tr { height: 279px; width: 229px; margin-right: 4px; } #c11 tbody { margin-left: -4px; display: block; }
.formbuttonrow { background: #fff;padding: 0;padding-top: 8px;border-top: 1px solid #f4f4f4 !important; } .maintitle, #qpost {background-color: transparent !important;} .borderwrap .maintitle h2 {color: #f40;font-size: 24px;position: relative;z-index: 1; }
table.topics-blog tbody tr:hover { background: #FFF url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; } table.topics-blog tbody tr { width: 229px; float: left; margin-right: 10px; margin-bottom: 20px; border-radius: 2px; border: 1px solid #; height: 350px; position: relative; border: 0px solid #EEE; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 0px; background: #eee url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; -moz-box-shadow: 0 0 8px #666; -webkit-box-shadow: 0 0 8px #666; box-shadow: 0 0 2px #666; position: relative; border-radius: 9px; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700;
} .mods+p a:nth-of-type(2n+1) {position: relative;display: inline-block;height: 16px;width: 16px;z-index: 1;float: left;} .mods+p a:nth-of-type(2n+1) img {position: absolute;margin: 2px 3px;} .mods+p a:nth-of-type(2n+2) { padding: 2px 4px;color: #333;display: inline-block;width: calc(50% - 26px); border-radius: 2px;font-size: 12px;margin-left: -16px;padding-left: 22px; height: 16px;overflow: hidden;float: left; } .mods+p a:nth-of-type(2n+2):hover, .mods+p a:nth-of-type(2n+1):hover+a:nth-of-type(2n+2) {background: #333;color: #fff;}
width: 94%;border-top: 1px solid #f4f4f4; } table.topics-blog tbody tr td:last-child strong+a { } table.topics-blog tbody tr td:last-child strong+a { position: absolute;margin: 5px 0;width: 40px;height: 40px;border-radius: 20px; left: 0;top: 0;background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; } table.topics-blog tbody tr td:last-child strong+a:hover {background-color: #BF0101;} table.topics-blog tbody tr td:last-child strong+a img {width: 100%;height: 100%;opacity: 0;} table.topics-blog#c2 tbody tr:first-child {height: 714px;} table.topics-blog#c2 tbody tr:first-child td:last-child {display: none;}
table.topics-blog tbody tr td.row9.centered, table.topics-blog tbody tr td.row9.centered { color: #fff; background: #ddd url(https://i62.servimg.com/u/f62/19/34/83/47/no-pre10.png) center no-repeat; top: 65px; font-weight: bold; position: absolute; width: 229px; height: 174px; text-align: left; border: 0px solid #ddd; }
table.topics-blog tbody tr td.row4.centered, table.topics-blog tbody tr td.row4.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 220px; font-weight: bold; position: absolute; width: 223px; height: auto; text-align: left; padding: 0px 5px 0px 0px; } table.topics-blog tbody tr td.row8.centered, table.topics-blog tbody tr td.row8.centered { color: #fff; top: 236px; font-weight: bold; position: absolute; width: 229px; height: 63px; text-align: left; border: 0px solid #ffffff; overflow: hidden; } table.topics-blog tbody tr td.row99.centered, table.topics-blog tbody tr td.row99.centered { padding: ; line-height: ; top: 299px; font-weight: bold; position: absolute; width: 229px; height: 50px; text-align: left; border: 5px solid #; overflow: hidden; background: # !important; } table.topics-blog tbody tr td.row7.centered, table.topics-blog tbody tr td.row7.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 70px; font-weight: bold; position: absolute; width: 225px; height: 10px; text-align: left; } table.topics-blog tbody tr td.row33.centered, table.topics-blog tbody tr td.row33.centered { padding: ;line-height: ;color: #fff;background: # !important;top: 0px;font-weight: bold; position: absolute;width: 229px;height: auto;text-align: left; }
.quote { display:none }
.AVATAR img {
display: none!important;
}
.vqvwe code {
display: none!important;
} .nnvvcc a:link {
display: none!important;
} .codebox { display: none!important;
} .postbody { display: none!important;
} .MAVATAR img { height: 172px; width: 229px; } .MAVATAR a { display: none!important;
} .MAVATAR .codebox { display: none!important;
} .WEVATAR img { height: 170px; width: 229px; } .cover_top_ms { color: #FFF; font-weight: bold; text-align: center;
padding: 10px 7px 7px 7px; text-shadow:1px 1px 0 #005483; } .cover_top_ms td, .cover_top_ms a:link, .cover_top_ms a:visited, .cover_top_ms a:visited, .cover_top_ms a:hover, .cover_top_ms a:active { text-transform: none; font-weight: bold; color: #FFF; } table.topics-blog tbody tr td:last-child strong + a { position: absolute; width: 40px; height: 40px; border-radius: 7px; left: 0; top: 0; background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; margin: 7px 0px 0px 5px; } .lastpost-avatar img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 38px; width: 38px; padding: 0px 4px 0px 5px; } .alt88 { background: #eee url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 5px; padding-bottom: 12px; border-top: 1px solid #ddd; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } .alt88:hover { background: #FFF url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 5px; border-top: 1px solid #ddd; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } .cover_top_g6 { background: url(http://i33.servimg.com/u/f33/17/83/79/07/cover_12.gif) no-repeat right top; color: #FFF; font-weight: 700; padding: 13px 10px 10px; text-align: center; text-shadow: 1px 1px 0 #005483; height: 18px; } .cover_top_g6 { text-transform: none; font-weight: bold; color: #FFF; } table.topics-blog tbody tr td.row2.icon {padding: 0 !important;height: auto;} table.topics-blog tbody tr td.row1.centered, table.topics-blog tbody tr td.row2.centered { padding: 10px; line-height: 3px; color: #fff; background-image: url("http://i33.servimg.com/u/f33/17/83/79/07/gradie15.gif"); top: 42px; font-weight: bold; position: absolute; width: 94px; height: auto; text-align: center; } table.topics-blog tbody tr td.row2.centered {left: 0%;} table.topics-blog tbody tr td.row1.centered:after {content: " ";margin-left: 3px;} table.topics-blog tbody tr td.row2.centered:after {content: " ";margin-left: 3px;} .forum-desc {padding: 0 10px;} </style> | | |
الجمعة 27 يوليو - 14:01 | المشاركة رقم: | | الجنس : | التقيم : 1020 | المشاركات : 12355 | |
| |
| | رد: جميع قوالب topics_blog_box المصممه لستايل مسرووور الخاصة بالمدونات المنتدى
بسم اللاه الشكل مجلة رباعية
تحويل المدونة الى مجله ثلاثية وتلفائية 100% وكل ماعليك حذف قالب topics_blog_box الخاص بستايل منتديات مسرووور بالجديد
- الكود:
-
{BOARD_INDEX} </table> </form> <br> <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" width="50"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a> <!-- END switch_user_authpost --> </td>
<td class="gensmall" align="left" valign="bottom" nowrap="nowrap"> <span class="nav"> <div class="clearfix"> <form class="forum-search right" action="/search" method="get"> <input class="bginput" type="text" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" onclick="if (this.value == '{L_SEARCH}...') this.value = '';" value="{L_SEARCH}..." size="20" id="search_keywords" name="search_keywords" /> <input class="liteoption" type="submit" value="{L_SEARCH}" /> <input type="hidden" name="search_where" value="f{FORUM_ID}" /> </form> </div> </span> </td> </tr> </table> <!-- BEGIN topics_blog_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <script type="text/javascript"> function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked; } } document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked; } } } </script>
<!-- END multi_selection --> </table> </form> <br>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <tr>
<table class="" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr>
<td class="alt1" title="showthread.php?t=3"><a name="PageNav"></a></td> </tr> <!-- END pagination -->
<table id="c" class="ipbtable topics-blog" cellspacing="0" cellpadding="0">
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <tr> <td class="row3" colspan="{topics_blog_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_blog_box.row.L_TITLE}</b></span></td> </tr> <!-- END header_row -->
<!-- BEGIN topic --> {topics_blog_box.row.END_TABLE_STICKY} <tr>
<span class="cattitle"> <td class="" class="{topics_blog_box.row.ROW_CLASS}" width="99%" Valign="top" style="padding-left:10px"> <div style="height:86px; width:100%" class="{topics_blog_box.row.ROW_CLASS}" ><span style="font-size: 12px" > <b><span class="ca3vt"> <td class="row33 centered">
<script> function gioihant(a){
return a.substring(0,55)+''; } </script> <div class="cover_top_b"> <div class="cover_top_l"> <div class="cover_top_g6"> {topics_blog_box.row.NEWEST_POST_IMG} {topics_blog_box.row.PARTICIPATE_POST_IMG} {topics_blog_box.row.TOPIC_TYPE} <FONT color="#ffffff"><a href="{topics_blog_box.row.U_VIEW_TOPIC}"><FONT color="#ffffff"><script>document.write(gioihant('{topics_blog_box.row.TOPIC_TITLE}'));</script></a> <div class="postdetails"></strong></span> </div> </div> </div> <td class="row9 centered">
<div class="flatred-box-img">
<div class="flatred-box-img"><div class="MAVATAR"><div class="blog_message1" style="font-size: 0px" href="{topics_blog_box.row.U_VIEW_TOPIC}" > <div style="height:170px; width:463" style="font-size: 0px" class="{topics_blog_box.row.FIRST_POST_TEXT}" ></span></div> </span></div><div style="padding: 0 0 10px 0;"></div> </div> <!-- BEGIN multi_selection -->
<!-- END multi_selection --> </div> <td class="row7 centered">
<span style="font-size: 9px" ><FONT color="#000000"><div align="center"><div class="WEVATAR"></div> </div> </div> <div class="cal right"> <span style="font-size: 9px" ><FONT color="#000000"> {topics_blog_box.row.ICON} <div class="cal right"> </div></span> <td class="row8 centered"> <div dir="rtl" style="color: rgb(51, 51, 51); text-decoration: none; padding: 0pt; overflow: scroll; font-weight: bold; font-size: 10pt; background-image: none; background-attachment: scroll; background-color: rgb(300, 300, 300); margin: 0pt; width: 463px; font-family: tahoma; height: 80px; text-align: center; background-position: 0% 0%; background-repeat: repeat repeat;"> <span style="font-family: Arial; font-size: 11px;"><span"{topics_blog_box.row.U_VIEW_TOPIC}"> <!-- BEGIN switch_description -->
<span style="font-family: Arial; font-size: 13px;"><div align="center">{topics_blog_box.row.TOPIC_TYPE}{topics_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION} </span>
<!-- END switch_description --> <span style="font-family: Arial; font-size: 13px;"><div align="center"> <div class="AVATAR"><FONT color="#000000"><div class="nnvvcc"><div class="vqvwe">{topics_blog_box.row.TOPIC_TYPE}{topics_blog_box.row.TOPIC_TITLE}<span style="font-family: Arial; font-size: 13px;"{topics_blog_box.row.FIRST_POST_TEXT}</span> <br /> <a href="{topics_blog_box.row.U_VIEW_TOPIC}"> قراءة كامله</a>
<td class="row1 centered"> <span class="postdetails"> <FONT color="#ffffff"><div align="center"> {L_COMMENTS}: {topics_blog_box.row.REPLIES} <td class="row2 centered"> <span class="postdetails"> <FONT color="#ffffff"><div align="center"> {L_VIEWS}: {topics_blog_box.row.VIEWS} <td class="row4 centered"> <div class="e-qtam">
<span style="font-size: 9px" ><FONT color="#000000"><div align="right">{topics_blog_box.row.L_BY} <strong>{topics_blog_box.row.TOPIC_AUTHOR}</strong> <div class="cal right"> <span style="font-size: 10px" ><FONT color="#000000"> بتاريخ {topics_blog_box.row.FIRST_POST_DMY_VALUE0}/ {topics_blog_box.row.FIRST_POST_DMY_VALUE1}/ {topics_blog_box.row.FIRST_POST_DMY_VALUE2} <div class="cal right"> </div></span>
<td class="row99 centered"> <div class="alt88"> <!-- BEGIN avatar --> <div style="width: 200px;"></div> <span class="lastpost-avatar">{topics_blog_box.row.topic.avatar.LAST_POST_AVATAR}</span> <!-- END avatar -->
<span class="postdetails"><div align="right"><span style="font-size: 10px" > أخر رد {topics_blog_box.row.LAST_POST_TIME}<br />من طرف<br />{topics_blog_box.row.LAST_POST_AUTHOR} {topics_blog_box.row.LAST_POST_IMG}</span> <!-- BEGIN multi_selection --> <td class="row2" align="center" valign="middle"><span class="smallfont"><input onClick="javascript:check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} /></span></td> <!-- END multi_selection -->
<!-- END topic --><!-- BEGIN no_topics --> <tr> <td class="row1" colspan="{topics_blog_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="smallfont">{topics_blog_box.row.L_NO_TOPICS}</span></td> </tr>
<!-- END no_topics --><!-- BEGIN bottom -->
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_blog_box -->
<tr> <td class="alt2" colspan="{topics_blog_box.row.COLSPAN}" valign="middle"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <span class="gensmall">{PAGINATION}</span></td> <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr>
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> http://<![CDATA[ $(resize_images({ 'selector' : '.blog_message1', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); http://]]> </script> <!-- END switch_image_resize --> </table> <script> /*Writen by Tu?n Anh in codeforumotion.forumvi.com*/ $(document).on('ready',function(){$('.blog_message1').each(function(){var url=$(this).attr('href');$(this).prepend(' <a onclick="openWin(this.href.replace(\'#\', \'?showpost=\'), 1000, 500);return false" href="'+url+'"></a> ');$(this).load(url+' div.postbody img:eq(0)')})});</script>
<style type="text/css">.pun a.topictitle{font:15px "Segoe UI",Tahoma,Helvetica,sans-serif;color:#000}#content-container div#main{margin-top:50px}#content-container div#right{width:1px;height:1px}#content-container div#content{margin-right:0} .flatred-box-img{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background: url #000}.flatred-box-img img{width:100%;min-height:100%}.flatred-box:hover .flatred-box-img img{opacity:.3}.flatred-box-info{position:absolute;bottom:0;height:28px;line-height:50px;padding:3px 17px;background: rgba(255,255,255,.97);left:0;right:0;transition:all .3s}.flatred-box:hover .flatred-box-info{height:50px} img[src*="https://i57.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 0px;opacity: 0;color: #fff;font-size: 0px;}.w-qtam{background: rgba(255,255,255,.33);border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
/* Strat - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ .cover_top_b { background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_10.gif) repeat-x left top; } .cover_top_l { background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_11.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; text-align: center;
padding: 1px 10px 10px 10px; text-shadow:1px 1px 0 #005483; } .cover_top_m td, .cover_top_m a:link, .cover_top_m a:visited, .cover_top_m a:visited, .cover_top_m a:hover, .cover_top_m a:active { text-transform: none; font-weight: bold; color: #FFF; }
.cover_top_b2 { background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_13.gif) repeat-x left top; } .cover_top_l2 { background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_14.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; background: url() no-repeat right top; height: 10px; } /* End - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ img[src*="https://i57.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 5px;opacity: 0;color: #fff;font-size: 14px;}.w-qtam{background-image: url(""); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
table.topics-blog tbody tr:nth-child(2n+2) {margin-right:0} #c2 tbody tr:nth-child(5){margin:12px 0 0 0} #c4 tbody tr{height:304px!important} #c11 tbody tr:nth-child(4){margin-right:-9px} #c11 tbody tr { height: 279px; width: 463px; margin-right: 4px; } #c11 tbody { margin-left: -4px; display: block; }
.formbuttonrow { background: #fff;padding: 0;padding-top: 8px;border-top: 1px solid #f4f4f4 !important; } .maintitle, #qpost {background-color: transparent !important;} .borderwrap .maintitle h2 {color: #f40;font-size: 24px;position: relative;z-index: 1; }
table.topics-blog tbody tr:hover { background: #FFF url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; } table.topics-blog tbody tr { width: 463px; float: left; margin-right: 20px; margin-bottom: 20px; border-radius: 2px; border: 1px solid #; height: 350px; position: relative; border: 0px solid #EEE; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 0px; background: #eee url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; -moz-box-shadow: 0 0 8px #666; -webkit-box-shadow: 0 0 8px #666; box-shadow: 0 0 2px #666; position: relative; border-radius: 9px; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700;
} .mods+p a:nth-of-type(2n+1) {position: relative;display: inline-block;height: 16px;width: 16px;z-index: 1;float: left;} .mods+p a:nth-of-type(2n+1) img {position: absolute;margin: 2px 3px;} .mods+p a:nth-of-type(2n+2) { padding: 2px 4px;color: #333;display: inline-block;width: calc(50% - 26px); border-radius: 2px;font-size: 12px;margin-left: -16px;padding-left: 22px; height: 16px;overflow: hidden;float: left; } .mods+p a:nth-of-type(2n+2):hover, .mods+p a:nth-of-type(2n+1):hover+a:nth-of-type(2n+2) {background: #333;color: #fff;}
width: 94%;border-top: 1px solid #f4f4f4; } table.topics-blog tbody tr td:last-child strong+a { } table.topics-blog tbody tr td:last-child strong+a { position: absolute;margin: 5px 0;width: 40px;height: 40px;border-radius: 20px; left: 0;top: 0;background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; } table.topics-blog tbody tr td:last-child strong+a:hover {background-color: #BF0101;} table.topics-blog tbody tr td:last-child strong+a img {width: 100%;height: 100%;opacity: 0;} table.topics-blog#c2 tbody tr:first-child {height: 714px;} table.topics-blog#c2 tbody tr:first-child td:last-child {display: none;}
table.topics-blog tbody tr td.row9.centered, table.topics-blog tbody tr td.row9.centered { color: #fff; background: #ddd url(https://i62.servimg.com/u/f62/19/34/83/47/no-pre10.png) center no-repeat; top: 64px; font-weight: bold; position: absolute; width: 463px; height: 174px; text-align: left; border: 0px solid #ddd; }
table.topics-blog tbody tr td.row4.centered, table.topics-blog tbody tr td.row4.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 220px; font-weight: bold; position: absolute; width: 458px; height: auto; text-align: left; padding: 0px 5px 0px 0px; } table.topics-blog tbody tr td.row8.centered, table.topics-blog tbody tr td.row8.centered { color: #fff; top: 236px; font-weight: bold; position: absolute; width: 463px; height: 63px; text-align: left; border: 0px solid #ffffff; overflow: hidden; } table.topics-blog tbody tr td.row99.centered, table.topics-blog tbody tr td.row99.centered { padding: ; line-height: ; top: 299px; font-weight: bold; position: absolute; width: 463px; height: 50px; text-align: left; border: 5px solid #; overflow: hidden; background: # !important; } table.topics-blog tbody tr td.row7.centered, table.topics-blog tbody tr td.row7.centered { padding: ;line-height: ;color: #fff;background: # !important;top: 75px;font-weight: bold; position: absolute;width: 459px; height: 10px; auto;text-align: left;
} table.topics-blog tbody tr td.row33.centered, table.topics-blog tbody tr td.row33.centered { padding: ;line-height: ;color: #fff;background: # !important;top: 0px;font-weight: bold; position: absolute;width: 463px;height: auto;text-align: left; }
.quote { display:none }
.AVATAR img {
display: none!important;
}
.vqvwe code {
display: none!important;
} .nnvvcc a:link {
display: none!important;
} .codebox { display: none!important;
} .postbody { display: none!important;
} .MAVATAR img { height: 172px; width: 463px; } .MAVATAR a { display: none!important;
} .MAVATAR .codebox { display: none!important;
} .WEVATAR img { height: 170px; width: 463px; } .cover_top_ms { color: #FFF; font-weight: bold; text-align: center;
padding: 10px 7px 7px 7px; text-shadow:1px 1px 0 #005483; } .cover_top_ms td, .cover_top_ms a:link, .cover_top_ms a:visited, .cover_top_ms a:visited, .cover_top_ms a:hover, .cover_top_ms a:active { text-transform: none; font-weight: bold; color: #FFF; } table.topics-blog tbody tr td:last-child strong + a { position: absolute; width: 40px; height: 40px; border-radius: 7px; left: 0; top: 0; background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; margin: 7px 0px 0px 5px; } .lastpost-avatar img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 38px; width: 38px; padding: 0px 4px 0px 5px; } .alt88 { background: #eee url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 5px; padding-bottom: 9px; border-top: 1px solid #ddd; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } .alt88:hover { background: #FFF url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 5px; padding-bottom: 9px; border-top: 1px solid #ddd; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } .cover_top_g6 { background: url(http://i33.servimg.com/u/f33/17/83/79/07/cover_12.gif) no-repeat right top; color: #FFF; font-weight: 700; padding: 13px 10px 10px; text-align: center; text-shadow: 1px 1px 0 #005483; height: 18px; } .cover_top_g6 { text-transform: none; font-weight: bold; color: #FFF; } table.topics-blog tbody tr td.row2.icon {padding: 0 !important;height: auto;} table.topics-blog tbody tr td.row1.centered, table.topics-blog tbody tr td.row2.centered { padding: 10px; line-height: 3px; color: #fff; background-image: url("http://i33.servimg.com/u/f33/17/83/79/07/gradie15.gif"); top: 42px; font-weight: bold; position: absolute; width: 211px; height: auto; text-align: center; } table.topics-blog tbody tr td.row2.centered {left: 0%;} table.topics-blog tbody tr td.row1.centered:after {content: " ";margin-left: 3px;} table.topics-blog tbody tr td.row2.centered:after {content: " ";margin-left: 3px;} .forum-desc {padding: 0 10px;} </style> | | |
السبت 28 يوليو - 7:07 | المشاركة رقم: | | الجنس : | التقيم : 1020 | المشاركات : 12355 | |
| |
| | رد: جميع قوالب topics_blog_box المصممه لستايل مسرووور الخاصة بالمدونات المنتدى
بسم اللاه الشكل مجلة ثلاثية كاشفة الموضوع
تحويل المدونة الى مجله ثلاثية وتلفائية 100% وكل ماعليك حذف قالب topics_blog_box الخاص بستايل منتديات مسرووور بالجديد
- الكود:
-
{BOARD_INDEX} </table> </form> <br> <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" width="50"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a> <!-- END switch_user_authpost --> </td>
<td class="gensmall" align="left" valign="bottom" nowrap="nowrap"> <span class="nav"> <div class="clearfix"> <form class="forum-search right" action="/search" method="get"> <input class="bginput" type="text" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" onclick="if (this.value == '{L_SEARCH}...') this.value = '';" value="{L_SEARCH}..." size="20" id="search_keywords" name="search_keywords" /> <input class="liteoption" type="submit" value="{L_SEARCH}" /> <input type="hidden" name="search_where" value="f{FORUM_ID}" /> </form> </div> </span> </td> </tr> </table> <!-- BEGIN topics_blog_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <script type="text/javascript"> function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked; } } document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked; } } } </script>
<!-- END multi_selection --> </table> </form> <br>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <tr>
<table class="" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr>
<td class="alt1" title="showthread.php?t=3"><a name="PageNav"></a></td> </tr> <!-- END pagination -->
<table id="c" class="ipbtable topics-blog" cellspacing="0" cellpadding="0">
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <tr> <td class="row3" colspan="{topics_blog_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_blog_box.row.L_TITLE}</b></span></td> </tr> <!-- END header_row -->
<!-- BEGIN topic --> {topics_blog_box.row.END_TABLE_STICKY} <tr>
<span class="cattitle"> <td class="" class="{topics_blog_box.row.ROW_CLASS}" width="99%" Valign="top" style="padding-left:10px"> <div style="height:86px; width:100%" class="{topics_blog_box.row.ROW_CLASS}" ><span style="font-size: 12px" > <b><span class="ca3vt"> <td class="row33 centered">
<script> function gioihant(a){
return a.substring(0,55)+''; } </script> <div class="cover_top_b"> <div class="cover_top_l"> <div class="cover_top_g6"> {topics_blog_box.row.NEWEST_POST_IMG} {topics_blog_box.row.PARTICIPATE_POST_IMG} {topics_blog_box.row.TOPIC_TYPE} <FONT color="#ffffff"><a href="{topics_blog_box.row.U_VIEW_TOPIC}"><FONT color="#ffffff"><script>document.write(gioihant('{topics_blog_box.row.TOPIC_TITLE}'));</script></a> <div class="postdetails"></strong></span> </div> </div> </div> <td class="row9 centered"> <div class="flatred-box"> <div dir="rtl" style="color: rgb text-decoration: none; padding: 0pt; overflow: scroll; font-weight: bold; font-size: 10pt; background-image: none; background-attachment: scroll; background-color: rgb(277, 277, 277); margin: 0pt; width: 302px; font-family: tahoma; height: 250px; text-align: center; background-position: 0% 0%; background-repeat: repeat repeat;"> <span style="font-size: 9px" > <br /> <FONT color="#FC0303"><span style="font-family: 'Times New Roman';"><strong><span style="font-size: 20.4444446563721px;"> {topics_blog_box.row.TOPIC_TYPE}<FONT color="#0033cc"> {topics_blog_box.row.TOPIC_TITLE} <br /> <span style="font-size: 11px" > <div class="AVATAR"><FONT color="#000000"><span style="font-family: 'Times New Roman'; font-size: 15.5555562973022px;"> <span class="nnvvcc">{topics_blog_box.row.FIRST_POST_TEXT}</span></div> <br /> <span class="postdetails"> <span style="font-size: 9px" ><FONT color="#E80C0C"> {L_COMMENTS}:<FONT color="#0033cc"> {topics_blog_box.row.REPLIES} - <span class="postdetails"> <span style="font-size: 9px" ><FONT color="#E80C0C"> {L_VIEWS}: <FONT color="#0033cc">{topics_blog_box.row.VIEWS}<br />ÃÎÑ ÑÏ {topics_blog_box.row.LAST_POST_AUTHOR}{topics_blog_box.row.LAST_POST_IMG} <br /> <br /> <br /> <div class="flatred-box-img">
<div class="flatred-box-img"><div class="MAVATAR"><div class="blog_message1" style="font-size: 0px" href="{topics_blog_box.row.U_VIEW_TOPIC}" > <div style="height:170px; width:302" style="font-size: 0px" class="{topics_blog_box.row.FIRST_POST_TEXT}" ></span></div> </span></div><div style="padding: 0 0 10px 0;"></div> </div> <!-- BEGIN multi_selection -->
<!-- END multi_selection --> </div> <td class="row7 centered">
<span style="font-size: 9px" ><FONT color="#000000"><div align="center"><div class="WEVATAR"></div> </div> </div> <div class="cal right"> <span style="font-size: 9px" ><FONT color="#000000"> {topics_blog_box.row.ICON} <div class="cal right"> </div></span>
<!-- BEGIN switch_description -->
<!-- END switch_description -->
<td class="row1 centered"> <span class="postdetails"> <FONT color="#ffffff"><div align="center"> {L_COMMENTS}: {topics_blog_box.row.REPLIES} <td class="row2 centered"> <span class="postdetails"> <FONT color="#ffffff"><div align="center"> {L_VIEWS}: {topics_blog_box.row.VIEWS}
<td class="row99 centered"> <div class="alt88"> <!-- BEGIN avatar --> <div style="width: 200px;"></div> <span class="lastpost-avatar">{topics_blog_box.row.topic.avatar.LAST_POST_AVATAR}</span> <!-- END avatar -->
<span class="postdetails"><div align="right"><span style="font-size: 10px" > أخر رد {topics_blog_box.row.LAST_POST_TIME}<br />من طرف<br />{topics_blog_box.row.LAST_POST_AUTHOR} {topics_blog_box.row.LAST_POST_IMG}</span> <!-- BEGIN multi_selection --> <td class="row2" align="center" valign="middle"><span class="smallfont"><input onClick="javascript:check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} /></span></td> <!-- END multi_selection -->
<!-- END topic --><!-- BEGIN no_topics --> <tr> <td class="row1" colspan="{topics_blog_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="smallfont">{topics_blog_box.row.L_NO_TOPICS}</span></td> </tr>
<!-- END no_topics --><!-- BEGIN bottom -->
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_blog_box -->
<tr> <td class="alt2" colspan="{topics_blog_box.row.COLSPAN}" valign="middle"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <span class="gensmall">{PAGINATION}</span></td> <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr>
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> http://<![CDATA[ $(resize_images({ 'selector' : '.blog_message1', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); http://]]> </script> <!-- END switch_image_resize --> </table> <script> /*Writen by Tu?n Anh in codeforumotion.forumvi.com*/ $(document).on('ready',function(){$('.blog_message1').each(function(){var url=$(this).attr('href');$(this).prepend(' <a onclick="openWin(this.href.replace(\'#\', \'?showpost=\'), 1000, 500);return false" href="'+url+'"></a> ');$(this).load(url+' div.postbody img:eq(0)')})});</script>
<style type="text/css">.pun a.topictitle{font:15px "Segoe UI",Tahoma,Helvetica,sans-serif;color:#000}#content-container div#main{margin-top:50px}#content-container div#right{width:1px;height:1px}#content-container div#content{margin-right:0} .flatred-box-img{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background: url #000}.flatred-box-img img{width:100%;min-height:100%}.flatred-box:hover .flatred-box-img img{opacity:.0}.flatred-box-info{position:absolute;bottom:0;height:28px;line-height:50px;padding:3px 17px;background: rgba(255,255,255,.97);left:0;right:0;transition:all .3s}.flatred-box:hover .flatred-box-info{height:50px} img[src*="https://i57.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 0px;opacity: 0;color: #fff;font-size: 0px;}.w-qtam{background: rgba(255,255,255,.33);border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1} .WEVATAR img { height: 370px; width: 302px; } /* Strat - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ .cover_top_b { background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_10.gif) repeat-x left top; } .cover_top_l { background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_11.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; text-align: center;
padding: 1px 10px 10px 10px; text-shadow:1px 1px 0 #005483; } .cover_top_m td, .cover_top_m a:link, .cover_top_m a:visited, .cover_top_m a:visited, .cover_top_m a:hover, .cover_top_m a:active { text-transform: none; font-weight: bold; color: #FFF; }
.cover_top_b2 { background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_13.gif) repeat-x left top; } .cover_top_l2 { background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_14.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; background: url() no-repeat right top; height: 10px; } /* End - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ img[src*="https://i57.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 5px;opacity: 0;color: #fff;font-size: 14px;}.w-qtam{background-image: url(""); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
table.topics-blog tbody tr:nth-child(3n+3) {margin-right:0} #c2 tbody tr:nth-child(5){margin:12px 0 0 0} #c4 tbody tr{height:304px!important} #c11 tbody tr:nth-child(4){margin-right:-9px} #c11 tbody tr { height: 279px; width: 302px; margin-right: 4px; } #c11 tbody { margin-left: -4px; display: block; }
.formbuttonrow { background: #fff;padding: 0;padding-top: 8px;border-top: 1px solid #f4f4f4 !important; } .maintitle, #qpost {background-color: transparent !important;} .borderwrap .maintitle h2 {color: #f40;font-size: 24px;position: relative;z-index: 1; }
table.topics-blog tbody tr:hover { background: #FFF url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; } table.topics-blog tbody tr { width: 302px; float: left; margin-right: 20px; margin-bottom: 20px; border-radius: 2px; border: 1px solid #; height: 350px; position: relative; border: 0px solid #EEE; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 0px; background: #eee url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; -moz-box-shadow: 0 0 8px #666; -webkit-box-shadow: 0 0 8px #666; box-shadow: 0 0 2px #666; position: relative; border-radius: 9px; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700;
} .mods+p a:nth-of-type(2n+1) {position: relative;display: inline-block;height: 16px;width: 16px;z-index: 1;float: left;} .mods+p a:nth-of-type(2n+1) img {position: absolute;margin: 2px 3px;} .mods+p a:nth-of-type(2n+2) { padding: 2px 4px;color: #333;display: inline-block;width: calc(50% - 26px); border-radius: 2px;font-size: 12px;margin-left: -16px;padding-left: 22px; height: 16px;overflow: hidden;float: left; } .mods+p a:nth-of-type(2n+2):hover, .mods+p a:nth-of-type(2n+1):hover+a:nth-of-type(2n+2) {background: #333;color: #fff;}
width: 94%;border-top: 1px solid #f4f4f4; } table.topics-blog tbody tr td:last-child strong+a { } table.topics-blog tbody tr td:last-child strong+a { position: absolute;margin: 5px 0;width: 40px;height: 40px;border-radius: 20px; left: 0;top: 0;background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; } table.topics-blog tbody tr td:last-child strong+a:hover {background-color: #BF0101;} table.topics-blog tbody tr td:last-child strong+a img {width: 100%;height: 100%;opacity: 0;} table.topics-blog#c2 tbody tr:first-child {height: 714px;} table.topics-blog#c2 tbody tr:first-child td:last-child {display: none;}
table.topics-blog tbody tr td.row9.centered, table.topics-blog tbody tr td.row9.centered { color: #fff; background: #ddd url(https://i62.servimg.com/u/f62/19/34/83/47/no-pre10.png) center no-repeat; top: 65px; font-weight: bold; position: absolute; width: 302px; height: 233px; text-align: left; border: 0px solid #ddd; }
table.topics-blog tbody tr td.row99.centered, table.topics-blog tbody tr td.row99.centered { padding: ; line-height: ; top: 299px; font-weight: bold; position: absolute; width: 302px; height: 50px; text-align: left; border: 5px solid #; overflow: hidden; background: # !important; } table.topics-blog tbody tr td.row7.centered, table.topics-blog tbody tr td.row7.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 70px; font-weight: bold; position: absolute; width: 298px; height: 10px; text-align: left; } table.topics-blog tbody tr td.row33.centered, table.topics-blog tbody tr td.row33.centered { padding: ;line-height: ;color: #fff;background: # !important;top: 0px;font-weight: bold; position: absolute;width: 302px;height: auto;text-align: left; }
.quote { display:none }
.AVATAR img {
display: none!important;
}
.vqvwe code {
display: none!important;
} .nnvvcc a:link {
display: none!important;
} .codebox { display: none!important;
} .postbody { display: none!important;
} .MAVATAR img { height: 233px; width: 302px; } .MAVATAR a { display: none!important;
} .MAVATAR .codebox { display: none!important;
}
.cover_top_ms { color: #FFF; font-weight: bold; text-align: center;
padding: 10px 7px 7px 7px; text-shadow:1px 1px 0 #005483; } .cover_top_ms td, .cover_top_ms a:link, .cover_top_ms a:visited, .cover_top_ms a:visited, .cover_top_ms a:hover, .cover_top_ms a:active { text-transform: none; font-weight: bold; color: #FFF; } table.topics-blog tbody tr td:last-child strong + a { position: absolute; width: 40px; height: 40px; border-radius: 7px; left: 0; top: 0; background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; margin: 7px 0px 0px 5px; } .lastpost-avatar img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 38px; width: 38px; padding: 0px 4px 0px 5px; } .alt88 { background: #eee url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 5px; padding-bottom: 9px; border-top: 1px solid #ddd; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } .alt88:hover { background: #FFF url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 5px; padding-bottom: 9px; border-top: 1px solid #ddd; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } .cover_top_g6 { background: url(http://i33.servimg.com/u/f33/17/83/79/07/cover_12.gif) no-repeat right top; color: #FFF; font-weight: 700; padding: 13px 10px 10px; text-align: center; text-shadow: 1px 1px 0 #005483; height: 18px; } .cover_top_g6 { text-transform: none; font-weight: bold; color: #FFF; } table.topics-blog tbody tr td.row2.icon {padding: 0 !important;height: auto;} table.topics-blog tbody tr td.row1.centered, table.topics-blog tbody tr td.row2.centered { padding: 10px; line-height: 3px; color: #fff; background-image: url("http://i33.servimg.com/u/f33/17/83/79/07/gradie15.gif"); top: 42px; font-weight: bold; position: absolute; width: 130px; height: auto; text-align: center; } table.topics-blog tbody tr td.row2.centered {left: 0%;} table.topics-blog tbody tr td.row1.centered:after {content: " ";margin-left: 3px;} table.topics-blog tbody tr td.row2.centered:after {content: " ";margin-left: 3px;} .forum-desc {padding: 0 10px;} </style> | | |
الإثنين 5 نوفمبر - 23:56 | المشاركة رقم: | | الجنس : | التقيم : 1020 | المشاركات : 12355 | |
| |
| | رد: جميع قوالب topics_blog_box المصممه لستايل مسرووور الخاصة بالمدونات المنتدى
الشكل السابع
- الكود:
-
{BOARD_INDEX} </table> </form> <br> <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" width="50"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a> <!-- END switch_user_authpost --> </td>
<td class="gensmall" align="left" valign="bottom" nowrap="nowrap"> <span class="nav"> <div class="clearfix"> <form class="forum-search right" action="/search" method="get"> <input class="bginput" type="text" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" onclick="if (this.value == '{L_SEARCH}...') this.value = '';" value="{L_SEARCH}..." size="20" id="search_keywords" name="search_keywords" /> <input class="liteoption" type="submit" value="{L_SEARCH}" /> <input type="hidden" name="search_where" value="f{FORUM_ID}" /> </form> </div> </span> </td> </tr> </table> <!-- BEGIN topics_blog_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <script type="text/javascript"> function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked; } } document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked; } } } </script>
<!-- END multi_selection --> </table> </form> <br>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <tr>
<table class="" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr>
<td class="alt1" title="showthread.php?t=3"><a name="PageNav"></a></td> </tr> <!-- END pagination -->
<table id="c" class="ipbtable topics-blog" cellspacing="0" cellpadding="0">
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <tr> <td class="row3" colspan="{topics_blog_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_blog_box.row.L_TITLE}</b></span></td> </tr> <!-- END header_row -->
<!-- BEGIN topic --> {topics_blog_box.row.END_TABLE_STICKY} <tr>
<span class="cattitle"> <td class="" class="{topics_blog_box.row.ROW_CLASS}" width="99%" Valign="top" style="padding-left:10px"> <div style="height:86px; width:100%" class="{topics_blog_box.row.ROW_CLASS}" ><span style="font-size: 12px" > <b><span class="ca3vt"> <td class="row33 centered">
<script> function gioihant(a){
return a.substring(0,55)+''; } </script> <div class="cover_top_b"> <div class="cover_top_l"> <div class="cover_top_g6"> {topics_blog_box.row.NEWEST_POST_IMG} {topics_blog_box.row.PARTICIPATE_POST_IMG} {topics_blog_box.row.TOPIC_TYPE} <FONT color="#ffffff"><a href="{topics_blog_box.row.U_VIEW_TOPIC}"><FONT color="#ffffff"><script>document.write(gioihant('{topics_blog_box.row.TOPIC_TITLE}'));</script></a> <div class="postdetails"></strong></span> </div> </div> </div> <td class="row9 centered">
<div class="flatred-box-img">
<div class="flatred-box-img"><div class="MAVATAR"><div class="blog_message1" style="font-size: 0px" href="{topics_blog_box.row.U_VIEW_TOPIC}" > <div style="height:170px; width:302" style="font-size: 0px" class="{topics_blog_box.row.FIRST_POST_TEXT}" ></span></div> </span></div><div style="padding: 0 0 10px 0;"></div> </div> <!-- BEGIN multi_selection -->
<!-- END multi_selection --> </div> <td class="row7 centered">
<span style="font-size: 9px" ><FONT color="#000000"><div align="center"><div class="WEVATAR"></div> </div> </div> <div class="cal right"> <span style="font-size: 9px" ><FONT color="#000000"> {topics_blog_box.row.ICON} <div class="cal right"> </div></span> <td class="row8 centered"> <div dir="rtl" style="color: rgb(51, 51, 51); text-decoration: none; padding: 0pt; overflow: scroll; font-weight: bold; font-size: 10pt; background-image: none; background-attachment: scroll; background-color: rgb(300, 300, 300); margin: 0pt; width: 302px; font-family: tahoma; height: 75px; text-align: center; background-position: 0% 0%; background-repeat: repeat repeat;"> <span style="font-family: Arial; font-size: 11px;"><span"{topics_blog_box.row.U_VIEW_TOPIC}"> <!-- BEGIN switch_description -->
<span style="font-family: Arial; font-size: 13px;"><div align="center">{topics_blog_box.row.TOPIC_TYPE}{topics_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION} </span>
<!-- END switch_description --> <span style="font-family: Arial; font-size: 13px;"><div align="center"> <div class="AVATAR"><FONT color="#000000"><div class="nnvvcc"><div class="vqvwe">{topics_blog_box.row.TOPIC_TYPE}{topics_blog_box.row.TOPIC_TITLE}<span style="font-family: Arial; font-size: 13px;"{topics_blog_box.row.FIRST_POST_TEXT}</span> <br /> <a href="{topics_blog_box.row.U_VIEW_TOPIC}"> قراءة كامله</a>
<td class="row1 centered"> <span class="postdetails"> <FONT color="#ffffff"><div align="center"> {L_COMMENTS}: {topics_blog_box.row.REPLIES} <td class="row2 centered"> <span class="postdetails"> <FONT color="#ffffff"><div align="center"> {L_VIEWS}: {topics_blog_box.row.VIEWS} <td class="row4 centered"> <div class="e-qtam">
<span style="font-size: 9px" ><FONT color="#000000"><div align="right">{topics_blog_box.row.L_BY} <strong>{topics_blog_box.row.TOPIC_AUTHOR}</strong> <div class="cal right"> <span style="font-size: 10px" ><FONT color="#000000"> بتاريخ {topics_blog_box.row.FIRST_POST_DMY_VALUE0}/ {topics_blog_box.row.FIRST_POST_DMY_VALUE1}/ {topics_blog_box.row.FIRST_POST_DMY_VALUE2} <div class="cal right"> </div></span>
<td class="row99 centered"> <div class="alt88"> <!-- BEGIN avatar --> <div style="width: 200px;"></div> <span class="lastpost-avatar">{topics_blog_box.row.topic.avatar.LAST_POST_AVATAR}</span> <!-- END avatar -->
<span class="postdetails"><div align="right"><span style="font-size: 10px" > أخر رد {topics_blog_box.row.LAST_POST_TIME}<br />من طرف<br />{topics_blog_box.row.LAST_POST_AUTHOR} {topics_blog_box.row.LAST_POST_IMG}</span> <!-- BEGIN multi_selection --> <td class="row2" align="center" valign="middle"><span class="smallfont"><input onClick="javascript:check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} /></span></td> <!-- END multi_selection -->
<!-- END topic --><!-- BEGIN no_topics --> <tr> <td class="row1" colspan="{topics_blog_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="smallfont">{topics_blog_box.row.L_NO_TOPICS}</span></td> </tr>
<!-- END no_topics --><!-- BEGIN bottom -->
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_blog_box -->
<tr> <td class="alt2" colspan="{topics_blog_box.row.COLSPAN}" valign="middle"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <span class="gensmall">{PAGINATION}</span></td> <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr>
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> http://<![CDATA[ $(resize_images({ 'selector' : '.blog_message1', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); http://]]> </script> <!-- END switch_image_resize --> </table> <script> /*Writen by Tu?n Anh in codeforumotion.forumvi.com*/ $(document).on('ready',function(){$('.blog_message1').each(function(){var url=$(this).attr('href');$(this).prepend(' <a onclick="openWin(this.href.replace(\'#\', \'?showpost=\'), 1000, 500);return false" href="'+url+'"></a> ');$(this).load(url+' div.postbody img:eq(0)')})});</script>
<style type="text/css">.pun a.topictitle{font:15px "Segoe UI",Tahoma,Helvetica,sans-serif;color:#000}#content-container div#main{margin-top:50px}#content-container div#right{width:1px;height:1px}#content-container div#content{margin-right:0} .flatred-box-img{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background: url #000}.flatred-box-img img{width:100%;min-height:100%}.flatred-box:hover .flatred-box-img img{opacity:.3}.flatred-box-info{position:absolute;bottom:0;height:28px;line-height:50px;padding:3px 17px;background: rgba(255,255,255,.97);left:0;right:0;transition:all .3s}.flatred-box:hover .flatred-box-info{height:50px} img[src*="https://i.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 0px;opacity: 0;color: #fff;font-size: 0px;}.w-qtam{background: rgba(255,255,255,.33);border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
/* Strat - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ .cover_top_b { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_10.gif) repeat-x left top; } .cover_top_l { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_11.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; text-align: center;
padding: 1px 10px 10px 10px; text-shadow:1px 1px 0 #005483; } .cover_top_m td, .cover_top_m a:link, .cover_top_m a:visited, .cover_top_m a:visited, .cover_top_m a:hover, .cover_top_m a:active { text-transform: none; font-weight: bold; color: #FFF; }
.cover_top_b2 { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_13.gif) repeat-x left top; } .cover_top_l2 { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_14.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; background: url() no-repeat right top; height: 10px; } /* End - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ img[src*="https://i.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 5px;opacity: 0;color: #fff;font-size: 14px;}.w-qtam{background-image: url(""); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
table.topics-blog tbody tr:nth-child(3n+3) {margin-right:0} #c2 tbody tr:nth-child(5){margin:12px 0 0 0} #c4 tbody tr{height:304px!important} #c11 tbody tr:nth-child(4){margin-right:-9px} #c11 tbody tr { height: 279px; width: 302px; margin-right: 4px; } #c11 tbody { margin-left: -4px; display: block; }
.formbuttonrow { background: #fff;padding: 0;padding-top: 8px;border-top: 1px solid #f4f4f4 !important; } .maintitle, #qpost {background-color: transparent !important;} .borderwrap .maintitle h2 {color: #f40;font-size: 24px;position: relative;z-index: 1; }
table.topics-blog tbody tr:hover { background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; } table.topics-blog tbody tr { width: 302px; float: left; margin-right: 20px; margin-bottom: 20px; border-radius: 2px; border: 1px solid #; height: 350px; position: relative; border: 0px solid #EEE; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 0px; background: #eee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; -moz-box-shadow: 0 0 8px #666; -webkit-box-shadow: 0 0 8px #666; box-shadow: 0 0 2px #666; position: relative; border-radius: 9px; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700;
} .mods+p a:nth-of-type(2n+1) {position: relative;display: inline-block;height: 16px;width: 16px;z-index: 1;float: left;} .mods+p a:nth-of-type(2n+1) img {position: absolute;margin: 2px 3px;} .mods+p a:nth-of-type(2n+2) { padding: 2px 4px;color: #333;display: inline-block;width: calc(50% - 26px); border-radius: 2px;font-size: 12px;margin-left: -16px;padding-left: 22px; height: 16px;overflow: hidden;float: left; } .mods+p a:nth-of-type(2n+2):hover, .mods+p a:nth-of-type(2n+1):hover+a:nth-of-type(2n+2) {background: #333;color: #fff;}
width: 94%;border-top: 1px solid #f4f4f4; } table.topics-blog tbody tr td:last-child strong+a { } table.topics-blog tbody tr td:last-child strong+a { position: absolute;margin: 5px 0;width: 40px;height: 40px;border-radius: 20px; left: 0;top: 0;background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; } table.topics-blog tbody tr td:last-child strong+a:hover {background-color: #BF0101;} table.topics-blog tbody tr td:last-child strong+a img {width: 100%;height: 100%;opacity: 0;} table.topics-blog#c2 tbody tr:first-child {height: 714px;} table.topics-blog#c2 tbody tr:first-child td:last-child {display: none;}
table.topics-blog tbody tr td.row9.centered, table.topics-blog tbody tr td.row9.centered { color: #fff; background: #ddd url() center no-repeat; top: 42px; font-weight: bold; position: absolute; width: 302px; height: 174px; text-align: left; border: 0px solid #ddd; }
table.topics-blog tbody tr td.row4.centered, table.topics-blog tbody tr td.row4.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 200px; font-weight: bold; position: absolute; width: 295px; height: auto; text-align: left; padding: 0px 5px 0px 0px; } table.topics-blog tbody tr td.row8.centered, table.topics-blog tbody tr td.row8.centered { color: #fff; top: 240px; font-weight: bold; position: absolute; width: 300px; height: 75px; text-align: left; border: 0px solid #ffffff; overflow: hidden; } table.topics-blog tbody tr td.row99.centered, table.topics-blog tbody tr td.row99.centered { padding: ; line-height: ; top: 299px; font-weight: bold; position: absolute; width: 302px; height: 50px; text-align: left; border: 5px solid #; overflow: hidden; background: # !important; } table.topics-blog tbody tr td.row7.centered, table.topics-blog tbody tr td.row7.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 50px; font-weight: bold; position: absolute; width: 298px; height: 10px; text-align: left; } table.topics-blog tbody tr td.row33.centered, table.topics-blog tbody tr td.row33.centered { padding: ;line-height: ;color: #fff;background: # !important;top: 0px;font-weight: bold; position: absolute;width: 302px;height: auto;text-align: left; }
.quote { display:none }
.AVATAR img {
display: none!important;
}
.vqvwe code {
display: none!important;
} .nnvvcc a:link {
display: none!important;
} .codebox { display: none!important;
} .postbody { display: none!important;
} .MAVATAR img { height: 172px; width: 302px; } .MAVATAR img:hover { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ } .MAVATAR a { display: none!important;
} .MAVATAR .codebox { display: none!important;
} .WEVATAR img { height: 170px; width: 302px; } .cover_top_ms { color: #FFF; font-weight: bold; text-align: center;
padding: 10px 7px 7px 7px; text-shadow:1px 1px 0 #005483; } .cover_top_ms td, .cover_top_ms a:link, .cover_top_ms a:visited, .cover_top_ms a:visited, .cover_top_ms a:hover, .cover_top_ms a:active { text-transform: none; font-weight: bold; color: #FFF; } table.topics-blog tbody tr td:last-child strong + a { position: absolute; width: 40px; height: 40px; border-radius: 7px; left: 0; top: 0; background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; margin: 7px 0px 0px 5px; } .lastpost-avatar img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 38px; width: 38px; padding: 0px 4px 0px 5px; } .alt88 { background: #eee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 5px; padding-bottom: 9px; border-top: 1px solid #ddd; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } .alt88:hover { background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 5px; padding-bottom: 9px; border-top: 1px solid #ddd; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } .cover_top_g6 { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_12.gif) no-repeat right top; color: #FFF; font-weight: 700; padding: 13px 10px 10px; text-align: center; text-shadow: 1px 1px 0 #005483; height: 18px; } .cover_top_g6 { text-transform: none; font-weight: bold; color: #FFF; } table.topics-blog tbody tr td.row2.icon {padding: 0 !important;height: auto;} table.topics-blog tbody tr td.row1.centered, table.topics-blog tbody tr td.row2.centered { padding: 10px; line-height: 3px; color: #fff; background-image: url("https://i.servimg.com/u/f33/17/83/79/07/gradie15.gif"); top: 215px; font-weight: bold; position: absolute; width: 130px; height: auto; text-align: center; } table.topics-blog tbody tr td.row2.centered {left: 0%;} table.topics-blog tbody tr td.row1.centered:after {content: " ";margin-left: 3px;} table.topics-blog tbody tr td.row2.centered:after {content: " ";margin-left: 3px;} .forum-desc {padding: 0 10px;} </style> | | |
الأربعاء 7 نوفمبر - 5:04 | المشاركة رقم: | | الجنس : | التقيم : 1020 | المشاركات : 12355 | |
| |
| | رد: جميع قوالب topics_blog_box المصممه لستايل مسرووور الخاصة بالمدونات المنتدى
الشكل الثامن
- الكود:
-
{BOARD_INDEX} </table> </form> <br> <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" width="50"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a> <!-- END switch_user_authpost --> </td>
<td class="gensmall" align="left" valign="bottom" nowrap="nowrap"> <span class="nav"> <div class="clearfix"> <form class="forum-search right" action="/search" method="get"> <input class="bginput" type="text" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" onclick="if (this.value == '{L_SEARCH}...') this.value = '';" value="{L_SEARCH}..." size="20" id="search_keywords" name="search_keywords" /> <input class="liteoption" type="submit" value="{L_SEARCH}" /> <input type="hidden" name="search_where" value="f{FORUM_ID}" /> </form> </div> </span> </td> </tr> </table> <!-- BEGIN topics_blog_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <script type="text/javascript"> function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked; } } document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked; } } } </script>
<!-- END multi_selection --> </table> </form> <br>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <tr>
<table class="" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr>
<td class="alt1" title="showthread.php?t=3"><a name="PageNav"></a></td> </tr> <!-- END pagination -->
<table id="c" class="ipbtable topics-blog" cellspacing="0" cellpadding="0">
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <tr> <td class="row3" colspan="{topics_blog_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_blog_box.row.L_TITLE}</b></span></td> </tr> <!-- END header_row -->
<!-- BEGIN topic --> {topics_blog_box.row.END_TABLE_STICKY} <tr>
<span class="cattitle"> <td class="" class="{topics_blog_box.row.ROW_CLASS}" width="99%" Valign="top" style="padding-left:10px"> <div style="height:86px; width:100%" class="{topics_blog_box.row.ROW_CLASS}" ><span style="font-size: 12px" > <b><span class="ca3vt"> <td class="row33 centered">
<script> function gioihant(a){
return a.substring(0,55)+''; } </script> <div class="cover_top_b"> <div class="cover_top_l"> <div class="cover_top_g6"> {topics_blog_box.row.NEWEST_POST_IMG} {topics_blog_box.row.PARTICIPATE_POST_IMG} {topics_blog_box.row.TOPIC_TYPE} <FONT color="#ffffff"><a href="{topics_blog_box.row.U_VIEW_TOPIC}"><FONT color="#ffffff"><script>document.write(gioihant('{topics_blog_box.row.TOPIC_TITLE}'));</script></a> <div class="postdetails"></strong></span> </div> </div> </div> <td class="row9 centered">
<div class="flatred-box-img">
<div class="flatred-box-img"><div class="MAVATAR"><div class="blog_message1" style="font-size: 0px" href="{topics_blog_box.row.U_VIEW_TOPIC}" > <div style="height:170px; width:302" style="font-size: 0px" class="{topics_blog_box.row.FIRST_POST_TEXT}" ></span></div> </span></div><div style="padding: 0 0 10px 0;"></div> </div> <!-- BEGIN multi_selection -->
<!-- END multi_selection --> </div> <td class="row7 centered">
<span style="font-size: 9px" ><FONT color="#000000"><div align="center"><div class="WEVATAR"></div> </div> </div> <div class="cal right"> <span style="font-size: 9px" ><FONT color="#000000"> {topics_blog_box.row.ICON} <div class="cal right"> </div></span>
<!-- BEGIN switch_description -->
<!-- END switch_description -->
<td class="row1 centered"> <span class="postdetails"> <FONT color="#ffffff"><div align="center"> {L_COMMENTS}: {topics_blog_box.row.REPLIES} <td class="row2 centered"> <span class="postdetails"> <FONT color="#ffffff"><div align="center"> {L_VIEWS}: {topics_blog_box.row.VIEWS} <td class="row4 centered"> <div class="e-qtam">
<span style="font-size: 9px" ><FONT color="#000000"><div align="right">{topics_blog_box.row.L_BY} <strong>{topics_blog_box.row.TOPIC_AUTHOR}</strong> <div class="cal right"> <span style="font-size: 10px" ><FONT color="#000000"> بتاريخ {topics_blog_box.row.FIRST_POST_DMY_VALUE0}/ {topics_blog_box.row.FIRST_POST_DMY_VALUE1}/ {topics_blog_box.row.FIRST_POST_DMY_VALUE2} <div class="cal right"> </div></span>
<td class="row99 centered"> <div class="alt88"> <!-- BEGIN avatar --> <div style="width: 200px;"></div> <span class="lastpost-avatar">{topics_blog_box.row.topic.avatar.LAST_POST_AVATAR}</span> <!-- END avatar -->
<span class="postdetails"><div align="right"><span style="font-size: 10px" > أخر رد {topics_blog_box.row.LAST_POST_TIME}<br />من طرف<br />{topics_blog_box.row.LAST_POST_AUTHOR} {topics_blog_box.row.LAST_POST_IMG}</span> <!-- BEGIN multi_selection --> <td class="row2" align="center" valign="middle"><span class="smallfont"><input onClick="javascript:check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} /></span></td> <!-- END multi_selection -->
<!-- END topic --><!-- BEGIN no_topics --> <tr> <td class="row1" colspan="{topics_blog_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="smallfont">{topics_blog_box.row.L_NO_TOPICS}</span></td> </tr>
<!-- END no_topics --><!-- BEGIN bottom -->
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_blog_box -->
<tr> <td class="alt2" colspan="{topics_blog_box.row.COLSPAN}" valign="middle"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <span class="gensmall">{PAGINATION}</span></td> <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr>
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> http://<![CDATA[ $(resize_images({ 'selector' : '.blog_message1', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); http://]]> </script> <!-- END switch_image_resize --> </table> <script> /*Writen by Tu?n Anh in codeforumotion.forumvi.com*/ $(document).on('ready',function(){$('.blog_message1').each(function(){var url=$(this).attr('href');$(this).prepend(' <a onclick="openWin(this.href.replace(\'#\', \'?showpost=\'), 1000, 500);return false" href="'+url+'"></a> ');$(this).load(url+' div.postbody img:eq(0)')})});</script>
<style type="text/css">.pun a.topictitle{font:15px "Segoe UI",Tahoma,Helvetica,sans-serif;color:#000}#content-container div#main{margin-top:50px}#content-container div#right{width:1px;height:1px}#content-container div#content{margin-right:0} .flatred-box-img{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background: url #000}.flatred-box-img img{width:100%;min-height:100%}.flatred-box:hover .flatred-box-img img{opacity:.3}.flatred-box-info{position:absolute;bottom:0;height:28px;line-height:50px;padding:3px 17px;background: rgba(255,255,255,.97);left:0;right:0;transition:all .3s}.flatred-box:hover .flatred-box-info{height:50px} img[src*="https://i.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 0px;opacity: 0;color: #fff;font-size: 0px;}.w-qtam{background: rgba(255,255,255,.33);border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
/* Strat - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ .cover_top_b { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_10.gif) repeat-x left top; } .cover_top_l { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_11.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; text-align: center;
padding: 1px 10px 10px 10px; text-shadow:1px 1px 0 #005483; } .cover_top_m td, .cover_top_m a:link, .cover_top_m a:visited, .cover_top_m a:visited, .cover_top_m a:hover, .cover_top_m a:active { text-transform: none; font-weight: bold; color: #FFF; }
.cover_top_b2 { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_13.gif) repeat-x left top; } .cover_top_l2 { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_14.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; background: url() no-repeat right top; height: 10px; } /* End - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ img[src*="https://i.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 5px;opacity: 0;color: #fff;font-size: 14px;}.w-qtam{background-image: url(""); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
table.topics-blog tbody tr:nth-child(3n+3) {margin-right:0} #c2 tbody tr:nth-child(5){margin:12px 0 0 0} #c4 tbody tr{height:304px!important} #c11 tbody tr:nth-child(4){margin-right:-9px} #c11 tbody tr { height: 279px; width: 302px; margin-right: 4px; } #c11 tbody { margin-left: -4px; display: block; }
.formbuttonrow { background: #fff;padding: 0;padding-top: 8px;border-top: 1px solid #f4f4f4 !important; } .maintitle, #qpost {background-color: transparent !important;} .borderwrap .maintitle h2 {color: #f40;font-size: 24px;position: relative;z-index: 1; }
table.topics-blog tbody tr:hover { background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; } table.topics-blog tbody tr { width: 302px; float: left; margin-right: 20px; margin-bottom: 20px; border-radius: 2px; border: 1px solid #; height: 350px; position: relative; border: 0px solid #EEE; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 0px; background: #eee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; -moz-box-shadow: 0 0 8px #666; -webkit-box-shadow: 0 0 8px #666; box-shadow: 0 0 2px #666; position: relative; border-radius: 9px; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700;
} .mods+p a:nth-of-type(2n+1) {position: relative;display: inline-block;height: 16px;width: 16px;z-index: 1;float: left;} .mods+p a:nth-of-type(2n+1) img {position: absolute;margin: 2px 3px;} .mods+p a:nth-of-type(2n+2) { padding: 2px 4px;color: #333;display: inline-block;width: calc(50% - 26px); border-radius: 2px;font-size: 12px;margin-left: -16px;padding-left: 22px; height: 16px;overflow: hidden;float: left; } .mods+p a:nth-of-type(2n+2):hover, .mods+p a:nth-of-type(2n+1):hover+a:nth-of-type(2n+2) {background: #333;color: #fff;}
width: 94%;border-top: 1px solid #f4f4f4; } table.topics-blog tbody tr td:last-child strong+a { } table.topics-blog tbody tr td:last-child strong+a { position: absolute;margin: 5px 0;width: 40px;height: 40px;border-radius: 20px; left: 0;top: 0;background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; } table.topics-blog tbody tr td:last-child strong+a:hover {background-color: #BF0101;} table.topics-blog tbody tr td:last-child strong+a img {width: 100%;height: 100%;opacity: 0;} table.topics-blog#c2 tbody tr:first-child {height: 714px;} table.topics-blog#c2 tbody tr:first-child td:last-child {display: none;}
table.topics-blog tbody tr td.row9.centered, table.topics-blog tbody tr td.row9.centered { color: #fff; background: #ddd url() center no-repeat; top: 42px; font-weight: bold; position: absolute; width: 302px; height: 233px; text-align: left; border: 0px solid #ddd; }
table.topics-blog tbody tr td.row4.centered, table.topics-blog tbody tr td.row4.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 260px; font-weight: bold; position: absolute; width: 295px; height: auto; text-align: left; padding: 0px 5px 0px 0px; }
table.topics-blog tbody tr td.row99.centered, table.topics-blog tbody tr td.row99.centered { padding: ; line-height: ; top: 299px; font-weight: bold; position: absolute; width: 302px; height: 50px; text-align: left; border: 5px solid #; overflow: hidden; background: # !important; } table.topics-blog tbody tr td.row7.centered, table.topics-blog tbody tr td.row7.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 50px; font-weight: bold; position: absolute; width: 298px; height: 10px; text-align: left; } table.topics-blog tbody tr td.row33.centered, table.topics-blog tbody tr td.row33.centered { padding: ;line-height: ;color: #fff;background: # !important;top: 0px;font-weight: bold; position: absolute;width: 302px;height: auto;text-align: left; }
.quote { display:none }
.AVATAR img {
display: none!important;
}
.vqvwe code {
display: none!important;
} .nnvvcc a:link {
display: none!important;
} .codebox { display: none!important;
} .postbody { display: none!important;
} .MAVATAR img { height: 233px; width: 302px; } .MAVATAR img:hover { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ } .MAVATAR a { display: none!important;
} .MAVATAR .codebox { display: none!important;
} .WEVATAR img { height: 170px; width: 302px; } .cover_top_ms { color: #FFF; font-weight: bold; text-align: center;
padding: 10px 7px 7px 7px; text-shadow:1px 1px 0 #005483; } .cover_top_ms td, .cover_top_ms a:link, .cover_top_ms a:visited, .cover_top_ms a:visited, .cover_top_ms a:hover, .cover_top_ms a:active { text-transform: none; font-weight: bold; color: #FFF; } table.topics-blog tbody tr td:last-child strong + a { position: absolute; width: 40px; height: 40px; border-radius: 7px; left: 0; top: 0; background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; margin: 7px 0px 0px 5px; } .lastpost-avatar img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 38px; width: 38px; padding: 0px 4px 0px 5px; } .alt88 { background: #eee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 5px; padding-bottom: 9px; border-top: 1px solid #ddd; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } .alt88:hover { background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 5px; padding-bottom: 9px; border-top: 1px solid #ddd; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } .cover_top_g6 { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_12.gif) no-repeat right top; color: #FFF; font-weight: 700; padding: 13px 10px 10px; text-align: center; text-shadow: 1px 1px 0 #005483; height: 18px; } .cover_top_g6 { text-transform: none; font-weight: bold; color: #FFF; } table.topics-blog tbody tr td.row2.icon {padding: 0 !important;height: auto;} table.topics-blog tbody tr td.row1.centered, table.topics-blog tbody tr td.row2.centered { padding: 10px; line-height: 3px; color: #fff; background-image: url("https://i.servimg.com/u/f33/17/83/79/07/gradie15.gif"); top: 276px; font-weight: bold; position: absolute; width: 130px; height: auto; text-align: center; } table.topics-blog tbody tr td.row2.centered {left: 0%;} table.topics-blog tbody tr td.row1.centered:after {content: " ";margin-left: 3px;} table.topics-blog tbody tr td.row2.centered:after {content: " ";margin-left: 3px;} .forum-desc {padding: 0 10px;} </style> | | |
الأربعاء 7 نوفمبر - 5:22 | المشاركة رقم: | | الجنس : | التقيم : 1020 | المشاركات : 12355 | |
| |
| | رد: جميع قوالب topics_blog_box المصممه لستايل مسرووور الخاصة بالمدونات المنتدى
الشكل التاسع
- الكود:
-
{BOARD_INDEX} </table> </form> <br> <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" width="50"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a> <!-- END switch_user_authpost --> </td>
<td class="gensmall" align="left" valign="bottom" nowrap="nowrap"> <span class="nav"> <div class="clearfix"> <form class="forum-search right" action="/search" method="get"> <input class="bginput" type="text" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" onclick="if (this.value == '{L_SEARCH}...') this.value = '';" value="{L_SEARCH}..." size="20" id="search_keywords" name="search_keywords" /> <input class="liteoption" type="submit" value="{L_SEARCH}" /> <input type="hidden" name="search_where" value="f{FORUM_ID}" /> </form> </div> </span> </td> </tr> </table> <!-- BEGIN topics_blog_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <script type="text/javascript"> function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked; } } document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked; } } } </script>
<!-- END multi_selection --> </table> </form> <br>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <tr>
<table class="" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr>
<td class="alt1" title="showthread.php?t=3"><a name="PageNav"></a></td> </tr> <!-- END pagination -->
<table id="c" class="ipbtable topics-blog" cellspacing="0" cellpadding="0">
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <tr> <td class="row3" colspan="{topics_blog_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_blog_box.row.L_TITLE}</b></span></td> </tr> <!-- END header_row -->
<!-- BEGIN topic --> {topics_blog_box.row.END_TABLE_STICKY} <tr>
<span class="cattitle"> <td class="" class="{topics_blog_box.row.ROW_CLASS}" width="99%" Valign="top" style="padding-left:10px"> <div style="height:86px; width:100%" class="{topics_blog_box.row.ROW_CLASS}" ><span style="font-size: 12px" > <b><span class="ca3vt"> <td class="row33 centered">
<script> function gioihant(a){
return a.substring(0,55)+''; } </script> <div class="cover_top_b"> <div class="cover_top_l"> <div class="cover_top_g6"> {topics_blog_box.row.NEWEST_POST_IMG} {topics_blog_box.row.PARTICIPATE_POST_IMG} {topics_blog_box.row.TOPIC_TYPE} <FONT color="#ffffff"><a href="{topics_blog_box.row.U_VIEW_TOPIC}"><FONT color="#ffffff"><script>document.write(gioihant('{topics_blog_box.row.TOPIC_TITLE}'));</script></a> <div class="postdetails"></strong></span> </div> </div> </div> <td class="row9 centered">
<div class="flatred-box-img">
<div class="flatred-box-img"><div class="MAVATAR"><div class="blog_message1" style="font-size: 0px" href="{topics_blog_box.row.U_VIEW_TOPIC}" > <div style="height:170px; width:302" style="font-size: 0px" class="{topics_blog_box.row.FIRST_POST_TEXT}" ></span></div> </span></div><div style="padding: 0 0 10px 0;"></div> </div> <!-- BEGIN multi_selection -->
<!-- END multi_selection --> </div> <td class="row7 centered">
<span style="font-size: 9px" ><FONT color="#000000"><div align="center"><div class="WEVATAR"></div> </div> </div> <div class="cal right"> <span style="font-size: 9px" ><FONT color="#000000"> {topics_blog_box.row.ICON} <div class="cal right"> </div></span>
<!-- BEGIN switch_description -->
<!-- END switch_description -->
<td class="row1 centered"> <span class="postdetails"> <FONT color="#ffffff"><div align="center"> {L_COMMENTS}: {topics_blog_box.row.REPLIES} <td class="row2 centered"> <span class="postdetails"> <FONT color="#ffffff"><div align="center"> {L_VIEWS}: {topics_blog_box.row.VIEWS} <td class="row4 centered"> <div class="e-qtam">
<span style="font-size: 9px" ><FONT color="#000000"><div align="right">{topics_blog_box.row.L_BY} <strong>{topics_blog_box.row.TOPIC_AUTHOR}</strong> <div class="cal right"> <span style="font-size: 10px" ><FONT color="#000000"> بتاريخ {topics_blog_box.row.FIRST_POST_DMY_VALUE0}/ {topics_blog_box.row.FIRST_POST_DMY_VALUE1}/ {topics_blog_box.row.FIRST_POST_DMY_VALUE2} <div class="cal right"> </div></span>
<td class="row99 centered"> <div class="alt88"> <!-- BEGIN avatar --> <div style="width: 200px;"></div> <span class="lastpost-avatar">{topics_blog_box.row.topic.avatar.LAST_POST_AVATAR}</span> <!-- END avatar -->
<span class="postdetails"><div align="right"><span style="font-size: 8px" > أخر رد {topics_blog_box.row.LAST_POST_TIME}<br />من طرف<br />{topics_blog_box.row.LAST_POST_AUTHOR} {topics_blog_box.row.LAST_POST_IMG}</span> <!-- BEGIN multi_selection --> <td class="row2" align="center" valign="middle"><span class="smallfont"><span style="font-size: 8px" ><input onClick="javascript:check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} /></span></td> <!-- END multi_selection -->
<!-- END topic --><!-- BEGIN no_topics --> <tr> <td class="row1" colspan="{topics_blog_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="smallfont">{topics_blog_box.row.L_NO_TOPICS}</span></td> </tr>
<!-- END no_topics --><!-- BEGIN bottom -->
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_blog_box -->
<tr> <td class="alt2" colspan="{topics_blog_box.row.COLSPAN}" valign="middle"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <span class="gensmall">{PAGINATION}</span></td> <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr>
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> http://<![CDATA[ $(resize_images({ 'selector' : '.blog_message1', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); http://]]> </script> <!-- END switch_image_resize --> <script> /*Writen by Tu?n Anh in codeforumotion.forumvi.com*/ $(document).on('ready',function(){$('.blog_message1').each(function(){var url=$(this).attr('href');$(this).prepend(' <a onclick="openWin(this.href.replace(\'#\', \'?showpost=\'), 1000, 500);return false" href="'+url+'"></a> ');$(this).load(url+' div.postbody img:eq(0)')})});</script>
<style type="text/css">.pun a.topictitle{font:15px "Segoe UI",Tahoma,Helvetica,sans-serif;color:#000}#content-container div#main{margin-top:50px}#content-container div#right{width:1px;height:1px}#content-container div#content{margin-right:0} .flatred-box-img{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background: url #000}.flatred-box-img img{width:100%;min-height:100%}.flatred-box:hover .flatred-box-img img{opacity:.3}.flatred-box-info{position:absolute;bottom:0;height:28px;line-height:50px;padding:3px 17px;background: rgba(255,255,255,.97);left:0;right:0;transition:all .3s}.flatred-box:hover .flatred-box-info{height:50px} img[src*="https://i.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 0px;opacity: 0;color: #fff;font-size: 0px;}.w-qtam{background: rgba(255,255,255,.33);border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
/* Strat - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ .cover_top_b { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_10.gif) repeat-x left top; } .cover_top_l { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_11.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; text-align: center;
padding: 1px 10px 10px 10px; text-shadow:1px 1px 0 #005483; } .cover_top_m td, .cover_top_m a:link, .cover_top_m a:visited, .cover_top_m a:visited, .cover_top_m a:hover, .cover_top_m a:active { text-transform: none; font-weight: bold; color: #FFF; }
.cover_top_b2 { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_13.gif) repeat-x left top; } .cover_top_l2 { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_14.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; background: url() no-repeat right top; height: 10px; } /* End - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ img[src*="https://i.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 5px;opacity: 0;color: #fff;font-size: 14px;}.w-qtam{background-image: url(""); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
table.topics-blog tbody tr:nth-child(4n+4) {margin-right:0} #c2 tbody tr:nth-child(5){margin:12px 0 0 0} #c4 tbody tr{height:304px!important} #c11 tbody tr:nth-child(4){margin-right:-9px} #c11 tbody tr { height: 279px; width: 229px; margin-right: 4px; } #c11 tbody { margin-left: -4px; display: block; }
.formbuttonrow { background: #fff;padding: 0;padding-top: 8px;border-top: 1px solid #f4f4f4 !important; } .maintitle, #qpost {background-color: transparent !important;} .borderwrap .maintitle h2 {color: #f40;font-size: 24px;position: relative;z-index: 1; }
table.topics-blog tbody tr:hover { background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; } table.topics-blog tbody tr { width: 229px; float: left; margin-right: 10px; margin-bottom: 20px; border-radius: 2px; border: 1px solid #; height: 350px; position: relative; border: 0px solid #EEE; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 0px; background: #eee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; -moz-box-shadow: 0 0 8px #666; -webkit-box-shadow: 0 0 8px #666; box-shadow: 0 0 2px #666; position: relative; border-radius: 9px; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700;
} .mods+p a:nth-of-type(2n+1) {position: relative;display: inline-block;height: 16px;width: 16px;z-index: 1;float: left;} .mods+p a:nth-of-type(2n+1) img {position: absolute;margin: 2px 3px;} .mods+p a:nth-of-type(2n+2) { padding: 2px 4px;color: #333;display: inline-block;width: calc(50% - 26px); border-radius: 2px;font-size: 12px;margin-left: -16px;padding-left: 22px; height: 16px;overflow: hidden;float: left; } .mods+p a:nth-of-type(2n+2):hover, .mods+p a:nth-of-type(2n+1):hover+a:nth-of-type(2n+2) {background: #333;color: #fff;}
width: 94%;border-top: 1px solid #f4f4f4; } table.topics-blog tbody tr td:last-child strong+a { } table.topics-blog tbody tr td:last-child strong+a { position: absolute;margin: 5px 0;width: 40px;height: 40px;border-radius: 20px; left: 0;top: 0;background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; } table.topics-blog tbody tr td:last-child strong+a:hover {background-color: #BF0101;} table.topics-blog tbody tr td:last-child strong+a img {width: 100%;height: 100%;opacity: 0;} table.topics-blog#c2 tbody tr:first-child {height: 714px;} table.topics-blog#c2 tbody tr:first-child td:last-child {display: none;}
table.topics-blog tbody tr td.row9.centered, table.topics-blog tbody tr td.row9.centered { color: #fff; background: #ddd url() center no-repeat; top: 65px; font-weight: bold; position: absolute; width: 229px; height: 235px; text-align: left; border: 0px solid #ddd; }
table.topics-blog tbody tr td.row4.centered, table.topics-blog tbody tr td.row4.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 285px; font-weight: bold; position: absolute; width: 223px; height: auto; text-align: left; padding: 0px 5px 0px 0px; } table.topics-blog tbody tr td.row8.centered, table.topics-blog tbody tr td.row8.centered { color: #fff; top: 236px; font-weight: bold; position: absolute; width: 229px; height: 63px; text-align: left; border: 0px solid #ffffff; overflow: hidden; } table.topics-blog tbody tr td.row99.centered, table.topics-blog tbody tr td.row99.centered { padding: ; line-height: ; top: 299px; font-weight: bold; position: absolute; width: 229px; height: 50px; text-align: left; border: 5px solid #; overflow: hidden; background: # !important; } table.topics-blog tbody tr td.row7.centered, table.topics-blog tbody tr td.row7.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 70px; font-weight: bold; position: absolute; width: 225px; height: 10px; text-align: left; } table.topics-blog tbody tr td.row33.centered, table.topics-blog tbody tr td.row33.centered { padding: ;line-height: ;color: #fff;background: # !important;top: 0px;font-weight: bold; position: absolute;width: 229px;height: auto;text-align: left; }
.quote { display:none }
.AVATAR img {
display: none!important;
}
.vqvwe code {
display: none!important;
} .nnvvcc a:link {
display: none!important;
} .codebox { display: none!important;
} .postbody { display: none!important;
} .MAVATAR img { height: 235px; width: 229px; } .MAVATAR img:hover { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ } .MAVATAR a { display: none!important;
} .MAVATAR .codebox { display: none!important;
} .WEVATAR img { height: 170px; width: 229px; } .cover_top_ms { color: #FFF; font-weight: bold; text-align: center;
padding: 10px 7px 7px 7px; text-shadow:1px 1px 0 #005483; } .cover_top_ms td, .cover_top_ms a:link, .cover_top_ms a:visited, .cover_top_ms a:visited, .cover_top_ms a:hover, .cover_top_ms a:active { text-transform: none; font-weight: bold; color: #FFF; } table.topics-blog tbody tr td:last-child strong + a { position: absolute; width: 40px; height: 40px; border-radius: 7px; left: 0; top: 0; background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; margin: 7px 0px 0px 5px; } .lastpost-avatar img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 38px; width: 38px; padding: 0px 4px 0px 5px; } .alt88 { background: #eee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 5px; padding-bottom: 12px; border-top: 1px solid #ddd; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } .alt88:hover { background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 5px; border-top: 1px solid #ddd; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } .cover_top_g6 { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_12.gif) no-repeat right top; color: #FFF; font-weight: 700; padding: 13px 10px 10px; text-align: center; text-shadow: 1px 1px 0 #005483; height: 18px; } .cover_top_g6 { text-transform: none; font-weight: bold; color: #FFF; } table.topics-blog tbody tr td.row2.icon {padding: 0 !important;height: auto;} table.topics-blog tbody tr td.row1.centered, table.topics-blog tbody tr td.row2.centered { padding: 10px; line-height: 3px; color: #fff; background-image: url("https://i.servimg.com/u/f33/17/83/79/07/gradie15.gif"); top: 42px; font-weight: bold; position: absolute; width: 94px; height: auto; text-align: center; } table.topics-blog tbody tr td.row2.centered {left: 0%;} table.topics-blog tbody tr td.row1.centered:after {content: " ";margin-left: 3px;} table.topics-blog tbody tr td.row2.centered:after {content: " ";margin-left: 3px;} .forum-desc {padding: 0 10px;} </style> | | |
الأربعاء 7 نوفمبر - 5:54 | المشاركة رقم: | | الجنس : | التقيم : 1020 | المشاركات : 12355 | |
| |
| | رد: جميع قوالب topics_blog_box المصممه لستايل مسرووور الخاصة بالمدونات المنتدى
الشكل العاشر
- الكود:
-
{BOARD_INDEX} </table> </form> <br> <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" width="50"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a> <!-- END switch_user_authpost --> </td>
<td class="gensmall" align="left" valign="bottom" nowrap="nowrap"> <span class="nav"> <div class="clearfix"> <form class="forum-search right" action="/search" method="get"> <input class="bginput" type="text" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" onclick="if (this.value == '{L_SEARCH}...') this.value = '';" value="{L_SEARCH}..." size="20" id="search_keywords" name="search_keywords" /> <input class="liteoption" type="submit" value="{L_SEARCH}" /> <input type="hidden" name="search_where" value="f{FORUM_ID}" /> </form> </div> </span> </td> </tr> </table> <!-- BEGIN topics_blog_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <script type="text/javascript"> function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked; } } document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked; } } } </script>
<!-- END multi_selection --> </table> </form> <br>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <tr>
<table class="" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr>
<td class="alt1" title="showthread.php?t=3"><a name="PageNav"></a></td> </tr> <!-- END pagination -->
<table id="c" class="ipbtable topics-blog" cellspacing="0" cellpadding="0">
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <tr> <td class="row3" colspan="{topics_blog_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_blog_box.row.L_TITLE}</b></span></td> </tr> <!-- END header_row -->
<!-- BEGIN topic --> {topics_blog_box.row.END_TABLE_STICKY} <tr>
<span class="cattitle"> <td class="" class="{topics_blog_box.row.ROW_CLASS}" width="99%" Valign="top" style="padding-left:10px"> <div style="height:86px; width:100%" class="{topics_blog_box.row.ROW_CLASS}" ><span style="font-size: 12px" > <b><span class="ca3vt"> <td class="row33 centered">
<script> function gioihant(a){
return a.substring(0,55)+''; } </script> <div class="cover_top_b"> <div class="cover_top_l"> <div class="cover_top_g6"> {topics_blog_box.row.NEWEST_POST_IMG} {topics_blog_box.row.PARTICIPATE_POST_IMG} {topics_blog_box.row.TOPIC_TYPE} <FONT color="#ffffff"><a href="{topics_blog_box.row.U_VIEW_TOPIC}"><FONT color="#ffffff"><script>document.write(gioihant('{topics_blog_box.row.TOPIC_TITLE}'));</script></a> <div class="postdetails"></strong></span> </div> </div> </div> <td class="row9 centered">
<div class="flatred-box-img">
<div class="flatred-box-img"><div class="MAVATAR"><div class="blog_message1" style="font-size: 0px" href="{topics_blog_box.row.U_VIEW_TOPIC}" > <div style="height:170px; width:302" style="font-size: 0px" class="{topics_blog_box.row.FIRST_POST_TEXT}" ></span></div> </span></div><div style="padding: 0 0 10px 0;"></div> </div> <!-- BEGIN multi_selection -->
<!-- END multi_selection --> </div> <td class="row7 centered">
<span style="font-size: 9px" ><FONT color="#000000"><div align="center"><div class="WEVATAR"></div> </div> </div> <div class="cal right"> <span style="font-size: 9px" ><FONT color="#000000"> {topics_blog_box.row.ICON} <div class="cal right"> </div></span> <td class="row8 centered"> <div dir="rtl" style="color: rgb(51, 51, 51); text-decoration: none; padding: 0pt; overflow: scroll; font-weight: bold; font-size: 10pt; background-image: none; background-attachment: scroll; background-color: rgb(300, 300, 300); margin: 0pt; width: 229px; font-family: tahoma; height: 80px; text-align: center; background-position: 0% 0%; background-repeat: repeat repeat;"> <span style="font-family: Arial; font-size: 11px;"><span"{topics_blog_box.row.U_VIEW_TOPIC}"> <!-- BEGIN switch_description -->
<span style="font-family: Arial; font-size: 13px;"><div align="center">{topics_blog_box.row.TOPIC_TYPE}{topics_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION} </span>
<!-- END switch_description --> <span style="font-family: Arial; font-size: 13px;"><div align="center"> <div class="AVATAR"><FONT color="#000000"><div class="nnvvcc"><div class="vqvwe">{topics_blog_box.row.TOPIC_TYPE}{topics_blog_box.row.TOPIC_TITLE}<span style="font-family: Arial; font-size: 13px;"{topics_blog_box.row.FIRST_POST_TEXT}</span> <br /> <a href="{topics_blog_box.row.U_VIEW_TOPIC}"> قراءة كامله</a>
<td class="row1 centered"> <span class="postdetails"> <FONT color="#ffffff"><div align="center"> {L_COMMENTS}: {topics_blog_box.row.REPLIES} <td class="row2 centered"> <span class="postdetails"> <FONT color="#ffffff"><div align="center"> {L_VIEWS}: {topics_blog_box.row.VIEWS} <td class="row4 centered"> <div class="e-qtam">
<span style="font-size: 9px" ><FONT color="#000000"><div align="right">{topics_blog_box.row.L_BY} <strong>{topics_blog_box.row.TOPIC_AUTHOR}</strong> <div class="cal right"> <span style="font-size: 10px" ><FONT color="#000000"> بتاريخ {topics_blog_box.row.FIRST_POST_DMY_VALUE0}/ {topics_blog_box.row.FIRST_POST_DMY_VALUE1}/ {topics_blog_box.row.FIRST_POST_DMY_VALUE2} <div class="cal right"> </div></span>
<!-- BEGIN avatar -->
<!-- END avatar -->
<!-- BEGIN multi_selection -->
<!-- END multi_selection -->
<!-- END topic --><!-- BEGIN no_topics --> <tr> <td class="row1" colspan="{topics_blog_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="smallfont">{topics_blog_box.row.L_NO_TOPICS}</span></td> </tr>
<!-- END no_topics --><!-- BEGIN bottom -->
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_blog_box -->
<tr> <td class="alt2" colspan="{topics_blog_box.row.COLSPAN}" valign="middle"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <span class="gensmall">{PAGINATION}</span></td> <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr>
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> http://<![CDATA[ $(resize_images({ 'selector' : '.blog_message1', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); http://]]> </script> <!-- END switch_image_resize --> <script> /*Writen by Tu?n Anh in codeforumotion.forumvi.com*/ $(document).on('ready',function(){$('.blog_message1').each(function(){var url=$(this).attr('href');$(this).prepend(' <a onclick="openWin(this.href.replace(\'#\', \'?showpost=\'), 1000, 500);return false" href="'+url+'"></a> ');$(this).load(url+' div.postbody img:eq(0)')})});</script>
<style type="text/css">.pun a.topictitle{font:15px "Segoe UI",Tahoma,Helvetica,sans-serif;color:#000}#content-container div#main{margin-top:50px}#content-container div#right{width:1px;height:1px}#content-container div#content{margin-right:0} .flatred-box-img{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background: url #000}.flatred-box-img img{width:100%;min-height:100%}.flatred-box:hover .flatred-box-img img{opacity:.3}.flatred-box-info{position:absolute;bottom:0;height:28px;line-height:50px;padding:3px 17px;background: rgba(255,255,255,.97);left:0;right:0;transition:all .3s}.flatred-box:hover .flatred-box-info{height:50px} img[src*="https://i.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 0px;opacity: 0;color: #fff;font-size: 0px;}.w-qtam{background: rgba(255,255,255,.33);border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
/* Strat - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ .cover_top_b { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_10.gif) repeat-x left top; } .cover_top_l { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_11.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; text-align: center;
padding: 1px 10px 10px 10px; text-shadow:1px 1px 0 #005483; } .cover_top_m td, .cover_top_m a:link, .cover_top_m a:visited, .cover_top_m a:visited, .cover_top_m a:hover, .cover_top_m a:active { text-transform: none; font-weight: bold; color: #FFF; }
.cover_top_b2 { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_13.gif) repeat-x left top; } .cover_top_l2 { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_14.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; background: url() no-repeat right top; height: 10px; } /* End - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ img[src*="https://i.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 5px;opacity: 0;color: #fff;font-size: 14px;}.w-qtam{background-image: url(""); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
table.topics-blog tbody tr:nth-child(4n+4) {margin-right:0} #c2 tbody tr:nth-child(5){margin:12px 0 0 0} #c4 tbody tr{height:304px!important} #c11 tbody tr:nth-child(4){margin-right:-9px} #c11 tbody tr { height: 279px; width: 229px; margin-right: 4px; } #c11 tbody { margin-left: -4px; display: block; }
.formbuttonrow { background: #fff;padding: 0;padding-top: 8px;border-top: 1px solid #f4f4f4 !important; } .maintitle, #qpost {background-color: transparent !important;} .borderwrap .maintitle h2 {color: #f40;font-size: 24px;position: relative;z-index: 1; }
table.topics-blog tbody tr:hover { background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; } table.topics-blog tbody tr { width: 229px; float: left; margin-right: 10px; margin-bottom: 20px; border-radius: 2px; border: 1px solid #; height: 350px; position: relative; border: 0px solid #EEE; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 0px; background: #eee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; -moz-box-shadow: 0 0 8px #666; -webkit-box-shadow: 0 0 8px #666; box-shadow: 0 0 2px #666; position: relative; border-radius: 9px; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700;
} .mods+p a:nth-of-type(2n+1) {position: relative;display: inline-block;height: 16px;width: 16px;z-index: 1;float: left;} .mods+p a:nth-of-type(2n+1) img {position: absolute;margin: 2px 3px;} .mods+p a:nth-of-type(2n+2) { padding: 2px 4px;color: #333;display: inline-block;width: calc(50% - 26px); border-radius: 2px;font-size: 12px;margin-left: -16px;padding-left: 22px; height: 16px;overflow: hidden;float: left; } .mods+p a:nth-of-type(2n+2):hover, .mods+p a:nth-of-type(2n+1):hover+a:nth-of-type(2n+2) {background: #333;color: #fff;}
width: 94%;border-top: 1px solid #f4f4f4; } table.topics-blog tbody tr td:last-child strong+a { } table.topics-blog tbody tr td:last-child strong+a { position: absolute;margin: 5px 0;width: 40px;height: 40px;border-radius: 20px; left: 0;top: 0;background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; } table.topics-blog tbody tr td:last-child strong+a:hover {background-color: #BF0101;} table.topics-blog tbody tr td:last-child strong+a img {width: 100%;height: 100%;opacity: 0;} table.topics-blog#c2 tbody tr:first-child {height: 714px;} table.topics-blog#c2 tbody tr:first-child td:last-child {display: none;}
table.topics-blog tbody tr td.row9.centered, table.topics-blog tbody tr td.row9.centered { color: #fff; background: #ddd url() center no-repeat; top: 65px; font-weight: bold; position: absolute; width: 229px; height: 222px; text-align: left; border: 0px solid #ddd; }
table.topics-blog tbody tr td.row4.centered, table.topics-blog tbody tr td.row4.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 273px; font-weight: bold; position: absolute; width: 223px; height: auto; text-align: left; padding: 0px 5px 0px 0px; } table.topics-blog tbody tr td.row8.centered, table.topics-blog tbody tr td.row8.centered { color: #fff; top: 287px; font-weight: bold; position: absolute; width: 229px; height: 63px; text-align: left; border: 0px solid #ffffff; overflow: hidden; -webkit-border-radius: 0px 0px 10px 10px; }
table.topics-blog tbody tr td.row7.centered, table.topics-blog tbody tr td.row7.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 70px; font-weight: bold; position: absolute; width: 225px; height: 10px; text-align: left; } table.topics-blog tbody tr td.row33.centered, table.topics-blog tbody tr td.row33.centered { padding: ;line-height: ;color: #fff;background: # !important;top: 0px;font-weight: bold; position: absolute;width: 229px;height: auto;text-align: left; }
.quote { display:none }
.AVATAR img {
display: none!important;
}
.vqvwe code {
display: none!important;
} .nnvvcc a:link {
display: none!important;
} .codebox { display: none!important;
} .postbody { display: none!important;
} .MAVATAR img { height: 222px; width: 229px; } .MAVATAR img:hover { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ } .MAVATAR a { display: none!important;
} .MAVATAR .codebox { display: none!important;
} .WEVATAR img { height: 170px; width: 229px; } .cover_top_ms { color: #FFF; font-weight: bold; text-align: center;
padding: 10px 7px 7px 7px; text-shadow:1px 1px 0 #005483; } .cover_top_ms td, .cover_top_ms a:link, .cover_top_ms a:visited, .cover_top_ms a:visited, .cover_top_ms a:hover, .cover_top_ms a:active { text-transform: none; font-weight: bold; color: #FFF; } table.topics-blog tbody tr td:last-child strong + a { position: absolute; width: 40px; height: 40px; border-radius: 7px; left: 0; top: 0; background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; margin: 7px 0px 0px 5px; } .lastpost-avatar img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 38px; width: 38px; padding: 0px 4px 0px 5px; }
.cover_top_g6 { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_12.gif) no-repeat right top; color: #FFF; font-weight: 700; padding: 13px 10px 10px; text-align: center; text-shadow: 1px 1px 0 #005483; height: 18px; } .cover_top_g6 { text-transform: none; font-weight: bold; color: #FFF; } table.topics-blog tbody tr td.row2.icon {padding: 0 !important;height: auto;} table.topics-blog tbody tr td.row1.centered, table.topics-blog tbody tr td.row2.centered { padding: 10px; line-height: 3px; color: #fff; background-image: url("https://i.servimg.com/u/f33/17/83/79/07/gradie15.gif"); top: 42px; font-weight: bold; position: absolute; width: 94px; height: auto; text-align: center; } table.topics-blog tbody tr td.row2.centered {left: 0%;} table.topics-blog tbody tr td.row1.centered:after {content: " ";margin-left: 3px;} table.topics-blog tbody tr td.row2.centered:after {content: " ";margin-left: 3px;} .forum-desc {padding: 0 10px;} </style> | | |
الأربعاء 7 نوفمبر - 6:14 | المشاركة رقم: | | الجنس : | التقيم : 1020 | المشاركات : 12355 | |
| |
| | رد: جميع قوالب topics_blog_box المصممه لستايل مسرووور الخاصة بالمدونات المنتدى
الشكل 11
- الكود:
-
{BOARD_INDEX} </table> </form> <br> <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" width="50"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a> <!-- END switch_user_authpost --> </td>
<td class="gensmall" align="left" valign="bottom" nowrap="nowrap"> <span class="nav"> <div class="clearfix"> <form class="forum-search right" action="/search" method="get"> <input class="bginput" type="text" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" onclick="if (this.value == '{L_SEARCH}...') this.value = '';" value="{L_SEARCH}..." size="20" id="search_keywords" name="search_keywords" /> <input class="liteoption" type="submit" value="{L_SEARCH}" /> <input type="hidden" name="search_where" value="f{FORUM_ID}" /> </form> </div> </span> </td> </tr> </table> <!-- BEGIN topics_blog_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <script type="text/javascript"> function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked; } } document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked; } } } </script>
<!-- END multi_selection --> </table> </form> <br>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <tr>
<table class="" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr>
<td class="alt1" title="showthread.php?t=3"><a name="PageNav"></a></td> </tr> <!-- END pagination -->
<table id="c" class="ipbtable topics-blog" cellspacing="0" cellpadding="0">
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <tr> <td class="row3" colspan="{topics_blog_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_blog_box.row.L_TITLE}</b></span></td> </tr> <!-- END header_row -->
<!-- BEGIN topic --> {topics_blog_box.row.END_TABLE_STICKY} <tr>
<span class="cattitle"> <td class="" class="{topics_blog_box.row.ROW_CLASS}" width="99%" Valign="top" style="padding-left:10px"> <div style="height:86px; width:100%" class="{topics_blog_box.row.ROW_CLASS}" ><span style="font-size: 12px" > <b><span class="ca3vt"> <td class="row33 centered">
<script> function gioihant(a){
return a.substring(0,55)+''; } </script> <div class="cover_top_b"> <div class="cover_top_l"> <div class="cover_top_g6"> {topics_blog_box.row.NEWEST_POST_IMG} {topics_blog_box.row.PARTICIPATE_POST_IMG} {topics_blog_box.row.TOPIC_TYPE} <FONT color="#ffffff"><a href="{topics_blog_box.row.U_VIEW_TOPIC}"><FONT color="#ffffff"><script>document.write(gioihant('{topics_blog_box.row.TOPIC_TITLE}'));</script></a> <div class="postdetails"></strong></span> </div> </div> </div> <td class="row9 centered">
<ul class="lu"><li> <div class="flatred-box">
<div align="center"><span style="font-size: 0px;"><a href="{topics_blog_box.row.U_VIEW_TOPIC}">{topics_blog_box.row.TOPIC_TITLE} <div class="flatred-box-img"> <div class="flatred-box-img"><div class="MAVATAR"><div class="blog_message1" style="font-size: 0px" href="{topics_blog_box.row.U_VIEW_TOPIC}" > <div style="height:170px; width:302" style="font-size: 0px" class="{topics_blog_box.row.FIRST_POST_TEXT}" ></span></div> <div class="msrooor" > <span style="font-size: 0px; line-height: normal" class="msrooor"><span style="font-size: 0px;"><img src=""> </span></div><div style="padding: 0 0 10px 0;"></div> </div>
<span class="right vierep">1 - 3542</span><div class="quantam"> <p>
<div align="center"><FONT color="#ffffff"><span style="font-size: 9px" >{topics_blog_box.row.TOPIC_TITLE} <br /> <br /> <span style="line-height: 25px"><FONT color="#ffffff">بواسطة: <span style="font-size: 9px;">{topics_blog_box.row.TOPIC_AUTHOR}</span></p> <div class="w-qtam">
<span class="postdetails"> <span style="font-size: 9px" ><FONT color="#ffffff"> {L_COMMENTS}: {topics_blog_box.row.REPLIES} - <span class="postdetails"> <span style="font-size: 9px" ><FONT color="#ffffff"> {L_VIEWS}: {topics_blog_box.row.VIEWS}<br />اخر رد :<span style="font-size: 9px;"> {topics_blog_box.row.LAST_POST_AUTHOR}</span>{topics_blog_box.row.LAST_POST_IMG} </div></div></div> <div class="flatred-box-info">
<div class="flatred-box-img"><div class="MAVATAR"><div class="blog_message1" style="font-size: 0px" href="{topics_blog_box.row.U_VIEW_TOPIC}" > <div style="height:170px; width:302" style="font-size: 0px" class="{topics_blog_box.row.FIRST_POST_TEXT}" ></span></div> </span></div><div style="padding: 0 0 10px 0;"></div> </div> <!-- BEGIN multi_selection -->
<!-- END multi_selection --> </div> <td class="row7 centered">
<span style="font-size: 9px" ><FONT color="#000000"><div align="center"><div class="WEVATAR"></div> </div> </div> <div class="cal right"> <span style="font-size: 9px" ><FONT color="#000000"> {topics_blog_box.row.ICON} <div class="cal right"> </div></span> <td class="row8 centered">
<!-- BEGIN switch_description -->
<!-- END switch_description -->
<td class="row1 centered"> <span class="postdetails"> <FONT color="#ffffff"><div align="center"> {L_COMMENTS}: {topics_blog_box.row.REPLIES} <td class="row2 centered"> <span class="postdetails"> <FONT color="#ffffff"><div align="center"> {L_VIEWS}: {topics_blog_box.row.VIEWS}
</div></span>
<!-- BEGIN avatar -->
<!-- END avatar -->
<!-- BEGIN multi_selection -->
<!-- END multi_selection -->
<!-- END topic --><!-- BEGIN no_topics --> <tr> <td class="row1" colspan="{topics_blog_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="smallfont">{topics_blog_box.row.L_NO_TOPICS}</span></td> </tr>
<!-- END no_topics --><!-- BEGIN bottom -->
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_blog_box -->
<tr> <td class="alt2" colspan="{topics_blog_box.row.COLSPAN}" valign="middle"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <span class="gensmall">{PAGINATION}</span></td> <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr>
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> http://<![CDATA[ $(resize_images({ 'selector' : '.blog_message1', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); http://]]> </script> <!-- END switch_image_resize --> <script> /*Writen by Tu?n Anh in codeforumotion.forumvi.com*/ $(document).on('ready',function(){$('.blog_message1').each(function(){var url=$(this).attr('href');$(this).prepend(' <a onclick="openWin(this.href.replace(\'#\', \'?showpost=\'), 1000, 500);return false" href="'+url+'"></a> ');$(this).load(url+' div.postbody img:eq(0)')})});</script>
<style type="text/css">.pun a.topictitle{font:15px "Segoe UI",Tahoma,Helvetica,sans-serif;color:#000}#content-container div#main{margin-top:50px}#content-container div#right{width:1px;height:1px}#content-container div#content{margin-right:0} .flatred-box-img{position:absolute;top:0;-webkit-border-radius: 0px 0px 10px 10px;left:0;right:0;bottom:0;overflow:hidden;background: url #000}.flatred-box-img img{width:100%;min-height:100%}.flatred-box:hover .flatred-box-img img{opacity:.3}
img[src*="https://i.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;-webkit-border-radius: 0px 0px 10px 10px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 0px;opacity: 0;color: #fff;font-size: 0px;}.w-qtam{background: rgba(255,255,255,.33);border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1} .pun a.topictitle{font:15px "Segoe UI",Tahoma,Helvetica,sans-serif;color:#000}#content-container div#main{margin-top:50px}#content-container div#right{width:1px;height:1px}#content-container div#content{margin-right:0}.flatred-box-img{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background:#000}.flatred-box-img img{width:100%;min-height:100%}.flatred-box:hover .flatred-box-img img{opacity:.3} .flatred-box-info { position: absolute; bottom: 0; height: 28px; line-height: 50px; /* padding: 3px 17px; */ background: rgba(255,255,255,.97); /* left: 0; */ -webkit-border-radius: 0px 0px 10px 10px; transition: all .3s; } img[src*="https://i.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 5px;opacity: 0;color: #fff;font-size: 14px;}.w-qtam{background: rgba(255,255,255,.33);border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1} .qtam { font-size: 4pt; font-style: italic; background: rgba(255,44,85,.77); border-radius: 1px; }
.msrooor06_top_r td, .msrooor06_top_r a:link, .msrooor06_top_r a:visited, .msrooor06_top_r a:visited, .msrooor06_top_r a:hover, .msrooor06_top_r a:active { text-transform: none; font-weight: bold; color: #FFF; } /* Strat - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ .cover_top_b { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_10.gif) repeat-x left top; } .cover_top_l { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_11.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; text-align: center;
padding: 1px 10px 10px 10px; text-shadow:1px 1px 0 #005483; } .cover_top_m td, .cover_top_m a:link, .cover_top_m a:visited, .cover_top_m a:visited, .cover_top_m a:hover, .cover_top_m a:active { text-transform: none; font-weight: bold; color: #FFF; }
.cover_top_b2 { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_13.gif) repeat-x left top; } .cover_top_l2 { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_14.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; background: url() no-repeat right top; height: 10px; } /* End - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ img[src*="https://i.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 5px;opacity: 0;color: #fff;font-size: 14px;}.w-qtam{background-image: url(""); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
table.topics-blog tbody tr:nth-child(4n+4) {margin-right:0} #c2 tbody tr:nth-child(5){margin:12px 0 0 0} #c4 tbody tr{height:304px!important} #c11 tbody tr:nth-child(4){margin-right:-9px} #c11 tbody tr { height: 279px; width: 229px; margin-right: 4px; } #c11 tbody { margin-left: -4px; display: block; }
.formbuttonrow { background: #fff;padding: 0;padding-top: 8px;border-top: 1px solid #f4f4f4 !important; } .maintitle, #qpost {background-color: transparent !important;} .borderwrap .maintitle h2 {color: #f40;font-size: 24px;position: relative;z-index: 1; }
table.topics-blog tbody tr:hover { background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; } table.topics-blog tbody tr { width: 229px; float: left; margin-right: 10px; margin-bottom: 20px; border-radius: 2px; border: 1px solid #; height: 350px; position: relative; border: 0px solid #EEE; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 0px; background: #eee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; -moz-box-shadow: 0 0 8px #666; -webkit-box-shadow: 0 0 8px #666; box-shadow: 0 0 2px #666; position: relative; border-radius: 9px; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700;
} .mods+p a:nth-of-type(2n+1) {position: relative;display: inline-block;height: 16px;width: 16px;z-index: 1;float: left;} .mods+p a:nth-of-type(2n+1) img {position: absolute;margin: 2px 3px;} .mods+p a:nth-of-type(2n+2) { padding: 2px 4px;color: #333;display: inline-block;width: calc(50% - 26px); border-radius: 2px;font-size: 12px;margin-left: -16px;padding-left: 22px; height: 16px;overflow: hidden;float: left; } .mods+p a:nth-of-type(2n+2):hover, .mods+p a:nth-of-type(2n+1):hover+a:nth-of-type(2n+2) {background: #333;color: #fff;}
width: 94%;border-top: 1px solid #f4f4f4; } table.topics-blog tbody tr td:last-child strong+a { } table.topics-blog tbody tr td:last-child strong+a { position: absolute;margin: 5px 0;width: 40px;height: 40px;border-radius: 20px; left: 0;top: 0;background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; } table.topics-blog tbody tr td:last-child strong+a:hover {background-color: #BF0101;} table.topics-blog tbody tr td:last-child strong+a img {width: 100%;height: 100%;opacity: 0;} table.topics-blog#c2 tbody tr:first-child {height: 714px;} table.topics-blog#c2 tbody tr:first-child td:last-child {display: none;}
table.topics-blog tbody tr td.row9.centered, table.topics-blog tbody tr td.row9.centered { color: #fff; background: #ddd url() center no-repeat; top: 65px; font-weight: bold; position: absolute; width: 229px; height: 285px; text-align: left; border: 0px solid #ddd; -webkit-border-radius: 0px 0px 10px 10px; }
table.topics-blog tbody tr td.row7.centered, table.topics-blog tbody tr td.row7.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 70px; font-weight: bold; position: absolute; width: 225px; height: 10px; text-align: left; } table.topics-blog tbody tr td.row33.centered, table.topics-blog tbody tr td.row33.centered { padding: ;line-height: ;color: #fff;background: # !important;top: 0px;font-weight: bold; position: absolute;width: 229px;height: auto;text-align: left; }
.quote { display:none }
.AVATAR img {
display: none!important;
}
.vqvwe code {
display: none!important;
} .nnvvcc a:link {
display: none!important;
} .codebox { display: none!important;
} .postbody { display: none!important;
} .MAVATAR img { height: 285px; width: 229px; -webkit-border-radius: 0px 0px 10px 10px; } .MAVATAR img:hover { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ } .MAVATAR a { display: none!important;
} .MAVATAR .codebox { display: none!important;
} .WEVATAR img { height: 170px; width: 229px; } .cover_top_ms { color: #FFF; font-weight: bold; text-align: center;
padding: 10px 7px 7px 7px; text-shadow:1px 1px 0 #005483; } .cover_top_ms td, .cover_top_ms a:link, .cover_top_ms a:visited, .cover_top_ms a:visited, .cover_top_ms a:hover, .cover_top_ms a:active { text-transform: none; font-weight: bold; color: #FFF; } table.topics-blog tbody tr td:last-child strong + a { position: absolute; width: 40px; height: 40px; border-radius: 7px; left: 0; top: 0; background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; margin: 7px 0px 0px 5px; } .lastpost-avatar img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 38px; width: 38px; padding: 0px 4px 0px 5px; }
.cover_top_g6 { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_12.gif) no-repeat right top; color: #FFF; font-weight: 700; padding: 13px 10px 10px; text-align: center; text-shadow: 1px 1px 0 #005483; height: 18px; } .cover_top_g6 { text-transform: none; font-weight: bold; color: #FFF; } table.topics-blog tbody tr td.row2.icon {padding: 0 !important;height: auto;} table.topics-blog tbody tr td.row1.centered, table.topics-blog tbody tr td.row2.centered { padding: 10px; line-height: 3px; color: #fff; background-image: url("https://i.servimg.com/u/f33/17/83/79/07/gradie15.gif"); top: 42px; font-weight: bold; position: absolute; width: 94px; height: auto; text-align: center; } table.topics-blog tbody tr td.row2.centered {left: 0%;} table.topics-blog tbody tr td.row1.centered:after {content: " ";margin-left: 3px;} table.topics-blog tbody tr td.row2.centered:after {content: " ";margin-left: 3px;} .forum-desc {padding: 0 10px;} table.index-box tbody tr td.msrooor04.centered, table.index-box tbody tr td.msrooor04.centered { padding: ;line-height: ;color: #fff;background: # !important;top: 19px;font-weight: bold; position: absolute;width: 285px;height: auto;text-align: left; border: 5px solid #ffffff; overflow: hidden; -moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-webkit-border-radius: 0px 0px 10px 10px; background-color:#fff } .msrooor img { height: 285px; width: 229px; -webkit-border-radius: 0px 0px 10px 10px; } </style> | | |
الإثنين 11 مايو - 9:31 | المشاركة رقم: | | الجنس : | التقيم : 1020 | المشاركات : 12355 | |
| |
| | رد: جميع قوالب topics_blog_box المصممه لستايل مسرووور الخاصة بالمدونات المنتدى
تحت الاعدااااد
- الكود:
-
{BOARD_INDEX} </table> </form> <br>
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" width="50"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a> <!-- END switch_user_authpost --> </td>
<td class="gensmall" align="left" valign="bottom" nowrap="nowrap"> <span class="nav"> <div class="clearfix"> <form class="forum-search right" action="/search" method="get"> <input class="bginput" type="text" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" onclick="if (this.value == '{L_SEARCH}...') this.value = '';" value="{L_SEARCH}..." size="20" id="search_keywords" name="search_keywords" /> <input class="liteoption" type="submit" value="{L_SEARCH}" /> <input type="hidden" name="search_where" value="f{FORUM_ID}" /> </form> </div> </span> </td> </tr> </table> <!-- BEGIN topics_blog_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <script type="text/javascript"> function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked; } } document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked; } } } </script> <!-- END multi_selection --> </table> </form> <br>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <tr>
<table class="" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr>
<td class="alt1" title="showthread.php?t=3"><a name="PageNav"></a></td> </tr> <!-- END pagination -->
<table id="c" class="ipbtable topics-blog" cellspacing="0" cellpadding="0">
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <tr> <td class="row3" colspan="{topics_blog_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_blog_box.row.L_TITLE}</b></span></td> </tr> <!-- END header_row -->
<!-- BEGIN topic --> {topics_blog_box.row.END_TABLE_STICKY} <tr>
<span class="cattitle"> <td class="" class="{topics_blog_box.row.ROW_CLASS}" width="99%" Valign="top" style="padding-left:10px"> <div style="height:86px; width:100%" class="{topics_blog_box.row.ROW_CLASS}" ><span style="font-size: 12px" > <b><span class="ca3vt">
<td class="row8 centered">
<span style="font-family: Arial; font-size: 19px;"><div align="right"><FONT color="#055E91" <td class="row33 centered">
<div class=""> <div class=""> <div class=""> <div align="right"><span style="font-family: Arial; font-size: 20px;">{topics_blog_box.row.ICON}{topics_blog_box.row.NEWEST_POST_IMG} {topics_blog_box.row.NEWEST_POST_IMG} {topics_blog_box.row.PARTICIPATE_POST_IMG} {topics_blog_box.row.TOPIC_TYPE} <a href="{topics_blog_box.row.U_VIEW_TOPIC}">{topics_blog_box.row.TOPIC_TITLE}</a> <div class="postdetails"></strong></span> </div> </div> </div>
<!-- BEGIN switch_description -->
<span style="font-family: Arial; font-size: 15px;"><FONT color="#000000"><div align="right">{topics_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION} </span>
<!-- END switch_description --> <span style="font-family: Arial; font-size: 17px;"><div align="right"> <div class="AVATAR"><FONT color="#000000"><div class="nnvvcc"><div class="vqvwe"><div align="right"><span style="font-family: Arial; font-size: 17px;"{topics_blog_box.row.FIRST_POST_TEXT}</span> <br /> <td class="row9 centered">
<div class="flatred-box-img">
<div class="flatred-box-img"><div class="MAVATAR"><div class="blog_message1" style="font-size: 0px" href="{topics_blog_box.row.U_VIEW_TOPIC}" > <div style="height:170px; width:302" style="font-size: 0px" class="{topics_blog_box.row.FIRST_POST_TEXT}" ></span></div> </span></div><div style="padding: 0 0 10px 0;"></div> </div> <!-- BEGIN multi_selection -->
<!-- END multi_selection --> </div> <td class="row7 centered">
<span style="font-size: 9px" ><FONT color="#000000"><div align="right"><div class="WEVATAR"></div> </div> </div> <div class="cal right"> <span style="font-size: 9px" ><FONT color="#000000"> <div class="cal right"> </div></span>
<td class="row5 centered">
<span class="postdetails"> <span style="font-size: 10px" ><FONT color="#000000"><div align="right"> {L_COMMENTS}: {topics_blog_box.row.REPLIES} - <span class="postdetails"> <span style="font-size: 10px" ><FONT color="#000000"> {L_VIEWS}: {topics_blog_box.row.VIEWS} <td class="row37 centered"> <div class="e-qtam">
<div class="cal right">
<div class="cal right"> <span style="font-size: 17px" ><div class="sdfasd"> <a href="{topics_blog_box.row.U_VIEW_TOPIC}"><FONT color="#ffffff"> تابع القراءة .. </a> </div></span> <td class="row49 centered">
<td class="row4 centered"> <div class="e-qtam">
<div class="cal right"> <span style="font-size: 9px" ><FONT color="#000000"><div align="right">{topics_blog_box.row.L_BY} <strong>{topics_blog_box.row.TOPIC_AUTHOR}</strong> <div class="cal right">
<div class="cal right"> </div></span> </div></span> <td class="row99 centered"> <div class="alt88"> <!-- BEGIN avatar --> <div style="width: 200px;"></div> <span class="lastpost-avatar">{topics_blog_box.row.topic.avatar.LAST_POST_AVATAR}</span> <!-- END avatar -->
<span class="postdetails"><div align="right"><span style="font-size: 10px" > أخر رد {topics_blog_box.row.LAST_POST_TIME}<br />من طرف<br />{topics_blog_box.row.LAST_POST_AUTHOR} {topics_blog_box.row.LAST_POST_IMG}</span> <!-- BEGIN multi_selection --> <td class="alt2" align="center" valign="middle"><span class="smallfont"><input onClick="javascript:check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} /></span></td> <!-- END multi_selection -->
<!-- END topic --><!-- BEGIN no_topics --> <tr> <td class="row1" colspan="{topics_blog_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="smallfont">{topics_blog_box.row.L_NO_TOPICS}</span></td> </tr>
<!-- END no_topics --><!-- BEGIN bottom -->
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_blog_box --> <tr> <td class="alt2" colspan="{topics_list_box.row.COLSPAN}" valign="middle"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <span class="gensmall">{PAGINATION}</span></td> <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr>
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> http://<![CDATA[ $(resize_images({ 'selector' : '.blog_message1', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); http://]]> </script> <!-- END switch_image_resize --> </table> <script> /*Writen by Tu?n Anh in codeforumotion.forumvi.com*/ $(document).on('ready',function(){$('.blog_message1').each(function(){var url=$(this).attr('href');$(this).prepend(' <a onclick="openWin(this.href.replace(\'#\', \'?showpost=\'), 1000, 500);return false" href="'+url+'"></a> ');$(this).load(url+' div.postbody img:eq(0)')})});</script>
<style type="text/css">.pun a.topictitle{font:15px "Segoe UI",Tahoma,Helvetica,sans-serif;color:#000}#content-container div#main{margin-top:50px}#content-container div#right{width:1px;height:1px}#content-container div#content{margin-right:0} .flatred-box-img{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background: url #000}.flatred-box-img img{width:100%;min-height:100%}.flatred-box:hover .flatred-box-img img{opacity:.3}.flatred-box-info{position:absolute;bottom:0;height:28px;line-height:50px;padding:3px 17px;background: rgba(255,255,255,.97);left:0;right:0;transition:all .3s}.flatred-box:hover .flatred-box-info{height:50px} img[src*="https://i.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 0px;opacity: 0;color: #fff;font-size: 0px;}.w-qtam{background: rgba(255,255,255,.33);border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
/* Strat - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ .cover_top_b { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_10.gif) repeat-x left top; } .cover_top_l { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_11.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; text-align: center;
padding: 1px 10px 10px 10px; text-shadow:1px 1px 0 #005483; } .cover_top_m td, .cover_top_m a:link, .cover_top_m a:visited, .cover_top_m a:visited, .cover_top_m a:hover, .cover_top_m a:active { text-transform: none; font-weight: bold; color: #FFF; }
.cover_top_b2 { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_13.gif) repeat-x left top; } .cover_top_l2 { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_14.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; background: url() no-repeat right top; height: 10px; } /* End - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ img[src*="https://i.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 5px;opacity: 0;color: #fff;font-size: 14px;}.w-qtam{background-image: url(""); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
table.topics-blog tbody tr:nth-child(3n+3) {margin-right:0} #c2 tbody tr:nth-child(5){margin:12px 0 0 0} #c4 tbody tr{height:304px!important} #c11 tbody tr:nth-child(4){margin-right:-9px} #c11 tbody tr { height: 279px; width: 302px; margin-right: 4px; } #c11 tbody { margin-left: -4px; display: block; }
.formbuttonrow { background: #fff;padding: 0;padding-top: 8px;border-top: 1px solid #f4f4f4 !important; } .maintitle, #qpost {background-color: transparent !important;} .borderwrap .maintitle h2 {color: #f40;font-size: 24px;position: relative;z-index: 1; } table.topics-blog tbody tr:hover { background: #eeeeee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; }
table.topics-blog tbody tr { width: 946px; float: right; margin-right: 0px; margin-bottom: 20px; border-radius: 2px; border: 1px solid #DDD; height: 243px; position: relative; border: 0px solid #EEE; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 0px; -moz-box-shadow: 0 0 8px #666; -webkit-box-shadow: 0 0 8px #666; box-shadow: 0 0 2px #666; position: relative; border-radius: 9px; background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; } .mods+p a:nth-of-type(2n+1) {position: relative;display: inline-block;height: 16px;width: 16px;z-index: 1;float: left;} .mods+p a:nth-of-type(2n+1) img {position: absolute;margin: 2px 3px;} .mods+p a:nth-of-type(2n+2) { padding: 2px 4px;color: #333;display: inline-block;width: calc(50% - 26px); border-radius: 2px;font-size: 12px;margin-left: -16px;padding-left: 22px; height: 16px;overflow: hidden;float: left; } .mods+p a:nth-of-type(2n+2):hover, .mods+p a:nth-of-type(2n+1):hover+a:nth-of-type(2n+2) {background: #333;color: #fff;}
width: 94%;border-top: 1px solid #f4f4f4; } table.topics-blog tbody tr td:last-child strong+a { } table.topics-blog tbody tr td:last-child strong+a { position: absolute;margin: 5px 0;width: 40px;height: 40px;border-radius: 20px; left: 0;top: 0;background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; } table.topics-blog tbody tr td:last-child strong+a:hover {background-color: #BF0101;} table.topics-blog tbody tr td:last-child strong+a img {width: 100%;height: 100%;opacity: 0;} table.topics-blog#c2 tbody tr:first-child {height: 714px;} table.topics-blog#c2 tbody tr:first-child td:last-child {display: none;}
table.topics-blog tbody tr td.row9.centered, table.topics-blog tbody tr td.row9.centered { color: #fff; background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; top: 5px; font-weight: bold; position: absolute; width: 305px; height: 230px; text-align: left; border: 1px solid #ddd; margin-right: 5px; border-radius: 9px; } table.topics-blog tbody tr td.row5.centered, table.topics-blog tbody tr td.row5.centered { padding: ; line-height: ; color: #000; background: # !important; top: 225px; font-weight: bold; position: absolute; width: 100%; height: auto; text-align: left; border: 1px solid #; /* background: #b90000 url(https://i.servimg.com/u/f33/17/83/79/07/gradie11.gif) repeat-x top left; */ height: 15px; padding: 3px 0px 0px 0px; margin-left: 9px; width: 633px; float: left; margin-right: 322px; }
table.topics-blog tbody tr td.row4.centered, table.topics-blog tbody tr td.row4.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 230px; font-weight: bold; position: absolute; width: 590px; height: auto; text-align: left; padding: 0px 5px 0px 0px; margin-right: 320px; } table.topics-blog tbody tr td.row37.centered, table.topics-blog tbody tr td.row37.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 190px; font-weight: bold; position: absolute; height: 10px; text-align: left; width: 627px; float: left; margin-right: 312px; } table.topics-blog tbody tr td.row49.centered, table.topics-blog tbody tr td.row49.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 180px; font-weight: bold; position: absolute; width: 611px; height: auto; text-align: left; padding: 0px 5px 0px 0px; margin-right: 320px; } table.topics-blog tbody tr td.row8.centered, table.topics-blog tbody tr td.row8.centered { top: 10px; font-weight: bold; position: absolute; width: 620px; height: 204px; text-align: left; border: 0px solid #005483; overflow: hidden; margin-right: 320px; } table.topics-blog tbody tr td.row99.centered, table.topics-blog tbody tr td.row99.centered { padding: ; line-height: ; top: 189px; font-weight: bold; position: absolute; width: 100%; height: 47px; text-align: left; border: 5px solid #; overflow: hidden; background: # !important; margin-right: 0px; padding-top: 5px; color: #383838; font-family: tahoma; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 700; width: 633px; float: left; margin-right: 312px; display: none!important; } table.topics-blog tbody tr td.row7.centered, table.topics-blog tbody tr td.row7.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 95px; font-weight: bold; position: absolute; width: 302px; height: 10px; text-align: left; } table.topics-blog tbody tr td.row33.centered, table.topics-blog tbody tr td.row33.centered { padding: ; line-height: ; color: #f00; background: # !important; top: 10px; font-weight: bold; position: absolute; width: 100%; height: auto; text-align: left; width: 633px; float: left; margin-right: 322px; }
.quote { display:none }
.AVATAR img {
display: none!important;
}
.vqvwe code {
display: none!important;
} .nnvvcc a:link {
display: none!important;
} .codebox { display: none!important;
} .postbody { display: none!important;
} .MAVATAR img { width: 295px; height: 220px; border: 5px solid #fff!important; } .MAVATAR a { display: none!important;
} .MAVATAR .codebox { display: none!important;
} .WEVATAR img { width: 305px; height: 277px; } .sdfasd { display: inline-block; margin-bottom: 0; font-weight: 400; color: #fff; background: linear-gradient(160deg,#055E91,#055E91);
border-radius: 8px; font-size: 18px; text-transform: uppercase; padding: 4px 12px; margin-bottom: 7px; outline: none; border: none; overflow: hidden; } .sdfasd:hover { background: #1c1c1c; } .cover_top_ms { color: #FFF; font-weight: bold; text-align: center;
padding: 10px 7px 7px 7px; text-shadow:1px 1px 0 #005483; } .cover_top_ms td, .cover_top_ms a:link, .cover_top_ms a:visited, .cover_top_ms a:visited, .cover_top_ms a:hover, .cover_top_ms a:active { text-transform: none; font-weight: bold; color: #FFF; } table.topics-blog tbody tr td:last-child strong + a { position: absolute; width: 40px; height: 40px; border-radius: 10px; left: 0; top: 5px; background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; margin-left: 6px; margin-bottom: -77px; } .lastpost-avatar img { -webkit-border-radius: 5px; border-radius: 5px; padding: 0px 4px 0px 5px; width: 38px; height: 38px; border-radius: 7px; } .alt88 { background: #eee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #ddd; } .alt88:hover { background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #ddd; } </style> | | |
الإثنين 17 أغسطس - 0:21 | المشاركة رقم: | | الجنس : | التقيم : 1020 | المشاركات : 12355 | |
| |
| | رد: جميع قوالب topics_blog_box المصممه لستايل مسرووور الخاصة بالمدونات المنتدى
قالب المدونة اخر تصميم
- الكود:
-
{BOARD_INDEX} </table> </form> <br>
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" width="50"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a> <!-- END switch_user_authpost --> </td>
<td class="gensmall" align="left" valign="bottom" nowrap="nowrap"> <span class="nav"> <div class="clearfix"> <form class="forum-search right" action="/search" method="get"> <input class="bginput" type="text" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" onclick="if (this.value == '{L_SEARCH}...') this.value = '';" value="{L_SEARCH}..." size="20" id="search_keywords" name="search_keywords" /> <input class="liteoption" type="submit" value="{L_SEARCH}" /> <input type="hidden" name="search_where" value="f{FORUM_ID}" /> </form> </div> </span> </td> </tr> </table> <!-- BEGIN topics_blog_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <script type="text/javascript"> function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked; } } document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked; } } } </script> <!-- END multi_selection --> </table> </form> <br>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <tr>
<table class="" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr>
<td class="alt1" title="showthread.php?t=3"><a name="PageNav"></a></td> </tr> <!-- END pagination -->
<table id="c" class="ipbtable topics-blog" cellspacing="0" cellpadding="0">
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <tr> <td class="row3" colspan="{topics_blog_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_blog_box.row.L_TITLE}</b></span></td> </tr> <!-- END header_row -->
<!-- BEGIN topic --> {topics_blog_box.row.END_TABLE_STICKY} <tr>
<span class="cattitle"> <td class="" class="{topics_blog_box.row.ROW_CLASS}" width="99%" Valign="top" style="padding-left:10px"> <div style="height:86px; width:100%" class="{topics_blog_box.row.ROW_CLASS}" ><span style="font-size: 12px" > <b><span class="ca3vt">
<td class="row8 centered">
<span style="font-family: Arial; font-size: 19px;"><div align="right"><FONT color="#055E91" <td class="row33 centered">
<div class=""> <div class=""> <div class=""> <div align="right"><span style="font-family: Arial; font-size: 20px;">{topics_blog_box.row.ICON}{topics_blog_box.row.NEWEST_POST_IMG} {topics_blog_box.row.NEWEST_POST_IMG} {topics_blog_box.row.PARTICIPATE_POST_IMG} {topics_blog_box.row.TOPIC_TYPE} <a href="{topics_blog_box.row.U_VIEW_TOPIC}">{topics_blog_box.row.TOPIC_TITLE}</a> <div class="postdetails"></strong></span> </div> </div> </div>
<!-- BEGIN switch_description -->
<span style="font-family: Arial; font-size: 15px;"><FONT color="#000000"><div align="right">{topics_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION} </span>
<!-- END switch_description --> <span style="font-family: Arial; font-size: 17px;"><div align="right"> <div class="AVATAR"><FONT color="#000000"><div class="nnvvcc"><div class="vqvwe"><div align="right"><span style="font-family: Arial; font-size: 17px;"{topics_blog_box.row.FIRST_POST_TEXT}</span> <br /> <td class="row9 centered">
<div class="flatred-box-img">
<div class="flatred-box-img"><div class="MAVATAR"><div class="blog_message1" style="font-size: 0px" href="{topics_blog_box.row.U_VIEW_TOPIC}" > <div style="height:170px; width:302" style="font-size: 0px" class="{topics_blog_box.row.FIRST_POST_TEXT}" ></span></div> </span></div><div style="padding: 0 0 10px 0;"></div> </div> <!-- BEGIN multi_selection -->
<!-- END multi_selection --> </div> <td class="row7 centered">
<span style="font-size: 9px" ><FONT color="#000000"><div align="right"><div class="WEVATAR"></div> </div> </div> <div class="cal right"> <span style="font-size: 9px" ><FONT color="#000000"> <div class="cal right"> </div></span>
<td class="row5 centered">
<span class="postdetails"> <span style="font-size: 10px" ><FONT color="#000000"><div align="right"> {L_COMMENTS}: {topics_blog_box.row.REPLIES} - <span class="postdetails"> <span style="font-size: 10px" ><FONT color="#000000"> {L_VIEWS}: {topics_blog_box.row.VIEWS} <td class="row37 centered"> <div class="e-qtam">
<div class="cal right">
<div class="cal right"> <span style="font-size: 17px" ><div class="sdfasd"> <a href="{topics_blog_box.row.U_VIEW_TOPIC}"><FONT color="#ffffff"> تابع القراءة .. </a> </div></span> <td class="row49 centered">
<td class="row4 centered"> <div class="e-qtam">
<div class="cal right"> <span style="font-size: 9px" ><FONT color="#000000"><div align="right">{topics_blog_box.row.L_BY} <strong>{topics_blog_box.row.TOPIC_AUTHOR}</strong> <div class="cal right">
<div class="cal right"> </div></span> </div></span> <td class="row99 centered"> <div class="alt88"> <!-- BEGIN avatar --> <div style="width: 200px;"></div> <span class="lastpost-avatar">{topics_blog_box.row.topic.avatar.LAST_POST_AVATAR}</span> <!-- END avatar -->
<span class="postdetails"><div align="right"><span style="font-size: 10px" > أخر رد {topics_blog_box.row.LAST_POST_TIME}<br />من طرف<br />{topics_blog_box.row.LAST_POST_AUTHOR} {topics_blog_box.row.LAST_POST_IMG}</span> <!-- BEGIN multi_selection --> <td class="alt2" align="center" valign="middle"><span class="smallfont"><input onClick="javascript:check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} /></span></td> <!-- END multi_selection -->
<!-- END topic --><!-- BEGIN no_topics --> <tr> <td class="row1" colspan="{topics_blog_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="smallfont">{topics_blog_box.row.L_NO_TOPICS}</span></td> </tr>
<!-- END no_topics --><!-- BEGIN bottom -->
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_blog_box --> <tr> <td class="alt2" colspan="{topics_list_box.row.COLSPAN}" valign="middle"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <span class="gensmall">{PAGINATION}</span></td> <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr>
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> http://<![CDATA[ $(resize_images({ 'selector' : '.blog_message1', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); http://]]> </script> <!-- END switch_image_resize --> </table> <script> /*Writen by Tu?n Anh in codeforumotion.forumvi.com*/ $(document).on('ready',function(){$('.blog_message1').each(function(){var url=$(this).attr('href');$(this).prepend(' <a onclick="openWin(this.href.replace(\'#\', \'?showpost=\'), 1000, 500);return false" href="'+url+'"></a> ');$(this).load(url+' div.postbody img:eq(0)')})});</script>
<style type="text/css">.pun a.topictitle{font:15px "Segoe UI",Tahoma,Helvetica,sans-serif;color:#000}#content-container div#main{margin-top:50px}#content-container div#right{width:1px;height:1px}#content-container div#content{margin-right:0} .flatred-box-img{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background: url #000}.flatred-box-img img{width:100%;min-height:100%}.flatred-box:hover .flatred-box-img img{opacity:.3}.flatred-box-info{position:absolute;bottom:0;height:28px;line-height:50px;padding:3px 17px;background: rgba(255,255,255,.97);left:0;right:0;transition:all .3s}.flatred-box:hover .flatred-box-info{height:50px} img[src*="https://i.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 0px;opacity: 0;color: #fff;font-size: 0px;}.w-qtam{background: rgba(255,255,255,.33);border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
/* Strat - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ .cover_top_b { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_10.gif) repeat-x left top; } .cover_top_l { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_11.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; text-align: center;
padding: 1px 10px 10px 10px; text-shadow:1px 1px 0 #005483; } .cover_top_m td, .cover_top_m a:link, .cover_top_m a:visited, .cover_top_m a:visited, .cover_top_m a:hover, .cover_top_m a:active { text-transform: none; font-weight: bold; color: #FFF; }
.cover_top_b2 { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_13.gif) repeat-x left top; } .cover_top_l2 { background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_14.gif) no-repeat left top; } .cover_top_m { color: #FFF; font-weight: bold; background: url() no-repeat right top; height: 10px; } /* End - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ img[src*="https://i.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 5px;opacity: 0;color: #fff;font-size: 14px;}.w-qtam{background-image: url(""); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
table.topics-blog tbody tr:nth-child(3n+3) {margin-right:0} #c2 tbody tr:nth-child(5){margin:12px 0 0 0} #c4 tbody tr{height:304px!important} #c11 tbody tr:nth-child(4){margin-right:-9px} #c11 tbody tr { height: 279px; width: 302px; margin-right: 4px; } #c11 tbody { margin-left: -4px; display: block; }
.formbuttonrow { background: #fff;padding: 0;padding-top: 8px;border-top: 1px solid #f4f4f4 !important; } .maintitle, #qpost {background-color: transparent !important;} .borderwrap .maintitle h2 {color: #f40;font-size: 24px;position: relative;z-index: 1; } table.topics-blog tbody tr:hover { background: #eeeeee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; }
table.topics-blog tbody tr { width: 946px; float: right; margin-right: 0px; margin-bottom: 20px; border-radius: 2px; border: 1px solid #DDD; height: 243px; position: relative; border: 0px solid #EEE; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 0px; -moz-box-shadow: 0 0 8px #666; -webkit-box-shadow: 0 0 8px #666; box-shadow: 0 0 2px #666; position: relative; border-radius: 9px; background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; } .mods+p a:nth-of-type(2n+1) {position: relative;display: inline-block;height: 16px;width: 16px;z-index: 1;float: left;} .mods+p a:nth-of-type(2n+1) img {position: absolute;margin: 2px 3px;} .mods+p a:nth-of-type(2n+2) { padding: 2px 4px;color: #333;display: inline-block;width: calc(50% - 26px); border-radius: 2px;font-size: 12px;margin-left: -16px;padding-left: 22px; height: 16px;overflow: hidden;float: left; } .mods+p a:nth-of-type(2n+2):hover, .mods+p a:nth-of-type(2n+1):hover+a:nth-of-type(2n+2) {background: #333;color: #fff;}
width: 94%;border-top: 1px solid #f4f4f4; } table.topics-blog tbody tr td:last-child strong+a { } table.topics-blog tbody tr td:last-child strong+a { position: absolute;margin: 5px 0;width: 40px;height: 40px;border-radius: 20px; left: 0;top: 0;background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; } table.topics-blog tbody tr td:last-child strong+a:hover {background-color: #BF0101;} table.topics-blog tbody tr td:last-child strong+a img {width: 100%;height: 100%;opacity: 0;} table.topics-blog#c2 tbody tr:first-child {height: 714px;} table.topics-blog#c2 tbody tr:first-child td:last-child {display: none;}
table.topics-blog tbody tr td.row9.centered, table.topics-blog tbody tr td.row9.centered { color: #fff; background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; top: 5px; font-weight: bold; position: absolute; width: 305px; height: 230px; text-align: left; border: 1px solid #ddd; margin-right: 5px; border-radius: 9px; } table.topics-blog tbody tr td.row5.centered, table.topics-blog tbody tr td.row5.centered { padding: ; line-height: ; color: #000; background: # !important; top: 225px; font-weight: bold; position: absolute; width: 100%; height: auto; text-align: left; border: 1px solid #; /* background: #b90000 url(https://i.servimg.com/u/f33/17/83/79/07/gradie11.gif) repeat-x top left; */ height: 15px; padding: 3px 0px 0px 0px; margin-left: 9px; width: 633px; float: left; margin-right: 322px; }
table.topics-blog tbody tr td.row4.centered, table.topics-blog tbody tr td.row4.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 230px; font-weight: bold; position: absolute; width: 590px; height: auto; text-align: left; padding: 0px 5px 0px 0px; margin-right: 320px; } table.topics-blog tbody tr td.row37.centered, table.topics-blog tbody tr td.row37.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 190px; font-weight: bold; position: absolute; height: 10px; text-align: left; width: 627px; float: left; margin-right: 312px; } table.topics-blog tbody tr td.row49.centered, table.topics-blog tbody tr td.row49.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 180px; font-weight: bold; position: absolute; width: 611px; height: auto; text-align: left; padding: 0px 5px 0px 0px; margin-right: 320px; } table.topics-blog tbody tr td.row8.centered, table.topics-blog tbody tr td.row8.centered { top: 10px; font-weight: bold; position: absolute; width: 620px; height: 204px; text-align: left; border: 0px solid #005483; overflow: hidden; margin-right: 320px; } table.topics-blog tbody tr td.row99.centered, table.topics-blog tbody tr td.row99.centered { padding: ; line-height: ; top: 189px; font-weight: bold; position: absolute; width: 100%; height: 47px; text-align: left; border: 5px solid #; overflow: hidden; background: # !important; margin-right: 0px; padding-top: 5px; color: #383838; font-family: tahoma; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 700; width: 633px; float: left; margin-right: 312px; display: none!important; } table.topics-blog tbody tr td.row7.centered, table.topics-blog tbody tr td.row7.centered { padding: ; line-height: ; color: #fff; background: # !important; top: 95px; font-weight: bold; position: absolute; width: 302px; height: 10px; text-align: left; } table.topics-blog tbody tr td.row33.centered, table.topics-blog tbody tr td.row33.centered { padding: ; line-height: ; color: #f00; background: # !important; top: 10px; font-weight: bold; position: absolute; width: 100%; height: auto; text-align: left; width: 633px; float: left; margin-right: 322px; }
.quote { display:none }
.AVATAR img {
display: none!important;
}
.vqvwe code {
display: none!important;
} .nnvvcc a:link {
display: none!important;
} .codebox { display: none!important;
} .postbody { display: none!important;
} .MAVATAR img { width: 295px; height: 220px; border: 5px solid #fff!important; } .MAVATAR a { display: none!important;
} .MAVATAR .codebox { display: none!important;
} .WEVATAR img { width: 305px; height: 277px; } .sdfasd { display: inline-block; margin-bottom: 0; font-weight: 400; color: #fff; background: linear-gradient(160deg,#055E91,#055E91);
border-radius: 8px; font-size: 18px; text-transform: uppercase; padding: 4px 12px; margin-bottom: 7px; outline: none; border: none; overflow: hidden; } .sdfasd:hover { background: #1c1c1c; } .cover_top_ms { color: #FFF; font-weight: bold; text-align: center;
padding: 10px 7px 7px 7px; text-shadow:1px 1px 0 #005483; } .cover_top_ms td, .cover_top_ms a:link, .cover_top_ms a:visited, .cover_top_ms a:visited, .cover_top_ms a:hover, .cover_top_ms a:active { text-transform: none; font-weight: bold; color: #FFF; } table.topics-blog tbody tr td:last-child strong + a { position: absolute; width: 40px; height: 40px; border-radius: 10px; left: 0; top: 5px; background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; margin-left: 6px; margin-bottom: -77px; } .lastpost-avatar img { -webkit-border-radius: 5px; border-radius: 5px; padding: 0px 4px 0px 5px; width: 38px; height: 38px; border-radius: 7px; } .alt88 { background: #eee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #ddd; } .alt88:hover { background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #ddd; } </style> | | |
الثلاثاء 25 أغسطس - 15:31 | المشاركة رقم: | | الجنس : | التقيم : 1020 | المشاركات : 12355 | |
| |
| | رد: جميع قوالب topics_blog_box المصممه لستايل مسرووور الخاصة بالمدونات المنتدى
اليوتيوب
- الكود:
-
{BOARD_INDEX} <!-- BEGIN topics_blog_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <script type="text/javascript"> function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked; } } document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked; } } } </script> <!-- END multi_selection -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<div class="cover_top_b"> <div class="cover_top_l"> <div class="cover_top_r">
<a style="float:left" href="#FFFFFF{catrow.forumrow.U_VIEWFORUM}" onclick="return toggle_collapse('forumbit_1')"> <img id="collapseimg_forumbit_1" src="https://i.servimg.com/u/f33/17/83/79/07/collap12.gif" alt="" border="0" /></a> <div colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"><span style="font-size: 15px" ><FONT color="#ffffff">مجلة المنتدى</FONT></div> </div> </div> </div>
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tbody id="collapseobj_forumbit_1" style=""> <tr align="center"> <td class="thead" width="100%" align="right">المنتدى</td>
<tr> <td> <div> <div> <div>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="560"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <tr>
<!-- END pagination -->
<table id="c" class="ipbtable index-box" cellspacing="0" cellpadding="0">
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <tr> <td class="row3" colspan="{topics_blog_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_blog_box.row.L_TITLE}</b></span></td> </tr> <!-- END header_row -->
<!-- BEGIN topic --> {topics_blog_box.row.END_TABLE_STICKY} <tr>
<td class="row9 centered"> <a href="{topics_blog_box.row.U_VIEW_TOPIC}"><div style="height:144px; width:223" class="Pages" > <span style="font-size: 0px; line-height: normal" class="avatarcp">{topics_blog_box.row.FIRST_POST_TEXT}<img src="https://i.servimg.com/u/f55/18/22/98/96/33333310.jpg"> </span></div><div style="padding: 0 0 10px 0;"></div></a> <td class="row5 centered"> <a href="{topics_blog_box.row.U_VIEW_TOPIC}"><img src="https://i.servimg.com/u/f70/15/40/41/93/112.png"></a> <td class="row7 centered"> <div class="msr_top_r"> <span style="font-size: 13px" > <div align="right"> {topics_blog_box.row.ICON}{topics_blog_box.row.PARTICIPATE_POST_IMG}{topics_blog_box.row.TOPIC_TYPE} <a href="{topics_blog_box.row.U_VIEW_TOPIC}">{topics_blog_box.row.TOPIC_TITLE}</a><div class="postdetails"></strong></span> <span style="font-size: 10px" > <b><span class="ca3vt"><div align="right">الكاتب : <span class="name"><strong><span style="font-size: 10px" >{topics_blog_box.row.TOPIC_AUTHOR}</strong></span> </span></br> <span class="ca3vt">المشاهدات : <span class="postdetails">{topics_blog_box.row.VIEWS}</span></span> | <span class="ca3vt"> الردود: <span class="postdetails">{topics_blog_box.row.REPLIES}{topics_blog_box.row.LAST_POST_IMG}</span></span> </span></br>
<td class="lastpost" onmouseover='this.className="lastpost"' onmouseout='this.className="lastpost"' align="center" valign="middle" nowrap="nowrap"><span style="font-size: 10px" ><a href=""></a><br /></div></span></td> <!-- BEGIN multi_selection --> <td class="row2" align="center" valign="middle"><span class="smallfont"><input onClick="javascript:check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} /></span></td> <!-- END multi_selection -->
<!-- END topic --><!-- BEGIN no_topics --> <tr> <td class="row1" colspan="{topics_blog_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="smallfont">{topics_blog_box.row.L_NO_TOPICS}</span></td> </tr> <!-- END no_topics --><!-- BEGIN bottom -->
<table class="alt2" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td class="alt2" align="right">{PAGINATION}</td> <td class="alt2" title="showthread.php?t=3"><a name="PageNav"></a></td>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_blog_box -->
<style>
.msr_top_r td, .msr_top_r a:link, .msr_top_r a:visited, .msr_top_r a:visited, .msr_top_r a:hover, .msr_top_r a:active { text-transform: none; font-weight: bold; color: #; padding: 10px 10px 10px 10px; }
table.index-box tbody tr:nth-child(4n+4) {margin-right:0} #c2 tbody tr:nth-child(5){margin:12px 0 0 0} #c4 tbody tr{height:304px!important} #c11 tbody tr:nth-child(4){margin-right:-9px} #c11 tbody tr { height: 279px; width: 231px; margin-right: 4px; } #c11 tbody { margin-left: -4px; display: block; }
.formbuttonrow { background: #;padding: 0;padding-top: 8px;border-top: 0px solid # !important; } .maintitle, #qpost {background-color: transparent !important;} .borderwrap .maintitle h2 {color: #f40;font-size: 24px;position: relative;z-index: 1; }
table.index-box tbody tr { width: 226px;float: left;margin-right: 0px;margin-top: 0px;border-radius: 0px; background:url() no-repeat;border:1px solid #;height: 205px;position: relative; padding: 5px;
box-shadow : 0 0 0px #;}
table.index-box tbody tr td.row7.centered, table.index-box tbody tr td.row7.centered { padding: ;line-height: ;color: #;background: # !important;top: 150px;font-weight: bold; position: absolute;width: 226px;height: auto;text-align: left; } table.index-box tbody tr td.row5.centered, table.index-box tbody tr td.row5.centered { padding: ;line-height: ;color: #;background: # !important;top: 0px;font-weight: bold; position: absolute;width: 230px;height: auto;text-align: center; float: center; } table.index-box tbody tr td.row9.centered, table.index-box tbody tr td.row9.centered { padding: ;line-height: ;color: #;background: # !important;top: 0px;font-weight: bold; position: absolute;width: 226px;height: auto;text-align: left; font-size: 0px; } table.index-box tbody tr td.row2.icon {padding: 0 !important;height: auto;} table.index-box tbody tr td.row1.centered, table.index-box tbody tr td.row2.centered { padding: 5px;line-height: 4px;color: #fff ;background-image: url("https://i.servimg.com/u/f39/17/67/55/57/54511.png");!important;top: 120px;font-weight: bold; position: absolute;width: 50px;height: auto;text-align: left; } table.index-box tbody tr td.row2.centered {left: 0%;} table.index-box tbody tr td.row2.centered:after {content: " ";font-size: 9px;margin-left: 3px;} .forum-desc {padding: 0 10px;} .forum-name+.mods {padding: 10px;padding-top: 0;font-weight: bold;} .forum-name+.mods+p {padding: 0 10px;font-size: 0;} span.avatarcp img{ width:226px;height:144px; background-color:beige; border:1px solid #999999; padding:2px border-radius: 10px; float:left; overflow:auto}
.quote { display:none } div.TabView div.Pages div.Page{ width:226px;height:144px; padding: 0px; border: 0px solid #b4d0f3; overflow: hidden; background-color:#fff; float:left; overflow:auto} .hinh img{ display:none } .avatarcp { width:226px;height:144px; font :none float:left; overflow:auto} div.phutu_html{ display:none; float:left; overflow:auto} .Pages{ width:226px;height:144px; padding: 0px; border: 0px solid #b4d0f3; overflow: hidden;
} td.row9.centered img { height: 144px; width: 222px; border-radius: 9px; } td.row9.centered .codebox { display: none; }
.forumline { background-color: #fff; border: 0px #fff solid; } .tborder { background: #ffffff; border: 0 solid #dcdcdc; color: #383838; } .alt2, .alt2Active { background: #ffffff; color: #383838; font-family: tahoma; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 700; } .mhrew { float: center; } td.row5.centered img { height: 144px; width: 222px; border-radius: 9px; } </style> | | |
الخميس 17 سبتمبر - 9:00 | المشاركة رقم: | | الجنس : | التقيم : 1020 | المشاركات : 12355 | |
| |
| | رد: جميع قوالب topics_blog_box المصممه لستايل مسرووور الخاصة بالمدونات المنتدى
- الكود:
-
{BOARD_INDEX} <!-- BEGIN topics_blog_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <script type="text/javascript"> function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked; } } document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked; } } } </script> <!-- END multi_selection -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<div class="cover_top_b"> <div class="cover_top_l"> <div class="cover_top_r">
<a style="float:left" href="#FFFFFF{catrow.forumrow.U_VIEWFORUM}" onclick="return toggle_collapse('forumbit_1')"> <img id="collapseimg_forumbit_1" src="https://i.servimg.com/u/f33/17/83/79/07/collap12.gif" alt="" border="0" /></a> <div colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"><span style="font-size: 15px" ><FONT color="#ffffff">مجلة المنتدى</FONT></div> </div> </div> </div>
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tbody id="collapseobj_forumbit_1" style=""> <tr align="center"> <td class="thead" width="100%" align="right">المنتدى</td>
<tr> <td> <div> <div> <div>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="560"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <tr>
<!-- END pagination -->
<table id="c" class="ipbtable index-box" cellspacing="0" cellpadding="0">
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <tr> <td class="row3" colspan="{topics_blog_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_blog_box.row.L_TITLE}</b></span></td> </tr> <!-- END header_row -->
<!-- BEGIN topic --> {topics_blog_box.row.END_TABLE_STICKY} <tr>
<td class="row9 centered"> <a href="{topics_blog_box.row.U_VIEW_TOPIC}"><div style="height:144px; width:223" class="Pages" > <span style="font-size: 0px; line-height: normal" class="avatarcp">{topics_blog_box.row.FIRST_POST_TEXT}<img src="https://i.servimg.com/u/f55/18/22/98/96/33333310.jpg"> </span></div><div style="padding: 0 0 10px 0;"></div></a> <td class="row5 centered"> <a href="{topics_blog_box.row.U_VIEW_TOPIC}"><img src="https://i.servimg.com/u/f70/15/40/41/93/112.png"></a> <td class="row7 centered"> <div class="msr_top_r"> <span style="font-size: 13px" > <div align="right"> {topics_blog_box.row.ICON}{topics_blog_box.row.PARTICIPATE_POST_IMG}{topics_blog_box.row.TOPIC_TYPE} <a href="{topics_blog_box.row.U_VIEW_TOPIC}">{topics_blog_box.row.TOPIC_TITLE}</a><div class="postdetails"></strong></span>
</span></br>
<td class="lastpost" onmouseover='this.className="lastpost"' onmouseout='this.className="lastpost"' align="center" valign="middle" nowrap="nowrap"><span style="font-size: 10px" ><a href=""></a><br /></div></span></td> <!-- BEGIN multi_selection --> <td class="row2" align="center" valign="middle"><span class="smallfont"><input onClick="javascript:check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} /></span></td> <!-- END multi_selection -->
<!-- END topic --><!-- BEGIN no_topics --> <tr> <td class="row1" colspan="{topics_blog_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="smallfont">{topics_blog_box.row.L_NO_TOPICS}</span></td> </tr> <!-- END no_topics --><!-- BEGIN bottom -->
<table class="alt2" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td class="alt2" align="right">{PAGINATION}</td> <td class="alt2" title="showthread.php?t=3"><a name="PageNav"></a></td>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_blog_box -->
<style>
.msr_top_r td, .msr_top_r a:link, .msr_top_r a:visited, .msr_top_r a:visited, .msr_top_r a:hover, .msr_top_r a:active { text-transform: none; font-weight: bold; color: #; padding: 10px 10px 10px 10px; }
table.index-box tbody tr:nth-child(4n+4) {margin-right:0} #c2 tbody tr:nth-child(5){margin:12px 0 0 0} #c4 tbody tr{height:304px!important} #c11 tbody tr:nth-child(4){margin-right:-9px} #c11 tbody tr { height: 299px; width: 231px; margin-right: 4px; } #c11 tbody { margin-left: -4px; display: block; }
.formbuttonrow { background: #;padding: 0;padding-top: 8px;border-top: 0px solid # !important; } .maintitle, #qpost {background-color: transparent !important;} .borderwrap .maintitle h2 {color: #f40;font-size: 24px;position: relative;z-index: 1; }
table.index-box tbody tr { width: 226px;float: left;margin-right: 0px;margin-top: 0px;border-radius: 0px; background:url() no-repeat;border:1px solid #;height: 155px;position: relative; padding: 5px;
box-shadow : 0 0 0px #;}
table.index-box tbody tr td.row7.centered, table.index-box tbody tr td.row7.centered { padding: ;line-height: ;color: #;background: # !important;top: 120px;font-weight: bold; position: absolute;width: 226px;height: auto;text-align: left; } table.index-box tbody tr td.row9.centered, table.index-box tbody tr td.row9.centered { padding: ; line-height: ; color: #; background: # !important; top: 0px; font-weight: bold; position: absolute; width: 226px; height: auto; text-align: center; font-size: 0px; }
table.index-box tbody tr td.row5.centered, table.index-box tbody tr td.row5.centered { padding: ; line-height: ; color: #; background: # !important; top: 0px; font-weight: bold; position: absolute; width: 230px; height: auto; text-align: center; float: center; } table.index-box tbody tr td.row2.icon {padding: 0 !important;height: auto;} table.index-box tbody tr td.row1.centered, table.index-box tbody tr td.row2.centered { padding: 5px;line-height: 4px;color: #fff ;background-image: url("https://i.servimg.com/u/f39/17/67/55/57/54511.png");!important;top: 120px;font-weight: bold; position: absolute;width: 50px;height: auto;text-align: left; } table.index-box tbody tr td.row2.centered {left: 0%;} table.index-box tbody tr td.row2.centered:after {content: " ";font-size: 9px;margin-left: 3px;} .forum-desc {padding: 0 10px;} .forum-name+.mods {padding: 10px;padding-top: 0;font-weight: bold;} .forum-name+.mods+p {padding: 0 10px;font-size: 0;} span.avatarcp img{ width:226px;height:144px; background-color:beige; border:1px solid #999999; padding:2px border-radius: 10px; float:left; overflow:auto}
.quote { display:none } div.TabView div.Pages div.Page{ width:226px;height:144px; padding: 0px; border: 0px solid #b4d0f3; overflow: hidden; background-color:#fff; float:left; overflow:auto} .hinh img{ display:none } .avatarcp { width:226px;height:144px; font :none float:left; overflow:auto} div.phutu_html{ display:none; float:left; overflow:auto} .Pages{ width:226px;height:144px; padding: 0px; border: 0px solid #b4d0f3; overflow: hidden;
} td.row9.centered img { height: 144px; width: 222px; border-top-left-radius: 9px; border-top-right-radius: 9px; }
td.row9.centered .codebox { display: none; }
.forumline { background-color: #fff; border: 0px #fff solid; } .tborder { background: #ffffff; border: 0 solid #dcdcdc; color: #383838; } .alt2, .alt2Active { background: #ffffff; color: #383838; font-family: tahoma; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 700; } .mhrew { float: center; } td.row5.centered img { height: 144px; width: 226px; border-radius: 0px; background: -webkit-gradient(linear, left bottom, left top, color-stop(1, rgba(33, 33, 33, 0)), color-stop(0.5, rgba(33, 33, 33, 0)), color-stop(0, #fff)); background: -moz-linear-gradient(center bottom, #212121 0%, rgba(33,33,33,0.9) 50%, rgba(0,0,0,0) 100%); } </style> | | |
الثلاثاء 22 سبتمبر - 14:39 | المشاركة رقم: | | الجنس : | التقيم : 1020 | المشاركات : 12355 | |
| |
| | رد: جميع قوالب topics_blog_box المصممه لستايل مسرووور الخاصة بالمدونات المنتدى
مجلة ثلاثية
- الكود:
-
{BOARD_INDEX} <!-- BEGIN topics_blog_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <script type="text/javascript"> function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked; } } document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked; } } } </script> <!-- END multi_selection -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<div class="cover_top_b"> <div class="cover_top_l"> <div class="cover_top_r">
<a style="float:left" href="#FFFFFF{catrow.forumrow.U_VIEWFORUM}" onclick="return toggle_collapse('forumbit_1')"> <img id="collapseimg_forumbit_1" src="https://i.servimg.com/u/f33/17/83/79/07/collap12.gif" alt="" border="0" /></a> <div colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"><span style="font-size: 15px" ><FONT color="#ffffff">مجلة المنتدى</FONT></div> </div> </div> </div>
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tbody id="collapseobj_forumbit_1" style=""> <tr align="center"> <td class="thead" width="100%" align="right">المنتدى</td>
<tr> <td> <div> <div> <div>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="560"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <tr>
<!-- END pagination -->
<table id="c" class="ipbtable index-box" cellspacing="0" cellpadding="0">
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <tr> <td class="row3" colspan="{topics_blog_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_blog_box.row.L_TITLE}</b></span></td> </tr> <!-- END header_row -->
<!-- BEGIN topic --> {topics_blog_box.row.END_TABLE_STICKY} <tr>
<td class="row9 centered"> <a href="{topics_blog_box.row.U_VIEW_TOPIC}"><div style="height:175px; width:305" class="Pages" > <span style="font-size: 0px; line-height: normal" class="avatarcp">{topics_blog_box.row.FIRST_POST_TEXT}<img src="https://i.servimg.com/u/f55/18/22/98/96/33333310.jpg"> </span></div><div style="padding: 0 0 10px 0;"></div></a> <td class="row5 centered"> <a href="{topics_blog_box.row.U_VIEW_TOPIC}"><img src="https://i.servimg.com/u/f70/15/40/41/93/112.png"></a> <td class="row7 centered"> <div class="msr_top_r"> <span style="font-size: 13px" > <div align="right"> {topics_blog_box.row.ICON}{topics_blog_box.row.PARTICIPATE_POST_IMG}{topics_blog_box.row.TOPIC_TYPE} <a href="{topics_blog_box.row.U_VIEW_TOPIC}">{topics_blog_box.row.TOPIC_TITLE}</a><div class="postdetails"></strong></span>
</span></br>
<td class="lastpost" onmouseover='this.className="lastpost"' onmouseout='this.className="lastpost"' align="center" valign="middle" nowrap="nowrap"><span style="font-size: 10px" ><a href=""></a><br /></div></span></td> <!-- BEGIN multi_selection --> <td class="row2" align="center" valign="middle"><span class="smallfont"><input onClick="javascript:check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} /></span></td> <!-- END multi_selection -->
<!-- END topic --><!-- BEGIN no_topics --> <tr> <td class="row1" colspan="{topics_blog_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="smallfont">{topics_blog_box.row.L_NO_TOPICS}</span></td> </tr> <!-- END no_topics --><!-- BEGIN bottom -->
<table class="alt2" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td class="alt2" align="right">{PAGINATION}</td> <td class="alt2" title="showthread.php?t=3"><a name="PageNav"></a></td>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_blog_box -->
<style>
.msr_top_r td, .msr_top_r a:link, .msr_top_r a:visited, .msr_top_r a:visited, .msr_top_r a:hover, .msr_top_r a:active { text-transform: none; font-weight: bold; color: #; padding: 10px 10px 10px 10px; }
table.index-box tbody tr:nth-child(3n+3) {margin-right:0} #c2 tbody tr:nth-child(5){margin:12px 0 0 0} #c4 tbody tr{height:304px!important} #c11 tbody tr:nth-child(4){margin-right:-9px} #c11 tbody tr { height: 299px; width: 231px; margin-right: 4px; } #c11 tbody { margin-left: -4px; display: block; }
.formbuttonrow { background: #;padding: 0;padding-top: 8px;border-top: 0px solid # !important; } .maintitle, #qpost {background-color: transparent !important;} .borderwrap .maintitle h2 {color: #f40;font-size: 24px;position: relative;z-index: 1; }
table.index-box tbody tr { width: 305px;float: left;margin-right: 0px;margin-top: 0px;border-radius: 0px; background:url() no-repeat;border:1px solid #;height: 185px;position: relative; padding: 5px;
box-shadow : 0 0 0px #;}
table.index-box tbody tr td.row7.centered, table.index-box tbody tr td.row7.centered { padding: ;line-height: ;color: #;background: # !important;top: 150px;font-weight: bold; position: absolute;width: 305px;height: auto;text-align: left; } table.index-box tbody tr td.row5.centered, table.index-box tbody tr td.row5.centered { padding: ;line-height: ;color: #;background: # !important;top: 0px;font-weight: bold; position: absolute;width: 230px;height: auto;text-align: center; float: center; } table.index-box tbody tr td.row9.centered, table.index-box tbody tr td.row9.centered { padding: ;line-height: ;color: #;background: # !important;top: 0px;font-weight: bold; position: absolute;width: 305px;height: auto;text-align: left; font-size: 0px; } table.index-box tbody tr td.row2.icon {padding: 0 !important;height: auto;} table.index-box tbody tr td.row1.centered, table.index-box tbody tr td.row2.centered { padding: 5px;line-height: 4px;color: #fff ;background-image: url("https://i.servimg.com/u/f39/17/67/55/57/54511.png");!important;top: 120px;font-weight: bold; position: absolute;width: 50px;height: auto;text-align: left; } table.index-box tbody tr td.row2.centered {left: 0%;} table.index-box tbody tr td.row2.centered:after {content: " ";font-size: 9px;margin-left: 3px;} .forum-desc {padding: 0 10px;} .forum-name+.mods {padding: 10px;padding-top: 0;font-weight: bold;} .forum-name+.mods+p {padding: 0 10px;font-size: 0;} span.avatarcp img{ width:305px;height:175px; background-color:beige; border:1px solid #999999; padding:2px border-radius: 10px; float:left; overflow:auto}
.quote { display:none } div.TabView div.Pages div.Page{ width:305px;height:175px; padding: 0px; border: 0px solid #b4d0f3; overflow: hidden; background-color:#fff; float:left; overflow:auto} .hinh img{ display:none } .avatarcp { width:305px;height:175px; font :none float:left; overflow:auto} div.phutu_html{ display:none; float:left; overflow:auto} .Pages{ width:305px;height:175px; padding: 0px; border: 0px solid #b4d0f3; overflow: hidden;
} td.row9.centered img { height: 175px; width: 305px; border-radius: 9px; } td.row9.centered .codebox { display: none; }
.forumline { background-color: #fff; border: 0px #fff solid; } .tborder { background: #ffffff; border: 0 solid #dcdcdc; color: #383838; } .alt2, .alt2Active { background: #ffffff; color: #383838; font-family: tahoma; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 700; } .mhrew { float: center; } td.row5.centered img { height: 175px; width: 305px; background: -webkit-gradient(linear, left bottom, left top, color-stop(1, rgba(33, 33, 33, 0)), color-stop(0.5, rgba(33, 33, 33, 0)), color-stop(0, #fff)); background: -moz-linear-gradient(center bottom, #212121 0%, rgba(33,33,33,0.9) 50%, rgba(0,0,0,0) 100%); </style> | | |
|
|
تذكر قوله تعالى :َ ما يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ
|
تعليمات المشاركة | تستطيع إضافة مواضيع جديدة تستطيع الرد على المواضيع تستطيع إرفاق ملفات تستطيع تعديل مشاركاتك
كود HTML معطلة
|
|
| |
|
|
|
|
|
|
|
|
|
|
|
|