انشاء منتدى مجاني[ تومبيلات ] كود المجلة التلقائية الراباعية اخيراُ لمنتديات احلى منتدى من صنع [ مسرووور ]
صفحة 1 من اصل 1
[ تومبيلات ] كود المجلة التلقائية الراباعية اخيراُ لمنتديات احلى منتدى من صنع [ مسرووور ]
من طرف msrooor22 الثلاثاء أكتوبر 14, 2014 11:57 pm
السلام عليكم و رحمة الله و بركاته
مرحبا اعضاء و زوار منتدى الدعم و المساعده العربى
أخيرا كود المجلة التلقائية
لمنتديات أحلى منتدى وتلقائية 100%
ولا يحتاج لتعديل او متابعة مستقبلية وحتى الاعضاء يستطيعون
المشاركة في المجلة بدون اي تدخل من المدير
الكود من تصميم أخوكم مسرووور
مؤئسس منتديات مسرووور
![[ تومبيلات ] كود المجلة التلقائية الراباعية اخيراُ لمنتديات احلى منتدى من صنع [ مسرووور ] Do.php?imgf=141657574601291](http://zezoalex.zz.mu/up/do.php?imgf=141657574601291.gif)
طريقة عمل الكود
يقوم الكود بتحويل قالب المدونةtopics_blog_box
الى شكل مجلة رباعية وبشكل الي يضع صورة من داخل الموضوع في غلاف الموضوع في المجلة
مع عرض مقدمة لمحتو الموضوع في المجلة وبدون اي جهد او متابعة مجلة تلقائية 100%
مظهر الكود بعد التركيب في المنتدى
قبل البد في تركيب الكود يجب تعديل خيار في لوحة الادارة للاهمية
اولا اذهب الى لوحة الادارة +ادارة عامة + الرسائل و الإيميلات =التشكيل
![[ تومبيلات ] كود المجلة التلقائية الراباعية اخيراُ لمنتديات احلى منتدى من صنع [ مسرووور ] Qs1i74](https://2img.net/h/oi60.tinypic.com/qs1i74.png)
فصل الاعلانات و المواضيع المثبتة عن المواضيع العادية : لا
والان نذهب الى قالب المدونة في التومبيلات
لوحة الادارة +مظهر المنتدى + التومبيلات والقوالب + ادارة عامة
واضغط على تعديل قالب المدونة topics_blog_box
واحذف القالب وضع القالب التالي مكانة
طريقة وضع موضوع جديد بعد تركيب الكود حتى تظهر صورة الموضوع والمقدمة في المجلة بشكل الي
يضع الكود بشكل تلقائي الصورة الاولى من داخل الموضوع في غلاف المجلة
ويضع وصف الموضوع بشكل تلقائي
اذا تم كتابة الوصف ووضع صورة الموضوع في بداية الموضوع وضمن العشرة اسطر الاولى
![[ تومبيلات ] كود المجلة التلقائية الراباعية اخيراُ لمنتديات احلى منتدى من صنع [ مسرووور ] Zswa6g](https://2img.net/h/oi59.tinypic.com/zswa6g.png)
اخطاء يجب تلافيها حتى تظهر صور المجلة بالشكل المنتاااااااااز والصحيح
1- لا تظع صورة للبسملة في بداية موضوعك فلكود يلتقط الصورة الاولى من داخل الموضـــــــــــــــــــوع
2- لا تضع رابط تحميل او رابط موقع قبل رابط الصورة فقد يوثر على صورة الموضوع في المجــــــــــلة
3- لا تكبر خط كتابة المقدمة فـ كود تكبير الخط اذا كان في بداية الموضوع قد يظهر مع الصورة في المجلة
تم الشـــــــــــــــــــــرح
هذا الكود من صنعى
(( msrooor/ مسرووور ))
![[ تومبيلات ] كود المجلة التلقائية الراباعية اخيراُ لمنتديات احلى منتدى من صنع [ مسرووور ] 1595610098](https://2img.net/u/1415/15/41/28/smiles/1595610098.gif)
جميع الحقوق محفوظه لــ
(( منتدى الدعم العربي ))
مرحبا اعضاء و زوار منتدى الدعم و المساعده العربى
أخيرا كود المجلة التلقائية
لمنتديات أحلى منتدى وتلقائية 100%
ولا يحتاج لتعديل او متابعة مستقبلية وحتى الاعضاء يستطيعون
المشاركة في المجلة بدون اي تدخل من المدير
الكود من تصميم أخوكم مسرووور
مؤئسس منتديات مسرووور
طريقة عمل الكود
يقوم الكود بتحويل قالب المدونةtopics_blog_box
الى شكل مجلة رباعية وبشكل الي يضع صورة من داخل الموضوع في غلاف الموضوع في المجلة
مع عرض مقدمة لمحتو الموضوع في المجلة وبدون اي جهد او متابعة مجلة تلقائية 100%
مظهر الكود بعد التركيب في المنتدى
قبل البد في تركيب الكود يجب تعديل خيار في لوحة الادارة للاهمية
اولا اذهب الى لوحة الادارة +ادارة عامة + الرسائل و الإيميلات =التشكيل
فصل الاعلانات و المواضيع المثبتة عن المواضيع العادية : لا
والان نذهب الى قالب المدونة في التومبيلات
لوحة الادارة +مظهر المنتدى + التومبيلات والقوالب + ادارة عامة
واضغط على تعديل قالب المدونة topics_blog_box
واحذف القالب وضع القالب التالي مكانة
- Spoiler:
- الكود:
<!-- 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">
<tr>
<th colspan="7" align="center" nowrap="nowrap"> {topics_blog_box.row.L_TITLE} </th>
<!-- BEGIN multi_selection -->
<th 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 -->
<tr>
<td class="alt1" align="right">{PAGINATION}</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="row8 centered">
<div class="x-qtam">
{topics_blog_box.row.ICON} <br />{topics_blog_box.row.NEWEST_POST_IMG}
</div></div></div>
<td class="" class="{" width="99%" Valign="top" style="padding-left:11px">
<div style="height:86px; width:100%" class="" ><span style="font-size: 14px" >
<b>
<div class="cover_top_b">
<div class="cover_top_l">
<div class="cover_top_r">
<div class="3-qtam">
<span class="postdetails"> <span style="font-size: 11px" ><FONT color="#ffffff">{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>
</div>
</div>
</div>
<td class="row9 centered"> <div align="center"> <div align="center"><a href="{topics_blog_box.row.U_VIEW_TOPIC}"><div style="width:215px; height:160px;" class="Pages" >
<span style="font-size: 0px; line-height: normal" class="AVAVA"> {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></a>
<td class="row7 centered">
<span style="font-size: 0px; line-height: normal" class="AVAVA"><div align="center"><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: 215px; font-family: tahoma; height: 102px; text-align: center; background-position: 0% 0%; background-repeat: repeat repeat;">
<span style="font-size: 10px" > <FONT color="#000000"><div align="center"><div class="AVATAR">{topics_blog_box.row.FIRST_POST_TEXT}</div>
<br />
أخر رد {topics_blog_box.row.LAST_POST_AUTHOR}
<br />
<br />
<td class="row4 centered">
<div class="e-qtam">
<div align="center"><FONT color="#000000"><span style="font-size: 9px" >بواسطة: <span style="font-size: 9px" >{topics_blog_box.row.TOPIC_AUTHOR}</span></p>
<td class="row5 centered">
<div class="w-qtam">
<span class="postdetails"> <span style="font-size: 9px" ><FONT color="#ffffff"><div align="center"> {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}
</div></div></div>
<!-- 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 -->
</tr>
<!-- END topic --><!-- BEGIN no_topics -->
<tr>
<td class="row1" 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 -->
<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>.vib-item{width:100%}.itembg{background:#9d8ac7}.tp{color:#fff}.pun .itembg div a{color:#fff}div.tcl{float:left;width:207px}.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: 207px;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: 5px;opacity: 0;color: #fff;font-size: 14px;}.e-qtam{background-image: url("http://i39.servimg.com/u/f39/18/22/98/96/88888812.png"); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
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: 5px;opacity: 0;color: #fff;font-size: 14px;}.w-qtam{background-image: url("http://i39.servimg.com/u/f39/18/22/98/96/cover_10.gif"); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
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: 5px;opacity: 0;color: #fff;font-size: 14px;}.x-qtam{background-image: url(""); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
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: 5px;opacity: 0;color: #fff;font-size: 14px;}.s-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;
}
#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(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: 223px;
width: 310px;
margin-right: 3px;
}
#c11 tbody {
margin-left: -3px;
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: 223px;float: left;margin-right: 12px;margin-top: 12px;border-radius: 2px;
background:url(http://i39.servimg.com/u/f39/18/22/98/96/6711.png) no-repeat;border:1px solid #DDD;height: 310px;position: relative;
}
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: 214px;font-weight: bold;
position: absolute;width: 100px;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: 205px;font-weight: bold;
position: absolute;width: 223px;height: auto;text-align: left;
}
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: 221px;height: auto;text-align: left;
}
table.index-box tbody tr td.row4.centered, table.index-box tbody tr td.row4.centered {
padding: ;line-height: ;color: #fff;background: # !important;top: 290px;font-weight: bold;
position: absolute;width: 223px;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: #fff;background: # !important;top: 300px;font-weight: bold;
position: absolute;width: 223px;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: 41px;font-weight: bold;
position: absolute;width: 223px;height: auto;text-align: left;
}
span.avatarcp img{
width:215px;height:160px;
background-color:beige;
border:1px solid #999999;
padding:2px
float:left; overflow:auto}
.quote {
display:none
}
div.TabView div.Pages div.Page{
width:215px;height:160px;
padding: 0px;
border: 0px solid #b4d0f3;
overflow: hidden;
background-color:#fff;
float:left; overflow:auto}
.hinh img{
display:none
}
.avatarcp {
width:215px;height:160px;
font :none
float:left; overflow:auto}
div.phutu_html{
display:none;
float:left; overflow:auto}
.Pages{
width:215px;height:160px;
padding: 0px;
border: 0px solid #b4d0f3;
overflow: hidden;
background-color:#fff
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
background-color:#fff
}
.cover_top_b {
background: url(http://i33.servimg.com/u/f33/17/83/79/07/cover_10.gif) repeat-x left top;
}
.cover_top_l {
background: url() no-repeat left top;
}
.cover_top_r {
color: #FFF;
font-weight: bold;
text-align: center;
background: url(http://i33.servimg.com/u/f33/17/83/79/07/cover_12.gif) no-repeat right top;
padding: 10px 7px 7px 7px;
text-shadow:1px 1px 0 #005483;
}
.cover_top_r td, .cover_top_r a:link, .cover_top_r a:visited, .cover_top_r a:visited, .cover_top_r a:hover, .cover_top_r a:active {
text-transform: none;
font-weight: bold;
color: #FFF;
}
.cover_top_b2 {
background: url(http://i33.servimg.com/u/f33/17/83/79/07/cover_13.gif) repeat-x left top;
}
.cover_top_l2 {
background: url(http://i33.servimg.com/u/f33/17/83/79/07/cover_14.gif) no-repeat left top;
}
.cover_top_r2 {
color: #FFF;
font-weight: bold;
background: url(http://i33.servimg.com/u/f33/17/83/79/07/cover_15.gif) no-repeat right top;
height: 10px;
}
.AVAVA img {
height: 160px;
width: 215px;
border: 6px solid #1A7FAF;
align: center;
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;}
.AVATAR img {
height: 50px;
width: 50px;
}</style>
طريقة وضع موضوع جديد بعد تركيب الكود حتى تظهر صورة الموضوع والمقدمة في المجلة بشكل الي
يضع الكود بشكل تلقائي الصورة الاولى من داخل الموضوع في غلاف المجلة
ويضع وصف الموضوع بشكل تلقائي
اذا تم كتابة الوصف ووضع صورة الموضوع في بداية الموضوع وضمن العشرة اسطر الاولى
اخطاء يجب تلافيها حتى تظهر صور المجلة بالشكل المنتاااااااااز والصحيح
1- لا تظع صورة للبسملة في بداية موضوعك فلكود يلتقط الصورة الاولى من داخل الموضـــــــــــــــــــوع
2- لا تضع رابط تحميل او رابط موقع قبل رابط الصورة فقد يوثر على صورة الموضوع في المجــــــــــلة
3- لا تكبر خط كتابة المقدمة فـ كود تكبير الخط اذا كان في بداية الموضوع قد يظهر مع الصورة في المجلة
تم الشـــــــــــــــــــــرح
هذا الكود من صنعى
(( msrooor/ مسرووور ))
جميع الحقوق محفوظه لــ
(( منتدى الدعم العربي ))
msrooor22-
-
عدد المساهمات : 111
معدل النشاط : 5814
السُمعة : 13 -
كود المجلة التلقائية لاحلى منتدى الاصدار الثاني مطور (مسرووور)
من طرف msrooor22 الجمعة نوفمبر 20, 2015 11:45 pm
تحية طيبة لكم ايها الاحبة اعضاء منتدى الدعم والمساعدة
اقدم لكم كود المجلة التلقائية لاحلى منتدى بشكل جديد ومطور ويختلف كليااا عن كود المجلة السابقة التي تم عرضها في منتدى الدعم وتم تطوير الاكواد الخاصة بالمجلة لتصبح اكثر فاعلية واسهل في التحكم واليكم الاضافات الجديدة والمتميزة في هذا الكود عن الكود السابق المعروض هنا
الميزة الاولى : تم تغير كود لقط الصور من داخل الموضوع ليصبح اكثر فاعلية 100% فلكود الجديد يلتقط الصورة الاولى من داخل الموضوع في اي مكان داخل الموضوع حتى لو كانت في اخر الموضوع بعكس الكود السابق الذي يستوجب وجود الصورة في الاسطر العشرة الاولى داخل الموضوع
الميزة الثانية : تفعيل خاصية وصف الموضوع لتظهر بشكل تلقائي في خانة الوصف في المجلة بعكس الكود السابق والذي يضع مقدمة للموضوع فقط
وفي نفس الوقت في حالة عدم كتابة وصف للموضوع ستقوم المجلة بوضع مقدمة الموضوع في خانة الوصوف كتابيا وبدون صور بشكل تلقائي
الميزة الثالثة : حل مشكلة وضع رابط تحميل او موقع قبل رابط الصورة فلم يعد لها اي تئثير على صورة غلاف الموضوع في المجلة
وهناك تميزات كثيرة تختلف ولا اريد ان اشرح التفاصيل ستعرفونهاااا بعد التركيب
![[ تومبيلات ] كود المجلة التلقائية الراباعية اخيراُ لمنتديات احلى منتدى من صنع [ مسرووور ] Uo_ouo10](https://i.servimg.com/u/f68/15/40/41/93/uo_ouo10.jpg)
ملاحظة هامة يعمل الكود على النسخة الثانية فقط
بسم الله فل نبدا شرح التركيب
((((الخطوة الاولى))))
قبل تركيب القالب يجب تعديل خيارات هامة من لوحة التحكم
لوحة التحكم - ادارة عامة - الرسائل و الإيميلات = تشكيل
وابحث عن خيار
فصل الاعلانات والمواضيع المثبتة عن المواضيع العايدية :لا
![[ تومبيلات ] كود المجلة التلقائية الراباعية اخيراُ لمنتديات احلى منتدى من صنع [ مسرووور ] Qs1i7410](https://i.servimg.com/u/f21/15/40/41/93/qs1i7410.png)
ثم اذهب الى اسفل الصفحة وفعل خيار وصف المواضيع
السماح بوضع وصف موجز للموضوع :نعم
![[ تومبيلات ] كود المجلة التلقائية الراباعية اخيراُ لمنتديات احلى منتدى من صنع [ مسرووور ] 11111110](https://i.servimg.com/u/f21/15/40/41/93/11111110.gif)
((((الخطوة الثانية ))))
الان نذهب لتركيب القالب
وحة التحكم + مظهر المنتدى + التومبيلات والقوالب + ادارة عامة
وابحث عن قالب topics_blog_box واحذفة وضع القالب الجديد مكانة
(((( طريقة اضافة صورة وكتابة الوصف للموضوع ))))
كود عرض الصورة سيلتقط الصورة الاولى من داخل الموضوع ويعرضها غلاف بشكل تلقائي لهذا يجب ان يحتوي موضوعك على صورة والصورة التي تريدها ان تكون غلاف
يجب ان تكون الصورة الاولى في الموضوع
ومثال لو كان موضوعك يحتوي على خمس صور فالكود سيضع الصورة الاولى غلاف لموضوعك بشكل تلقائي
اما طريقة كتابة وصف الموضوع فكتب وصف موضوعك في مربع الوصف في صفحة انشاء موضوع جديد كما في الصورة في الاسفل
![[ تومبيلات ] كود المجلة التلقائية الراباعية اخيراُ لمنتديات احلى منتدى من صنع [ مسرووور ] I10](https://i.servimg.com/u/f21/15/40/41/93/i10.png)
((((اسئلة شائعة بعد تركيب المجلة))))
س / يوجد خانات فارغة في اسفل المجلة
ج / هذا بسبب عدد المواضيع في منتداك اذهب الى
لوحة التحكم - ادارة عامة - الرسائل و الإيميلات = تشكيل
وزود او انقص عدد المواضيع رقم او رقمين حسب الخانات الفارغة لديك
![[ تومبيلات ] كود المجلة التلقائية الراباعية اخيراُ لمنتديات احلى منتدى من صنع [ مسرووور ] 11111112](https://i.servimg.com/u/f21/15/40/41/93/11111112.png)
تم الشـــــــــــــــــــــرح
ومبروك عليكم الكود وبالتوفيق للجميع
لا تحرموني من صالح الدعاء
مع فائق الاحترام والتقدير
هذا الكود من صنعى
(( msrooor/ مسرووور ))
جميع الحقوق محفوظه لــ
(( منتدى الدعم العربي ))
اقدم لكم كود المجلة التلقائية لاحلى منتدى بشكل جديد ومطور ويختلف كليااا عن كود المجلة السابقة التي تم عرضها في منتدى الدعم وتم تطوير الاكواد الخاصة بالمجلة لتصبح اكثر فاعلية واسهل في التحكم واليكم الاضافات الجديدة والمتميزة في هذا الكود عن الكود السابق المعروض هنا
الميزة الاولى : تم تغير كود لقط الصور من داخل الموضوع ليصبح اكثر فاعلية 100% فلكود الجديد يلتقط الصورة الاولى من داخل الموضوع في اي مكان داخل الموضوع حتى لو كانت في اخر الموضوع بعكس الكود السابق الذي يستوجب وجود الصورة في الاسطر العشرة الاولى داخل الموضوع
الميزة الثانية : تفعيل خاصية وصف الموضوع لتظهر بشكل تلقائي في خانة الوصف في المجلة بعكس الكود السابق والذي يضع مقدمة للموضوع فقط
وفي نفس الوقت في حالة عدم كتابة وصف للموضوع ستقوم المجلة بوضع مقدمة الموضوع في خانة الوصوف كتابيا وبدون صور بشكل تلقائي
الميزة الثالثة : حل مشكلة وضع رابط تحميل او موقع قبل رابط الصورة فلم يعد لها اي تئثير على صورة غلاف الموضوع في المجلة
وهناك تميزات كثيرة تختلف ولا اريد ان اشرح التفاصيل ستعرفونهاااا بعد التركيب
ملاحظة هامة يعمل الكود على النسخة الثانية فقط
بسم الله فل نبدا شرح التركيب
((((الخطوة الاولى))))
قبل تركيب القالب يجب تعديل خيارات هامة من لوحة التحكم
لوحة التحكم - ادارة عامة - الرسائل و الإيميلات = تشكيل
وابحث عن خيار
فصل الاعلانات والمواضيع المثبتة عن المواضيع العايدية :لا
ثم اذهب الى اسفل الصفحة وفعل خيار وصف المواضيع
السماح بوضع وصف موجز للموضوع :نعم
((((الخطوة الثانية ))))
الان نذهب لتركيب القالب
وحة التحكم + مظهر المنتدى + التومبيلات والقوالب + ادارة عامة
وابحث عن قالب topics_blog_box واحذفة وضع القالب الجديد مكانة
- Spoiler:
- الكود:
<!-- 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">
<tr>
<th colspan="7" align="center" nowrap="nowrap"> {topics_blog_box.row.L_TITLE} </th>
<!-- BEGIN multi_selection -->
<th 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 -->
<tr>
<td class="alt1" align="right">{PAGINATION}</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="row8 centered">
<div class="cover_top_r">
<span class="postdetails"> <span style="font-size: 11px" ><FONT color="#ffffff">{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>
</div>
</div>
</div>
<td class="row9 centered"> <div align="center"> <div align="center"><span style="font-size: 0px;" class="MAVATAR"><a href="{topics_blog_box.row.U_VIEW_TOPIC}"><div style="height:100%px; width:100%px;" class="Pages" >
<span style="font-size: 0px; line-height: normal" class="avatarcp"><span style="font-size: 0px; line-height: normal" class="MAVATAR">{topics_blog_box.row.FIRST_POST_TEXT}
<div class="blog_message1" href="{topics_blog_box.row.U_VIEW_TOPIC}" ></div>
</span></div><div style="padding: 0 0 10px 0;"></div></a>
<td class="row7 centered">
<span style="font-size: 0px; line-height: normal" class="AVAVA"><div align="center"><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: 215px; font-family: tahoma; height: 80px; text-align: center; background-position: 0% 0%; background-repeat: repeat repeat;">
<span"{topics_blog_box.row.U_VIEW_TOPIC}"><FONT color="#000000">وصف الموضوع : {topics_blog_box.row.TOPIC_TYPE}
</h2>
<!-- BEGIN switch_description -->
<span class="genmed">
<span style="font-family: Arial; font-size: 13px;"><div align="center">{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"> {topics_blog_box.row.TOPIC_TITLE}{topics_blog_box.row.FIRST_POST_TEXT}</div>
<a href="{topics_blog_box.row.U_VIEW_TOPIC}"> قراءة كامله</a>
<br />
<span style="font-size: 9px">أخر رد <span style="font-size: 0px;"><a href="{topics_blog_box.row.LAST_POST_AUTHOR}"></span>
<br />
<td class="row4 centered">
<div class="e-qtam">
<div align="center"><FONT color="#000000"><span style="font-size: 9px" >بواسطة: <span style="font-size: 9px" >{topics_blog_box.row.TOPIC_AUTHOR}</span></p>
<td class="row5 centered">
<div class="w-qtam">
<span class="postdetails"> <span style="font-size: 9px" ><FONT color="#ffffff"><div align="center"> {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}
</div></div></div>
<!-- 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 -->
</tr>
<!-- END topic --><!-- BEGIN no_topics -->
<tr>
<td class="row1" 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 -->
<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 -->
<table class="alt1" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="alt1" align="right"><div style="text-align: center;"><span style="font-size: 16px;">{PAGINATION}</span></div></td>
<td class="alt1" title="showthread.php?t=3"><a name="PageNav"></a></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+'"><img src="http://i19.servimg.com/u/f19/15/40/41/93/xxxxx10.png"/></a>');$(this).load(url+' div.postbody img:eq(0)')})});</script>
<style>.vib-item{width:100%}.itembg{background:#9d8ac7}.tp{color:#fff}.pun .itembg div a{color:#fff}div.tcl{float:left;width:207px}.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: 207px;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: 5px;opacity: 0;color: #fff;font-size: 14px;}.e-qtam{background-image: url("http://i39.servimg.com/u/f39/18/22/98/96/88888812.png"); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
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: 5px;opacity: 0;color: #fff;font-size: 14px;}.w-qtam{background-image: url("http://i39.servimg.com/u/f39/18/22/98/96/cover_10.gif"); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
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: 5px;opacity: 0;color: #fff;font-size: 14px;}.x-qtam{background-image: url(""); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
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: 5px;opacity: 0;color: #fff;font-size: 14px;}.s-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;
}
#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(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: 223px;
width: 310px;
margin-right: 3px;
}
#c11 tbody {
margin-left: -3px;
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: 223px;float: left;margin-right: 2px;margin-top: 15px;border-radius: 2px;
background:url(http://i39.servimg.com/u/f39/18/22/98/96/6711.png) no-repeat;border:1px solid #DDD;height: 310px;position: relative;
}
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: 214px;font-weight: bold;
position: absolute;width: 100px;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: 228px;font-weight: bold;
position: absolute;width: 223px;height: auto;text-align: left;
}
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: 221px;height: auto;text-align: left;
}
table.index-box tbody tr td.row4.centered, table.index-box tbody tr td.row4.centered {
padding: ;line-height: ;color: #fff;background: # !important;top: 290px;font-weight: bold;
position: absolute;width: 223px;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: #fff;background: # !important;top: 300px;font-weight: bold;
position: absolute;width: 223px;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: 41px;font-weight: bold;
position: absolute;width: 223px;height: auto;text-align: left;
}
span.avatarcp img{
width:215px;height:180px;
background-color:beige;
border:1px solid #999999;
padding:2px
float:left; overflow:auto}
.quote {
display:none
}
div.TabView div.Pages div.Page{
width:215px;height:180px;
padding: 0px;
border: 0px solid #b4d0f3;
overflow: hidden;
background-color:#fff;
float:left; overflow:auto}
.hinh img{
display:none
}
.avatarcp {
width:215px;height:180px;
font :none
float:left; overflow:auto}
div.phutu_html{
display:none;
float:left; overflow:auto}
.Pages{
width:215px;height:180px;
padding: 0px;
border: 0px solid #b4d0f3;
overflow: hidden;
background-color:#fff
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
background-color:#fff
}
.MAVATAR img {
height: 180px;
width: 215px;
}
.cover_top_b {
background: url(http://i33.servimg.com/u/f33/17/83/79/07/cover_10.gif) repeat-x left top;
}
.cover_top_l {
background: url() no-repeat left top;
}
.cover_top_r {
color: #FFF;
font-weight: bold;
text-align: center;
padding: 10px 7px 7px 7px;
text-shadow:1px 1px 0 #005483;
}
.cover_top_r td, .cover_top_r a:link, .cover_top_r a:visited, .cover_top_r a:visited, .cover_top_r a:hover, .cover_top_r a:active {
text-transform: none;
font-weight: bold;
color: #FFF;
}
.cover_top_b2 {
background: url(http://i33.servimg.com/u/f33/17/83/79/07/cover_13.gif) repeat-x left top;
}
.cover_top_l2 {
background: url(http://i33.servimg.com/u/f33/17/83/79/07/cover_14.gif) no-repeat left top;
}
.cover_top_r2 {
color: #FFF;
font-weight: bold;
background: url(http://i33.servimg.com/u/f33/17/83/79/07/cover_15.gif) no-repeat right top;
height: 10px;
}
.AVAVA img {
height: 180px;
width: 215px;
border: 6px solid #1A7FAF;
align: center;
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;}
.AVATAR img {
height: 0px;
width: 0px;
}</style>
(((( طريقة اضافة صورة وكتابة الوصف للموضوع ))))
كود عرض الصورة سيلتقط الصورة الاولى من داخل الموضوع ويعرضها غلاف بشكل تلقائي لهذا يجب ان يحتوي موضوعك على صورة والصورة التي تريدها ان تكون غلاف
يجب ان تكون الصورة الاولى في الموضوع
ومثال لو كان موضوعك يحتوي على خمس صور فالكود سيضع الصورة الاولى غلاف لموضوعك بشكل تلقائي
اما طريقة كتابة وصف الموضوع فكتب وصف موضوعك في مربع الوصف في صفحة انشاء موضوع جديد كما في الصورة في الاسفل
((((اسئلة شائعة بعد تركيب المجلة))))
س / يوجد خانات فارغة في اسفل المجلة
ج / هذا بسبب عدد المواضيع في منتداك اذهب الى
لوحة التحكم - ادارة عامة - الرسائل و الإيميلات = تشكيل
وزود او انقص عدد المواضيع رقم او رقمين حسب الخانات الفارغة لديك
تم الشـــــــــــــــــــــرح
ومبروك عليكم الكود وبالتوفيق للجميع
لا تحرموني من صالح الدعاء
مع فائق الاحترام والتقدير
هذا الكود من صنعى
(( msrooor/ مسرووور ))
جميع الحقوق محفوظه لــ
(( منتدى الدعم العربي ))
msrooor22-
-
عدد المساهمات : 111
معدل النشاط : 5814
السُمعة : 13 -
كود المجلة التلقائية لاحلى منتدى الاصدار السابع (مسرووور)
من طرف msrooor22 الثلاثاء نوفمبر 24, 2015 6:09 pm
تحية طيبة لكم ايها الاحبة اعضاء وزوار منتدى الدعم والمساعدة لاحلى منتدى
اقدم لكم كود المجلة التلقائية لاحلى منتدى الاصدار السابع بشكل جديد ويختلف كليااا عن الاكواد السابقة لي
ويحتوي على تميزات كثيرة تختلف عن الاكواد السابقة ومن اجمل المجلات التي صممت واتمنااا ان تنال رضاكم وستحسانكم
مواصفت الكود
1- يلتقط الصورة الاولى من داخل كل موضوع ويضعها غلاف للمجلة وفي حال لاتوجد صورة في الموضوع يضع صورة بديلة ترمز للمنتدى
2- تفعيل وصف الموضوع في المجلة عن طريق تفعيل خيار وصف الموضوع من لوحة التحكم في منتداك وفي حالة عدم كتابة وصف يضع بشكل تلقائي مقدمة من الموضوع في خانة الوصف
![[ تومبيلات ] كود المجلة التلقائية الراباعية اخيراُ لمنتديات احلى منتدى من صنع [ مسرووور ] Zzzzzz10](https://i.servimg.com/u/f68/19/34/83/47/zzzzzz10.jpg)
الكود يعمل على النسخة الثانية فقط
الكود يعمل على المدونات على قالب topics_blog_box
ولا يعمل على اقسام المنتدى العادية فيجب تفعيل المدونات وجعل اقسام المنتدى كمدونة حتى يتم يشتغل المجلة
بسم الله فل نبدا شرح التركيب
((((الخطوة الاولى))))
قبل تركيب القالب يجب تعديل خيارات هامة من لوحة التحكم
لوحة التحكم - ادارة عامة - الرسائل و الإيميلات = تشكيل
وابحث عن خيار
فصل الاعلانات والمواضيع المثبتة عن المواضيع العايدية :لا
ثم اذهب الى اسفل الصفحة وفعل خيار وصف المواضيع
السماح بوضع وصف موجز للموضوع :نعم
((((الخطوة الثانية ))))
الان نذهب لتركيب القالب
لوحة التحكم + مظهر المنتدى + التومبيلات والقوالب + ادارة عامة
وابحث عن قالب topics_blog_box واحذفة وضع القالب الجديد مكانة
(((( طريقة اضافة صورة وكتابة الوصف للموضوع ))))
كود عرض الصورة سيلتقط الصورة الاولى من داخل الموضوع ويعرضها غلاف بشكل تلقائي لهذا يجب ان يحتوي موضوعك على صورة والصورة التي تريدها ان تكون غلاف
يجب ان تكون الصورة الاولى في الموضوع
ومثال لو كان موضوعك يحتوي على خمس صور فالكود سيضع الصورة الاولى غلاف لموضوعك بشكل تلقائي
اما طريقة كتابة وصف الموضوع فكتب وصف موضوعك في مربع الوصف في صفحة انشاء موضوع جديد كما في الصورة في الاسفل
![[ تومبيلات ] كود المجلة التلقائية الراباعية اخيراُ لمنتديات احلى منتدى من صنع [ مسرووور ] 33333310](https://i.servimg.com/u/f68/15/40/41/93/33333310.png)
((((ملاحضات بعد تركيب الكود))))
/ يوجد خانات فارغة في اسفل المجلة
ج / هذا بسبب عدد المواضيع في منتداك اذهب الى
لوحة التحكم - ادارة عامة - الرسائل و الإيميلات = تشكيل
وزود او انقص عدد المواضيع رقم او رقمين حسب الخانات الفارغة لديك
بعض الصور في المجلة لم تصغر
ج / هذا بسبب رابط الصورة فبعض روابط الصور يتي فيها العرض وطول محدد في الرابط لهذا لا تصغر في المجلة والحل
اما تعيد رفع الصورة لتحصل على رابط جديد او تغير الصورة من داخل الموضوع
لعمل تعديلات على الكود ليتناسب مع ستايل منتداك
يجب تغير بعض الصور الاساسية في الكووود وابحث في القالب عن الروابط التالية وستبدلها مع مراعات المقاس
![[ تومبيلات ] كود المجلة التلقائية الراباعية اخيراُ لمنتديات احلى منتدى من صنع [ مسرووور ] D10](https://i.servimg.com/u/f68/15/40/41/93/d10.gif)
![[ تومبيلات ] كود المجلة التلقائية الراباعية اخيراُ لمنتديات احلى منتدى من صنع [ مسرووور ] 10](https://i.servimg.com/u/f21/19/34/83/47/10.png)
تم الشـــــــــــــــــــــرح
وجميع حقوق النشر محفوظة لمصمم الكود مسرووور
ثم لمنتداي ومنتدى الدعم والمساعدة
ومبروك عليكم الكود وبالتوفيق للجميع
لا تحرموني من صالح الدعاء
مع فائق الاحترام والتقدير
مسرووور
اقدم لكم كود المجلة التلقائية لاحلى منتدى الاصدار السابع بشكل جديد ويختلف كليااا عن الاكواد السابقة لي
ويحتوي على تميزات كثيرة تختلف عن الاكواد السابقة ومن اجمل المجلات التي صممت واتمنااا ان تنال رضاكم وستحسانكم
مواصفت الكود
1- يلتقط الصورة الاولى من داخل كل موضوع ويضعها غلاف للمجلة وفي حال لاتوجد صورة في الموضوع يضع صورة بديلة ترمز للمنتدى
2- تفعيل وصف الموضوع في المجلة عن طريق تفعيل خيار وصف الموضوع من لوحة التحكم في منتداك وفي حالة عدم كتابة وصف يضع بشكل تلقائي مقدمة من الموضوع في خانة الوصف
الكود يعمل على النسخة الثانية فقط
الكود يعمل على المدونات على قالب topics_blog_box
ولا يعمل على اقسام المنتدى العادية فيجب تفعيل المدونات وجعل اقسام المنتدى كمدونة حتى يتم يشتغل المجلة
بسم الله فل نبدا شرح التركيب
((((الخطوة الاولى))))
قبل تركيب القالب يجب تعديل خيارات هامة من لوحة التحكم
لوحة التحكم - ادارة عامة - الرسائل و الإيميلات = تشكيل
وابحث عن خيار
فصل الاعلانات والمواضيع المثبتة عن المواضيع العايدية :لا
ثم اذهب الى اسفل الصفحة وفعل خيار وصف المواضيع
السماح بوضع وصف موجز للموضوع :نعم
((((الخطوة الثانية ))))
الان نذهب لتركيب القالب
لوحة التحكم + مظهر المنتدى + التومبيلات والقوالب + ادارة عامة
وابحث عن قالب 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 -->
<!-- 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="6" cellspacing="1" border="0" width="100%" align="center">
<th colspan="0" align="center" nowrap="nowrap" width="100%" class="smallfont2">مواضيع المجـلة</th>
<!-- 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="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>
<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_ms">
<span class="postdetails"> <span style="font-size: 11px" ><FONT color="#ffffff">{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>
</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:163px; width:213" 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"><img src="https://indianaintern.net/images/impact_awards/play-button.png"></img></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: 100%px; font-family: tahoma; height: 70px; text-align: center; background-position: 0% 0%; background-repeat: repeat repeat;">
<span"{topics_blog_box.row.U_VIEW_TOPIC}">وصف الموضوع : {topics_blog_box.row.TOPIC_TYPE}
<!-- BEGIN switch_description -->
<span style="font-family: Arial; font-size: 13px;"><div align="center">{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">{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="row5 centered">
<span class="postdetails"> <span style="font-size: 9px" ><FONT color="#ffffff"><div align="center"> {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}
<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: 9px" ><FONT color="#000000"> ({topics_blog_box.row.FIRST_POST_DMY_VALUE2}/
{topics_blog_box.row.FIRST_POST_DMY_VALUE1}/
{topics_blog_box.row.FIRST_POST_DMY_VALUE0}) -
<div class="cal right"> -
</div></span>
<td class="row1 centered">
<!-- 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 -->
<table class="alt1" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="alt1" align="right"><div style="text-align: center;"><span style="font-size: 16px;">{PAGINATION}</span></div></td>
<td class="alt1" title="showthread.php?t=3"><a name="PageNav"></a></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*="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}
/* Strat - cover_top_b - Alrakami.Com - EbN.FaLaSteN */
.cover_top_b {
background: url(http://i33.servimg.com/u/f33/17/83/79/07/cover_10.gif) repeat-x left top;
}
.cover_top_l {
background: url(http://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(http://i33.servimg.com/u/f33/17/83/79/07/cover_13.gif) repeat-x left top;
}
.cover_top_l2 {
background: url(http://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*="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: 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.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: 223px;
width: 310px;
margin-right: 3px;
}
#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: 223px;float: left;margin-right: 2px;margin-top: 15px;border-radius: 2px;
background:url(http://i21.servimg.com/u/f21/19/34/83/47/10.png) no-repeat;border:1px solid #DDD;height: 350px;position: relative;
padding: 5px;
border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.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.index-box tbody tr td:last-child strong+a {
} table.index-box 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.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.row9.centered, table.index-box tbody tr td.row9.centered {
padding: ;line-height: ;color: #fff;background:#fff url(http://i68.servimg.com/u/f68/15/40/41/93/d10.gif) !important;top: 39px;font-weight: bold;
position: absolute;width: 213px; height: 163px; auto;text-align: left;
border: 5px solid #ffffff;
overflow: hidden;
}
table.index-box tbody tr td.row5.centered, table.index-box tbody tr td.row5.centered {
padding: ;line-height: ;color: #fff;background: # !important;top: 325px;font-weight: bold;
position: absolute;width: 223px;height: auto;text-align: left;
}
table.index-box tbody tr td.row4.centered, table.index-box tbody tr td.row4.centered {
padding: ;line-height: ;color: #fff;background: # !important;top: 345px;font-weight: bold;
position: absolute;width: 223px;height: auto;text-align: left;
}
table.index-box tbody tr td.row8.centered, table.index-box tbody tr td.row8.centered {
padding: ;line-height: ;color: #fff;background: # !important;top: 202px;font-weight: bold;
position: absolute;width: 213px; height: 54px; auto;text-align: left;
border: 5px solid #ffffff;
overflow: hidden;
}
table.index-box tbody tr td.row1.centered, table.index-box tbody tr td.row1.centered {
padding: ;line-height: ;color: #fff;background: # !important;top: 260px;font-weight: bold;
position: absolute;width: 213px; height: 50px; auto;text-align: left;
border: 5px solid #ffffff;
overflow: hidden;
}
table.index-box tbody tr td.row7.centered, table.index-box tbody tr td.row7.centered {
padding: ;line-height: ;color: #fff;background: # !important;top: 39px;font-weight: bold;
position: absolute;width: 213px; height: 10px; auto;text-align: left;
}
table.index-box tbody tr td.row33.centered, table.index-box tbody tr td.row33.centered {
padding: ;line-height: ;color: #fff;background: # !important;top: 0px;font-weight: bold;
position: absolute;width: 221px;height: auto;text-align: left;
}
span.avatarcp img{
width:213px;height:163px;
background-color:beige;
border:1px solid #999999;
padding:2px
float:left; overflow:auto}
.quote {
display:none
}
div.TabView div.Pages div.Page{
width:213px;height:163px;
padding: 0px;
border: 0px solid #b4d0f3;
overflow: hidden;
background-color:#fff;
float:left; overflow:auto}
.hinh img{
display:none
}
.avatarcp {
width:213px;height:163px;
font :none
float:left; overflow:auto}
div.phutu_html{
display:none;
float:left; overflow:auto}
.Pages{
width:213px;height:163px;
padding: 0px;
border: 0px solid #b4d0f3;
overflow: hidden;
}
.AVATAR img {
display: none!important;
}
.MAVATAR img {
height: 163px;
width: 213px;
}
.WEVATAR img {
height: 144px;
width: 223px;
}
.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;
}
</style>
(((( طريقة اضافة صورة وكتابة الوصف للموضوع ))))
كود عرض الصورة سيلتقط الصورة الاولى من داخل الموضوع ويعرضها غلاف بشكل تلقائي لهذا يجب ان يحتوي موضوعك على صورة والصورة التي تريدها ان تكون غلاف
يجب ان تكون الصورة الاولى في الموضوع
ومثال لو كان موضوعك يحتوي على خمس صور فالكود سيضع الصورة الاولى غلاف لموضوعك بشكل تلقائي
اما طريقة كتابة وصف الموضوع فكتب وصف موضوعك في مربع الوصف في صفحة انشاء موضوع جديد كما في الصورة في الاسفل
((((ملاحضات بعد تركيب الكود))))
/ يوجد خانات فارغة في اسفل المجلة
ج / هذا بسبب عدد المواضيع في منتداك اذهب الى
لوحة التحكم - ادارة عامة - الرسائل و الإيميلات = تشكيل
وزود او انقص عدد المواضيع رقم او رقمين حسب الخانات الفارغة لديك
بعض الصور في المجلة لم تصغر
ج / هذا بسبب رابط الصورة فبعض روابط الصور يتي فيها العرض وطول محدد في الرابط لهذا لا تصغر في المجلة والحل
اما تعيد رفع الصورة لتحصل على رابط جديد او تغير الصورة من داخل الموضوع
لعمل تعديلات على الكود ليتناسب مع ستايل منتداك
يجب تغير بعض الصور الاساسية في الكووود وابحث في القالب عن الروابط التالية وستبدلها مع مراعات المقاس
- الكود:
http://i68.servimg.com/u/f68/15/40/41/93/d10.gif
- الكود:
http://i21.servimg.com/u/f21/19/34/83/47/10.png
تم الشـــــــــــــــــــــرح
وجميع حقوق النشر محفوظة لمصمم الكود مسرووور
ثم لمنتداي ومنتدى الدعم والمساعدة
ومبروك عليكم الكود وبالتوفيق للجميع
لا تحرموني من صالح الدعاء
مع فائق الاحترام والتقدير
مسرووور
عدل سابقا من قبل msrooor22 في الأربعاء نوفمبر 25, 2015 1:16 am عدل 3 مرات
msrooor22-
-
عدد المساهمات : 111
معدل النشاط : 5814
السُمعة : 13 -
Mr Google يعجبه هذا الموضوع
مواضيع مماثلة» مساعدة في صناعة المجلة التلقائية
» يبدون ان منتدى الدعم لمنتديات احلى منتدى سيتم هجرها قريباً
» اقتراح لمنتديات احلى منتدى
» ماذا حدث لمنتديات احلى منتدى
» اقتراح لمنتديات احلى منتدى
» يبدون ان منتدى الدعم لمنتديات احلى منتدى سيتم هجرها قريباً
» اقتراح لمنتديات احلى منتدى
» ماذا حدث لمنتديات احلى منتدى
» اقتراح لمنتديات احلى منتدى
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى