| | كود المجلة التلقائية لاحلى منتدى الاصدار الرابع ( حصريا ) | |
| كاتب الموضوع | رسالة |
---|
|
|
المعلومات | الكاتب: | | اللقب: | Admin | الرتبه: | | الصورة الرمزية | | البيانات | الجنس : | | عدد المساهمات : | 1357 | السٌّمعَة : | 36 | تاريخ التسجيل : | 28/08/2014 | الموقع : | بيت الجزائر لكل العرب |
الإتصالات | الحالة: | | وسائل الإتصال: | |
| موضوع: كود المجلة التلقائية لاحلى منتدى الاصدار الرابع ( حصريا ) الخميس 26 نوفمبر 2015 - 10:10 |
|
كود المجلة التلقائية لاحلى منتدى الاصدار الرابع ( حصريا ) نقدم لكم الاصدار الرابع للمجلة الثلاثية كود جديد للمجلة التلقائية الثلاثية لاحلى منتدى مطور باكواد جميلة جدا ويتميز بكشف محتوى الموضوع عند وضع موئشر الفارة على صورة الموضوع في المجلة
يعمل الكود على النسخة الثانية فقط
عند وضع موشر الفارة على الموضوع
قبل البد في تركيب الكود يجب تعديل خيار في لوحة الادارة للاهمية اولا اذهب الى لوحة الادارة +ادارة عامة + الرسائل و الإيميلات =التشكيل فصل الاعلانات و المواضيع المثبتة عن المواضيع العادية : لا
والان نذهب الى قالب المدونة في التومبيلات لوحة الادارة +مظهر المنتدى + التومبيلات والقوالب + ادارة عامة
واضغط على تعديل قالب المدونة topics_blog_box واحذف القالب وضع القالب التالي مكانة - الكود:
-
<!-- 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">
<th colspan="0" align="center" nowrap="nowrap" width="100%" class="smallfont2">مواضيع المجلة</th>
<!-- 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>
<table class="alt1" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td class="alt1" align="right">{PAGINATION}</td> <td class="alt1" title="showthread.php?t=3"><a name="PageNav"></a></td> </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="" class="" width="99%" Valign="top" style="padding-left:11px"> <div style="height:86px; width:100%" class="" ><span style="font-size: 14px" > <b><span class="ca3vt"> <div class="msr_top_b"> <div class="msr_top_l"> <div class="msr_top_r"> <span style="font-size: 9px" >{topics_blog_box.row.PARTICIPATE_POST_IMG}{topics_blog_box.row.TOPIC_TYPE}{topics_blog_box.row.LAST_POST_IMG} <td class="row8 centered"> <span class="postdetails"> <span style="font-size: 9px" ><FONT color="#ffffff"> بواسطة: <span style="font-size: 9px" >{topics_blog_box.row.TOPIC_AUTHOR} <td class="row7 centered"> <span style="font-size: 7px" > {topics_blog_box.row.VIEWS} /{topics_blog_box.row.REPLIES}</td> <td class="row9 centered"> {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>
<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">
<a href="{topics_blog_box.row.U_VIEW_TOPIC}"><div style="height:267px; width:273px" class="Pages" > <span style="font-size: 0px; line-height: normal" class="avatarcp">{topics_blog_box.row.FIRST_POST_TEXT}<img src="http://i55.servimg.com/u/f55/18/22/98/96/33333310.jpg"> </span></div><div style="padding: 0 0 10px 0;"></div> </div>
<span class="right vierep">1 - 3542</span><div class="quantam"> <p> <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: 270px; font-family: tahoma; height: 257px; text-align: center; background-position: 0% 0%; background-repeat: repeat repeat;"> <span style="font-size: 9px" > {topics_blog_box.row.ICON} <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;"> {topics_blog_box.row.FIRST_POST_TEXT}</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="w-qtam">
</div></div></div> <div class="flatred-box-info">
<h2 class="topic-title hierarchy">
<a class="topictitle" href="{topics_blog_box.row.U_VIEW_TOPIC}">{topics_blog_box.row.TOPIC_TITLE} </h2>
<span class="gensmall">
<div class="clear"></div> <br /> <!-- BEGIN multi_selection --> <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} /> <!-- END multi_selection --> </div>
</li></ul> </div> <!-- END topic --> <!-- BEGIN no_topics --> <tr> <td class="tcl" colspan="4"><strong>{topics_blog_box.row.L_NO_TOPICS}</strong></td> </tr>
<!-- END no_topics -->
<!-- BEGIN bottom --> </tbody> </table>
<div class="main-foot clearfix"> <!-- BEGIN multi_selection --> <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" /> <!-- END multi_selection -->
<p class="options">
</p> </div> <!-- END bottom --> <!-- BEGIN spacer --><br /><!-- END spacer --> <!-- END row --> <!-- END topics_blog_box -->
<tr> <td class="alt2">{PAGINATION}</td>
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> http://<![CDATA[ $(resize_images({ 'selector' : '.blog_message', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); http://]]> </script> <!-- END switch_image_resize -->
<style>.vib-item{width:100%}.itembg{background:#9d8ac7}.tp{color:#fff}.pun .itembg div a{color:#fff}div.tcl{float:left;width:200px}.itembg .tp+div{margin-left:199px;color:#fff}.pun .paged-head.dd {position: absolute;top: 51px;right: 0;left: 130px;padding: 8px 5px;min-height: 31px;border: none;}#main-content div.tcl > div {left: 0;border-radius: 3px 0 0 3px;}#main-content div.itembg {background: white;}#main-content div[style="background-color: #62707D;"] {background: #9d8ac7 !important;}#main-content div.tcl > h2 {left: 149px;width: 200px;position: absolute;}div.paged-foot {display: none;}.sprite-icon_topic_latest {float: right;margin-right: 5px;}</style>
<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:#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*="http://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} .msr_top_b {
}
.msr_top_r { color: #FFF; font-weight: bold; padding: 3px 3px 3px 3px; } .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: #FFF; }
.msr_top_b2 {
} .msr_top_l2 {
} .msr_top_r2 { color: #FFF; font-weight: bold;
height: 10px; }
#c11 tbody { margin-left: -4px; display: block; }
#lastpost{
border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 8px #666;
-webkit-box-shadow : 0 0 8px #666;
box-shadow : 0 0 8px #666;} 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: 279px; width: 231px; 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.index-box tbody tr { width: 302px;float: left;margin-right: 12px;margin-top: 12px;border-radius: 2px; background:url(http://i39.servimg.com/u/f39/18/22/98/96/114.png) no-repeat;border:1px solid #DDD;height: 350px;position: relative; border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 8px #666;
-webkit-box-shadow : 0 0 8px #666;
box-shadow : 0 0 8px #666;} 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: 7px;line-height: 3px;color: #fff;background-image: url("http://i39.servimg.com/u/f39/17/67/55/57/nnnnnn11.png"); !important;top: 210px;font-weight: bold; position: absolute;width: 100px;height: auto;text-align: left; } .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;} .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;} table.index-box tbody tr td:last-child { position: absolute;padding: 0;bottom: 0;margin: 10px;padding-top: 0px; width: 88%;border-top: 1px solid #f4f4f4; } table.index-box tbody tr td:last-child strong+a { } table.index-box tbody tr td:last-child strong+a { position: absolute;margin: 140px 10;width: 40px;height: 20px;border-radius: 0px; left: 0;top: 0;background: # url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; } table.index-box tbody tr td:last-child strong+a:hover {background-color: #BF0101;} table.index-box tbody tr td:last-child strong+a img {width: 100%;height: 100%;opacity: 0;} table.index-box#c2 tbody tr:first-child {height: 714px;} table.index-box#c2 tbody tr:first-child td:last-child {display: none;} table.index-box tbody tr td.row8.centered, table.index-box tbody tr td.row8.centered { padding: ;line-height: ;color: #fff;background: # !important;top: 3px;font-weight: bold; position: absolute;width: 293px;height: auto;text-align: left; } table.index-box tbody tr td.row7.centered, table.index-box tbody tr td.row7.centered { padding: ;line-height: ;color: #fff;background: # !important;top: 15px;font-weight: bold; position: absolute;width: 293px;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: #fff;background: # !important;top: 19px;font-weight: bold; position: absolute;width: 273px;height: auto;text-align: left; border: 5px solid #ffffff; overflow: hidden; -moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
background-color:#fff }
span.avatarcp img{ width:273px;height:267px; background-color:beige; border:1px solid #999999; padding:2px float:left; overflow:auto}
.quote { display:none } div.TabView div.Pages div.Page{ width:273px;height:267px; padding: 0px; border: 0px solid #b4d0f3; overflow: hidden; background-color:#fff; float:left; overflow:auto} .hinh img{ display:none } .avatarcp { width:273px;height:267px; font :none float:left; overflow:auto} div.phutu_html{ display:none; float:left; overflow:auto} .Pages{ width:273px;height:267px; padding: 0px; border: 0px solid #b4d0f3; overflow: hidden; -moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px; } .AVATAR img { height: 90px; width: 110px; }</style> طريقة وضع موضوع جديد بعد تركيب الكود حتى تظهر صورة الموضوع والمقدمة في المجلة بشكل الي يضع الكود بشكل تلقائي الصورة الاولى من داخل الموضوع في غلاف المجلة اذا تم وضع صورة الموضوع في بداية الموضوع وضمن العشرة اسطر الاولى
اخطاء يجب تلافيها حتى تظهر صور المجلة بالشكل المنتاااااااااز والصحيح 1- لا تظع صورة للبسملة في بداية موضوعك فلكود يلتقط الصورة الاولى من داخل الموضـــــــــــــــــــوع 2- لا تضع رابط تحميل او رابط موقع قبل رابط الصورة فقد يوثر على صورة الموضوع في المجــــــــــلة 3- لا تكبر خط كتابة المقدمة فـ كود تكبير الخط اذا كان في بداية الموضوع قد يظهر مع الصورة في المجلة
تم الشـــــــــــــــــــــرح وجميع حقوق النشر محفوظة لمصمم الكود مسرووور ولا نسمح بنقلة او نسخة من دون اخذ اذن مني أو باذن صاحب الكود |
| | | |
مواضيع مماثلة | |
| |