تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى

....

لجعل العناصر بأسفل المنتدى:

الكود:

<!--كود جعل العناصر اسفل المنتدى -->
</td>
  </tr>
 </tbody>
 </table>
<!-- نهاية الكود-->

الكود:

#right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}


---------------
خاص فقط  بالنسخ phpbb3+invision+Punbb

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


https://i.servimg.com/u/f83/13/93/90/70/aseer13.png


https://i.servimg.com/u/f83/13/93/90/70/aseer212.png

وعدل كُل شيء كما بالصورة هنا:


https://i.servimg.com/u/f83/13/93/90/70/aseer310.png

وضع جميع العناصر على الجهه الشمال كما بالصورة:

https://i.servimg.com/u/f19/18/42/96/80/aseer117.png

ومن ثم نذهب الى:
لوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css


https://i.servimg.com/u/f83/13/93/90/70/aseer14.png


https://i.servimg.com/u/f83/13/93/90/70/aseer213.png


https://i.servimg.com/u/f83/13/93/90/70/aseer311.png

ضع الكود التالي

الكود:

       /****** بداية كود جعل العناصر اسفل او اعلى المنتدى  ********/        #content-container div#main {        margin-right: auto;        margin-bottom: auto;        }                #content-container div#left, #content-container div#container, #content-container div#right {        width: auto;        float: none;        margin-left: auto;        }                 #main {        width: 100%;        }                 #gfooter {        width: 98%;        }                 #logostrip {        width: 99%;        }         #submenu {        width: 99%;        }                 #userlinks {        width: 98%;        }                          /****** نهاية الكود من تطوير اسيرالدموع Lone Wolf ********/

الكود:

الساعة الأن <embed
src="http://www.clocklink.com/clocks/5005-red.swf?TimeZone=PST&"
 wmode="transparent" type="application/x-shockwave-flash" height="40"
width="120"> بتوقيت (أسم بلدك)<br>جميع الحقوق محفوظة
لـ{FORUMNAME}<br>&nbsp;Powered by Aseer Al Domoo3
{FORUMURLINK} <br>حقوق الطبع والنشر2011 -
2010

الأن وبردي التالي, تجدون طريقة عمل العناصر بأعلى المنتدى...

....

لجعل العناصر بأعلى المنتدى:

الكود:

<style>
.bodylinewidth, #content-container #left { margin-bottom: auto; margin-left: auto; margin-right: auto; margin-top: auto; width: 99%;}
            </style>            
<table style="width: 100%;" class="bodylinewidth" align="center" border="0" cellpadding="10" cellspacing="0">
<tbody><tr><td><table style="width: 100%;" class="three-col" cellpadding="0" cellspacing="0">
<tbody><tr><td><div>
<script>  
var s=document.createElement('script');
function get_lastPost(v){ var
g=document.getElementsByTagName('script');g=g[g.length-1]; var
parent=g.parentNode.parentNode.parentNode.parentNode.parentNode; var
div=parent.getElementsByTagName('table')[parent.getElementsByTagName('table').length-2];
 div.removeAttribute('class'); var r=div.innerHTML;
r=r.replace(/<!--[\S\s]*?-->/g,''); r=r.replace(/<tr><td
class="ca[\S\s]*?<\/tr>/g,''); div.innerHTML=r;
div=div.getElementsByTagName('span')[0]; var r=div.innerHTML;
r=''; }
    var fs = document.getElementsByTagName('script')[0]; fs.parentNode.insertBefore(s,fs);
</script>
</div></td></tr></tbody></table></td></tr></tbody></table>

الكود:

       /****** بداية كود جعل العناصر اسفل او اعلى المنتدى  ********/
        #content-container div#main {
        margin-right: auto;
        margin-bottom: auto;
        }
        
       #content-container div#left, #content-container div#container, #content-container div#right {
        width: auto;
        float: none;
        margin-left: auto;
        }
        
        #main {
        width: 100%;
        }
        
        #gfooter {
        width: 98%;
        }
        
        #logostrip {
        width: 99%;
        }

        #submenu {
        width: 99%;
        }
        
        #userlinks {
        width: 98%;
        }
        
        
        /****** نهاية الكود من تطوير اسيرالدموع Lone Wolf ********/

انتهاء شرحنا لكيفية توجية العناصر لأعلى المنتدى
كما أيضآ يسعدني أخباركم بأن الكود من تعريبي وتطويري وشرحي 100% لذلك رجاء أقولها أمامكم وأمام رب العالمين... عدم نسب الأكواد لك فهو خاص, فأتقي الله يا أخي وأترك سرقة الأشياء ليستمر المبدع بأبداعه دون توقف. إن رغبت بنقل الكود فأذكر المصدر وهو مُنتدى الدعم والمساعده لأحلى منتدى