بيلو20 كتب:تفضلي :
[تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى باشكال عديده اخر انجازات قويتو بالعبيد

[تومبيلات][b]شريط اخر المواضيع الافقي باطار على جميع الجوانب من

حـــوده كتب:اذيك يا همسه
انا دخلت على الى كوره لقيت ان الشريط هناك متركب غلط
يعني شوفت عرض الشريط لا يتعدى 3 سم
يعني انتي عاوزاه كده ؟
ولا هو ظاهر عندي بشكل مختلف
لو هو ظاهر عندك مظبوط هاتي صوره منه كده

الكود:

    <!-- Start Cat -->
    <div class="Cat">
        <!-- Start Cat Top -->
        <div class="CatTop">
            <div class="CatTop_Right">

                <h1>اخر المواضيع</h1>
            </div>
            <div class="CatTop_Left">
            </div>
        </div>
        <!-- Start Cat Center -->
        <div class="CatCenter_Right">
            <div class="CatCenter_Left">

                <!-- Start Cat Body -->
                <div class="CatBody">

<!-- BEGIN scrolling_row --><TABLE class=tborder cellSpacing=0  cellPadding=4 width="100%"  border=1 bgcolor="#F5E4E9" bordercolor="#63121E">
    <img border="0" src="http://i63.servimg.com/u/f63/14/03/52/96/untitl99.png" width="1000"
    <center>
    <TBODY>
    <TR><DIV/>
    <center/>
    <TD align=center>
    <marquee behaviour="Scroll" direction="right" onmouseover="this.scrollAmount=1"
    onMouseout="this.scrollAmount=5" onmousedown="this.scrollAmount=5" scrollAmount=5"  scrolldelay="5"
      id="wootz0">
    <!-- BEGIN recent_topic_row -->
            » <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a>
   
            <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}
   
            <!-- BEGIN switch_poster -->
            <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a>
   
   
            <!-- END switch_poster -->
   
            <!-- BEGIN switch_poster_guest -->
            {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}
            <!-- END switch_poster_guest -->
   
            <!-- END recent_topic_row -->
      </td>
    </tr>
    </table>
    <img border="0" src="http://i63.servimg.com/u/f63/14/03/52/96/untit100.png" width="1000" height="70">
   
    <!-- END scrolling_row --><!-- BEGIN classical_row --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="4">
    <tr>
    <td class="thead"
    <div align="center">
    </TD></TR></TBODY></TABLE>
    <TABLE class=tborder cellSpacing=0  cellPadding=4 width="100%"  border=1 bgcolor="#F5E4E9" bordercolor="#63121E">
    <TBODY>
    <TR><DIV/>
    <center/>
    <TD align=center>
    <marquee behaviour="Scroll" direction="right" onmouseover="this.scrollAmount=1" onMouseout="this.scrollAmount=5" onmousedown="this.scrollAmount=5" scrollAmount=5"  scrolldelay="5" id="wootz0">
    <!-- BEGIN recent_topic_row -->
          » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a>
    {BY}
   
          <!-- BEGIN switch_poster -->
          <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
          <!-- END switch_poster -->
   
          <!-- BEGIN switch_poster_guest -->
          {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
          <!-- END switch_poster_guest -->
   
          {ON} {classical_row.recent_topic_row.S_POSTTIME}
   
   
   
   
   
          <!-- END recent_topic_row -->
      </span></td>
    </tr>
    </table>
    <p>
    <!-- END classical_row -->

                        </div>
            </div>
        </div>
        <!-- Start Cat Bottom -->
        <div class="CatBottom">
            <div class="CatBottom_Right">
            </div>
            <div class="CatBottom_Left">
            </div>

        </div>
    </div>
    <!-- End Cat -->
   

لوحة التحكم
عناصر اضافية
البوابة و العناصر
إدارة العناصر المستقلة على المنتدى

عليك اولا ان تتاكد من عدم وجود اي عنصر على العمود 1 (اليمين)


تكبير الصورة معاينة الأبعاد الأصلية.


ثانيا قوم بتفعيل العناصر واجعل المقاس الخاص بالعنصر العمود 1 (اليمين) : 1
واضغط سجل ملاحظة سيعود عرض العنصر للرقم 180 لامشكلة اكمل الخطوات

ثالثا سنقوم باضافة العنصر اخر المواضيع باستخدام
إضافة عناصر أصلية
وستنختار للخيار العناصر : اخر المواضيع
المكان : العمود 1
الصلاحيات : نجعلها للمدير الان حتي ننتهي من تركيب الكود بشكل صحيح
حتي لايرى الاعضاء مانقوم بة حتي انتهاء التركيب بالكامل
ومن ثم نضغط اضافة عنصر


تكبير الصورة معاينة الأبعاد الأصلية.


الان الشريط ظهر ولكن على يمين المنتدى
نقوم بعمل الخطوة الخاصة بتعديل مقاس العنصر مره اخري ونضع الرقم 1 لعرض العنصر ونضغط سجل

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

لاتنسى الان تعديل صلاحيات شريط اخر المواضيع ليظهر للاعضاء والزوار والمشرفين



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

الكود:

</td>
</tr>
</table>

الكود:

</td>
  </tr>
 </table>
</div>

الطائر الحر كتب:

عدلى فى الكود على لون امتداد الـ css

لون الخانه الحاليه هى row1

يمكنك استبداله بـ row2

او row3

الكود:

      <center> 
        <!-- Start Cat -->
        <div class="Cat">
            <!-- Start Cat Top -->
            <div class="CatTop">
                <div class="CatTop_Right">

               
                </div>
                <div class="CatTop_Left">
                </div>
            </div>
            <!-- Start Cat Center -->
            <div class="CatCenter_Right">
                <div class="CatCenter_Left">

                    <!-- Start Cat Body -->
                    <div class="CatBody">

    <!-- BEGIN scrolling_row --><TABLE class=tborder cellSpacing=0  cellPadding=4 width="79%"  border=1 bgcolor="#F5E4E9" bordercolor="#63121E">
        <img border="0" src="http://i63.servimg.com/u/f63/14/03/52/96/untitl99.png" width="1000"
        <center>
        <TBODY>
        <TR><DIV/>
        <center/>
        <TD align=center>
        <marquee behaviour="Scroll" direction="right" onmouseover="this.scrollAmount=1"
        onMouseout="this.scrollAmount=5" onmousedown="this.scrollAmount=5" scrollAmount=5"  scrolldelay="5"
          id="wootz0">
        <!-- BEGIN recent_topic_row --> <img src="http://i46.servimg.com/u/f46/15/96/93/59/starz110.gif" alt="" />
                » <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a>
     
                <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.3_POSTTIME} {BY}
     
                <!-- BEGIN switch_poster -->
                <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a>
     
     
                <!-- END switch_poster -->
     
                <!-- BEGIN switch_poster_guest -->
                {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}
                <!-- END switch_poster_guest -->
     
                <!-- END recent_topic_row -->
          </td>
        </tr>
       
        <img border="0" src="http://i63.servimg.com/u/f63/14/03/52/96/untit100.png" width="1000" height="70">
     
        <!-- END scrolling_row --><!-- BEGIN classical_row --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="4">
        <tr>
        <td class="thead"
        <div align="center">
        </TD></TR></TBODY></TABLE>
        <TABLE class=tborder cellSpacing=0  cellPadding=4 width="100%"  border=1 bgcolor="#F5E4E9" bordercolor="#63121E">
        <TBODY>
        <TR><DIV/>
        <center/>
        <TD align=center>
        <marquee behaviour="Scroll" direction="right" onmouseover="this.scrollAmount=1" onMouseout="this.scrollAmount=5" onmousedown="this.scrollAmount=5" scrollAmount=5"  scrolldelay="5" id="wootz0">
        <!-- BEGIN recent_topic_row -->
   
              » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a> 
        {BY}
     
              <!-- BEGIN switch_poster -->
              <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
              <!-- END switch_poster -->
     
              <!-- BEGIN switch_poster_guest -->
              {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
              <!-- END switch_poster_guest -->
     
              {ON} {classical_row.recent_topic_row.S_POSTTIME}
     
     
     
     
     
              <!-- END recent_topic_row -->
          </span></td>
        </tr>
        </table>
        <p>
        <!-- END classical_row -->

                            </div>
                </div>
            </div>
            <!-- Start Cat Bottom -->
            <div class="CatBottom">
                <div class="CatBottom_Right">
                </div>
                <div class="CatBottom_Left">
                </div>

            </div>
        </div>
        <!-- End Cat -->
       
</center>

#99cc66