السلام عليكم ورحمة الله وبركاته 

انا عندي منتدى جاهز وكل شي تمام 

وحابب اعمل قسم واحد فقط متل الصورة التالية 








لو في كود ياريت الطريقة كاملة لو سمحتو لان ضعيف شوي بمجال الاكواد والشغلات هي 


والف شكر للي رح يساعدني سلفاً

مرحبا بك عزيزي
تفضل

حصري بالمشاركه مع الاخ zhegazy كود استايل مجله جديده متقدمه لاحلى منتدى+شرح بالصور

 
[تومبلايت] المجله الاكترونيه تلقائى من صنع و برمجة (( الطائر الحر ))

وعليكم السلام

تفضل للأضافه 

1: افضل كود مجلة لمنتداك

اخوتي انا بدي 
قسم بين الاقسام سوي طريقة العرض متل المجلة 

على كل حال وللعلم  

انا جربت الي بعتولياه طلع معي متل الشرح الي بالمواضيع 

بس بعدين شلون بدي نزل مواضيع بقلب المجلة 

ياريت المساعدة لو سمحتو

اي وحده اخترت من المجلات اخي ؟

اخي الطيب انا كنت مفكر انو المجلة بتنربط بقسم وبتصير بشكل تلقائي 

هل هشي موجود 

اني الي عاوزه بضبط 

قسم واحد فقط يصير شكله زي شكل المجلة ويكون في مشرف خاص فيه بنزل مواضيع بس بتظهر بشكل مجلة 

بس كانو كل المواضيع بتتكلم انو لازم اعملها يدوي 

ولو عملتها يدوي جربت وكلو اوكي ما عندي مشكل غير بشي واحد 

الي هوي اضافة زر للواجه عملت زي ما مكتوب بضبط بس ما ظهر الزر ابدا ابدا

اخي الطيب هي رابط المجلة الي خترتها

http://www.shabblak.com/h1-page

بدي هاد الرابط يصير بازرار موقعي فوق بس ما طلع رغم عملت اضافة الزر واظهار للجميع 

ياريت تساعدني بهي اقل شي

[ تومبيلات ] كود المجلة التلقائية الراباعية اخيراُ لمنتديات احلى منتدى من صنع [ مسرووور ] 
اضافه من طرف المساعد "زيزو اليكس"

---

وبخصوص الازرار هي بتظهر فوق بس انت بتقصد ازرار ايه بالضبط غيرها يمكنك تعديل على المجله ووضع مواضيعك والصور وكما هو موضح في موضوع المجله

اخي بالنسبة للموضوع الي حضرتك ارفقته 
انا جربته من دقايق 
https://help.ahlamontada.com/t1071825-topic#4835559

هاد بعدل كامل المنتدى كل اقسام الموقع اصحبت كمجلة وانا ليس هذا طلبي

انا طلبي يتم التعديل لقسم واحد فقط بشكل حصري يصير وحده مجلة وباقي الاقسام تفضل زي ما هية

shabblak كتب:اخي بالنسبة للموضوع الي حضرتك ارفقته 
انا جربته من دقايق 
https://help.ahlamontada.com/t1071825-topic#4835559

هاد بعدل كامل المنتدى كل اقسام الموقع اصحبت كمجلة وانا ليس هذا طلبي

انا طلبي يتم التعديل لقسم واحد فقط بشكل حصري يصير وحده مجلة وباقي الاقسام تفضل زي ما هية

مرحباً اخي
https://help.ahlamontada.com/t1071825-topic#4835559
هذه الطريقة معينه للمدونة

انشئ مدونه للمجلة ومنتدى للمنتديات العاديه
انشئ مدونة سمها على سبيل المثال مجلة البرامج"هذه مدونة"

انشئ منتدى وسمها على سبيل المثال منتدى البرامج"هذه منتدى"

فهمت علي

اخي انا جربت كل الطرق الي طرحتوها 
وستخدمة اخر موضوع الي هوا برابط 

https://help.ahlamontada.com/t1071825-topic#4835559

وكل شي تمام ما عدا مشكل واحد 

صورة الموضوع ظهرت هي الصورة 

https://i.servimg.com/u/f55/18/22/98/96/33333310.jpg

وانا بدي يظهر الصورة الي موجودة في الموضوع الي نشرته في المجلة
لان بالشرح الي نازل بالرابط الي  ستخدمت منه الكود مكتوب انو بيظهر صورة اللموضوع المرسل من قبل العضو 

فياريت المساعدة باسرع وقت 

الكود الي ستخدمته هوي 

الكود:

<!-- 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">&nbsp;{topics_blog_box.row.L_TITLE}&nbsp;</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">&nbsp;<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>

ارجو التعديل وشكرا للجميع

الكود لا يحتاج تعديل مهو حضرتك لما تضيف 10 صور في الموضوع الي ترسله راح يظهرو 10 حسب ما هو موضح في الموضوع .

اخي يعني لازم اجباري ضيف عشرة بضبط 
انا ضايف صورة وحدة بسسس

shabblak كتب:اخي يعني لازم اجباري ضيف عشرة بضبط 
انا ضايف صورة وحدة بسسس

تضيف وحده تطلع وحده كل لما تضيف صوره لحد العدد المحدد من القالب المصمم 10 صور

اها شكراً الك رح جرب وارجع ردلك خبر 
بس في سوال في امكانية حدي يقلي كيف بكبر حجمها ولا صعب

اذا حاولت اكبر الحجم راح ابعتلك
بس ليش تكبره مو عاجبك الحجم مثلا ؟

مرحباً اخي

هذا الكود تبع css موجود في نفس القالب خاص بحجم صندوق المجلة

الكود:

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: ضع رقم الارتفاعpx;position: relative;
  
}

ابحث في قالب التمبلات الذي وضعت بها الكود

ضع الرابط في خانة البحث https://i.servimg.com/u/f39/18/22/98/96/6711.png

وستجده ضمن القالب

الرابط هذا لخلفية الصندوق يمكنك التعديل عليها او انشاء خلفيه بحجم مناسب لك ووضعه بدل الصوره السابقة
ا
ابحث عن

table.index-box tbody tr

وحدده إلى

px;position: relative;

}

واحذفه

وضع المعدل ولا تنسى وضع الارتفاع و العرض ارقام

هذا الكود

الكود:

table.index-box tbody tr {
 ضع رقم العرض: 223px;float: left;margin-right: 12px;margin-top: 12px;border-radius: 2pxwidth:;
background:url(http://i39.servimg.com/u/f39/18/22/98/96/6711.png) no-repeat;border:1px solid #DDD;height: ضع رقم الارتفاعpx;position: relative;
 
}

---

ابحث عن روابط الصور الرئس البطن الفوتر
وعدل على الحجم
عدل على ارقام

height
و
width