طلب عمل مجله

اسلام عليكم اخواني كيفكم اشتي منكم طلب عن كيفيه عمل مجله ونشاءالله تساعدوني

عليكم السلام ..
اهلا اخي

---

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

انا شفت هذا الشرح بس مافهمت منه مافي طريقه سهل اجعل المجله في البوابه

onbes كتب:انا شفت هذا الشرح بس مافهمت منه مافي طريقه سهل اجعل المجله في البوابه

اخي اتبع الخطوات جيدا ولا تستعجل  
وهذه هي الطرق المتوفرة .
طريقة عمل مجلة لمنتداك على بوابتك

بعد اذن المرشح دلت
==========
جرب الكود هذا اذا صلح

الكود:

<table align="center" border="1" cellpadding="1" cellspacing="1" style="background-color: rgb(255, 204, 255); width: 500px;">
   <tbody>
      <tr>
         <td style="text-align: center;">
         <p><img alt="" src="صورة رقم 1" style="width: 67px; height: 100px;" /></p>

         <p><a href="رابط رقم 1" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a></p>
         </td>
         <td style="text-align: center;">
         <p><img alt="" src="صورة رقم 2" style="width: 67px; height: 100px;" /></p>

         <p><a href="رابط رقم 2" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a></p>
         </td>
         <td style="text-align: center;">
         <p><img alt="" src="صورة رقم 3" style="width: 67px; height: 100px;" /></p>

         <p><a href="رابط رقم 3" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a></p>
         </td>
         <td style="text-align: center;">
         <p><img alt="" src="صورة رقم 4" style="width: 67px; height: 100px;" /></p>

         <p><a href="رابط رقم 4" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a></p>
         </td>
      </tr>
      <tr>
         <td style="text-align: center;">
         <p><img alt="" src="صورة رقم 5" style="width: 67px; height: 100px;" /></p>

         <p><a href="رابط رقم 5" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a></p>
         </td>
         <td style="text-align: center;">
         <p><img alt="" src="صورة رقم 6" style="width: 67px; height: 100px;" /></p>

         <p><a href="رابط رقم 6" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a></p>
         </td>
         <td style="text-align: center;">
         <p><img alt="" src="صورة رقم 7" style="width: 67px; height: 100px;" /></p>

         <p><a href="رابط رقم 7" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a></p>
         </td>
         <td style="text-align: center;">
         <p><img alt="" src="صورة رقم 8" style="width: 67px; height: 100px;" /></p>

         <p><a href="رابط رقم 8" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a></p>
         </td>
      </tr>
      <tr>
         <td style="text-align: center;">
         <p><img alt="" src="صورة رقم 9" style="width: 67px; height: 100px;" /></p>

         <p><a href="رابط رقم 9" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a></p>
         </td>
         <td style="text-align: center;">
         <p><img alt="" src="صورة رقم 10" style="width: 67px; height: 100px;" /></p>

         <p><a href="رابط رقم 10" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a></p>
         </td>
         <td style="text-align: center;">
         <p><img alt="" src="صورة رقم 11" style="width: 67px; height: 100px;" /></p>

         <p><a href="رابط رقم 11" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a></p>
         </td>
         <td style="text-align: center;">
         <p><img alt="" src="صورة رقم 12" style="width: 67px; height: 100px;" /></p>

         <p><a href="رابط رقم 12" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a></p>
         </td>
      </tr>
      <tr>
         <td style="text-align: center;">
         <p><img alt="" src="صورة رقم 13" style="width: 67px; height: 100px;" /></p>

         <p><a href="رابط رقم 13" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a></p>
         </td>
         <td style="text-align: center;">
         <p><img alt="" src="صورة رقم 14" style="width: 67px; height: 100px;" /></p>

         <p><a href="رابط رقم 14" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a></p>
         </td>
         <td style="text-align: center;">
         <p><img alt="" src="صورة رقم 15" style="width: 67px; height: 100px;" /></p>

         <p><a href="رابط رقم 15" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a></p>
         </td>
         <td style="text-align: center;">
         <p><img alt="" src="صورة رقم 16" style="width: 67px; height: 100px;" /></p>

         <p><a href="رابط رقم 16" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a></p>
         </td>
      </tr>
      <tr>
         <td style="text-align: center;">
         <p><img alt="" src="صورة رقم 17" style="width: 67px; height: 100px;" /></p>

         <p><a href="رابط رقم 17" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a></p>
         </td>
         <td style="text-align: center;">
         <p><img alt="" src="صورة رقم 18" style="width: 67px; height: 100px;" /></p>

         <p><a href="رابط رقم 18" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a></p>
         </td>
         <td style="text-align: center;">
         <p><img alt="" src="صورة رقم 19" style="width: 67px; height: 100px;" /></p>

         <p><a href="رابط رقم 19" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a></p>
         </td>
         <td style="text-align: center;">
         <p><img alt="" src="صورة رقم 20" style="width: 67px; height: 100px;" /></p>

         <p><a href="رابط رقم 20" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a></p>
         </td>
      </tr>
   </tbody>
</table>

<p style="text-align: center;">&nbsp;</p>


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

شكرا يغالي اين اضع الكود

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

الكود:

<table td="" class="stones111" style="background-color: rgb(255, 204, 255); width: 500px;" align="center" border="0" cellpadding="0" cellspacing="0">
        
   <tbody>
       
      <tr>
              
         <td style="text-align: center;">
                 
            <p>
                 <img alt="" src="صورة رقم 1" style="width: 67px; height: 100px;" /> 
            </p>
                 
            <p>
                 <a href="رابط رقم 1" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a> 
            </p>
                 
         </td>
              
         <td style="text-align: center;">
                 
            <p>
                 <img alt="" src="صورة رقم 2" style="width: 67px; height: 100px;" /> 
            </p>
                 
            <p>
                 <a href="رابط رقم 2" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a> 
            </p>
                 
         </td>
              
         <td style="text-align: center;">
                 
            <p>
                 <img alt="" src="صورة رقم 3" style="width: 67px; height: 100px;" /> 
            </p>
                 
            <p>
                 <a href="رابط رقم 3" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a> 
            </p>
                 
         </td>
              
         <td style="text-align: center;">
                 
            <p>
                 <img alt="" src="صورة رقم 4" style="width: 67px; height: 100px;" /> 
            </p>
                 
            <p>
                 <a href="رابط رقم 4" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a> 
            </p>
                 
         </td>
              
      </tr>
           
      <tr>
              
         <td style="text-align: center;">
                 
            <p>
                 <img alt="" src="صورة رقم 5" style="width: 67px; height: 100px;" /> 
            </p>
                 
            <p>
                 <a href="رابط رقم 5" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a> 
            </p>
                 
         </td>
              
         <td style="text-align: center;">
                 
            <p>
                 <img alt="" src="صورة رقم 6" style="width: 67px; height: 100px;" /> 
            </p>
                 
            <p>
                 <a href="رابط رقم 6" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a> 
            </p>
                 
         </td>
              
         <td style="text-align: center;">
                 
            <p>
                 <img alt="" src="صورة رقم 7" style="width: 67px; height: 100px;" /> 
            </p>
                 
            <p>
                 <a href="رابط رقم 7" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a> 
            </p>
                 
         </td>
              
         <td style="text-align: center;">
                 
            <p>
                 <img alt="" src="صورة رقم 8" style="width: 67px; height: 100px;" /> 
            </p>
                 
            <p>
                 <a href="رابط رقم 8" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a> 
            </p>
                 
         </td>
              
      </tr>
           
      <tr>
              
         <td style="text-align: center;">
                 
            <p>
                 <img alt="" src="صورة رقم 9" style="width: 67px; height: 100px;" /> 
            </p>
                 
            <p>
                 <a href="رابط رقم 9" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a> 
            </p>
                 
         </td>
              
         <td style="text-align: center;">
                 
            <p>
                 <img alt="" src="صورة رقم 10" style="width: 67px; height: 100px;" /> 
            </p>
                 
            <p>
                 <a href="رابط رقم 10" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a> 
            </p>
                 
         </td>
              
         <td style="text-align: center;">
                 
            <p>
                 <img alt="" src="صورة رقم 11" style="width: 67px; height: 100px;" /> 
            </p>
                 
            <p>
                 <a href="رابط رقم 11" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a> 
            </p>
                 
         </td>
              
         <td style="text-align: center;">
                 
            <p>
                 <img alt="" src="صورة رقم 12" style="width: 67px; height: 100px;" /> 
            </p>
                 
            <p>
                 <a href="رابط رقم 12" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a> 
            </p>
                 
         </td>
              
      </tr>
           
      <tr>
              
         <td style="text-align: center;">
                 
            <p>
                 <img alt="" src="صورة رقم 13" style="width: 67px; height: 100px;" /> 
            </p>
                 
            <p>
                 <a href="رابط رقم 13" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a> 
            </p>
                 
         </td>
              
         <td style="text-align: center;">
                 
            <p>
                 <img alt="" src="صورة رقم 14" style="width: 67px; height: 100px;" /> 
            </p>
                 
            <p>
                 <a href="رابط رقم 14" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a> 
            </p>
                 
         </td>
              
         <td style="text-align: center;">
                 
            <p>
                 <img alt="" src="صورة رقم 15" style="width: 67px; height: 100px;" /> 
            </p>
                 
            <p>
                 <a href="رابط رقم 15" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a> 
            </p>
                 
         </td>
              
         <td style="text-align: center;">
                 
            <p>
                 <img alt="" src="صورة رقم 16" style="width: 67px; height: 100px;" /> 
            </p>
                 
            <p>
                 <a href="رابط رقم 16" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a> 
            </p>
                 
         </td>
              
      </tr>
           
      <tr>
              
         <td style="text-align: center;">
                 
            <p>
                 <img alt="" src="صورة رقم 17" style="width: 67px; height: 100px;" /> 
            </p>
                 
            <p>
                 <a href="رابط رقم 17" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a> 
            </p>
                 
         </td>
              
         <td style="text-align: center;">
                 
            <p>
                 <img alt="" src="صورة رقم 18" style="width: 67px; height: 100px;" /> 
            </p>
                 
            <p>
                 <a href="رابط رقم 18" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a> 
            </p>
                 
         </td>
              
         <td style="text-align: center;">
                 
            <p>
                 <img alt="" src="صورة رقم 19" style="width: 67px; height: 100px;" /> 
            </p>
                 
            <p>
                 <a href="رابط رقم 19" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a> 
            </p>
                 
         </td>
              
         <td style="text-align: center;">
                 
            <p>
                 <img alt="" src="صورة رقم 20" style="width: 67px; height: 100px;" /> 
            </p>
                 
            <p>
                 <a href="رابط رقم 20" target="_blank"><strong><span style="font-size:18px;">منتدى الدعم</span></strong></a> 
            </p>
                 
         </td>
              
      </tr>
           
   </tbody>
</table>
   
<p style="text-align: center;">
        
</p>

===================
وهذا يوضع في ورقةcss

الكود:

.stones111{
background:#94d5fb url(رابط الصورة);
border:2px dotted #000000;
border-bottom:medium solid #1B507A;
border-top:medium solid #1B507A;
border-radius: 10px 0px 10px 0px;
}




مشكوووور اخي تسلممم