شرح فصل الأقسام الرئيسية وتأطيرها للجيل الرابع 4.0 واعلى







بسم الله الرحمن الرحيم اسعد الله اوقاتكم بكل خير منذ ان نزل الجيل الرابع ونحن نشاهد الاقسام مفصوله ولا طراء على بالي انه لازم تبي تعديل للقوالب حتى تقوم بالتاطير حتى طلب احد الاخوان من الطريقه وقمت بالتجربه ونجحت طبعا التأطير بالـ css وراح اخذ كود الاخ لاني ماراح اتطرق بشرح طريقة التركيب للكود والى اخره كود الهتمل

رمز PHP:
<div id="table">
 <
div id="top">
  <
div class="right"></div>
  <
div class="left"></div>
  <
div class="center"></div>
 </
div>
   <
div class="tright">
    <
div class="tleft">
</
div>
   </
div>
 <
div id="bottom">
  <
div class="right"></div>
  <
div class="left"></div>
  <
div class="center"></div>
 </
div>
</
div

وهذا كود css

رمز PHP:
#top {
    
background-imageurl(images_ho/images_23.jpg);
    
background-repeatrepeat-x;
    
height71px;
}
#top .right {
    
background-imageurl(images_ho/images_24.jpg);
    
background-repeatno-repeat;
    
floatright;
    
height71px;
    
width475px;
}
#top .left {
    
background-imageurl(images_ho/images_22.jpg);
    
background-repeatno-repeat;
    
floatleft;
    
height71px;
    
width277px;
}
.
tright {
    
background-imageurl(images_ho/images_41.jpg);
    
background-repeatrepeat-y;
    
background-positionright;
    
padding-right19px;
}
.
tleft {
    
background-imageurl(images_ho/images_38.jpg);
    
background-repeatrepeat-y;
    
background-positionleft;
    
padding-left17px;
}
#in_table {
}
#bottom {
    
background-imageurl(images_ho/images_54.jpg);
    
background-repeatrepeat-x;
    
height35px;
}
#bottom .right {
    
background-imageurl(images_ho/images_55.jpg);


    
background-repeatno-repeat;
    
floatright;
    
height35px;
    
width42px;
}
#bottom .left {
    
background-imageurl(images_ho/images_51.jpg);
    
background-repeatno-repeat;
    
floatleft;
    
height35px;
    
width46px;

الحين التأطير جاهز اولا نقوم بتعديل القوالب حتى نقوم بالفصل قبل كل شي نفتح قالب الفروم هومFORUMHOME ونبحث عن

رمز PHP:
{vb:raw forumhome_markread_script

ونقوم بحذفه ثم نبحث عن

رمز PHP:
{vb:raw template_hook.forumhome_above_forums}
    <
ol id="forums" class="floatcontainer">
        {
vb:raw forumbits}
            </
ol>
           {
vb:raw template_hook.forumhome_below_forums

ونستبدله بالتالي

رمز PHP:
{vb:raw forumbits}
      {
vb:raw forumhome_markread_script

الأن نحفظ القالب الأن نفتح القالب forumhome_forumbit_level1_nopost ونضيف بأول القالب

رمز PHP:
<ol id="forums" class="floatcontainer"

ثم نبحث بنفس القالب عن

رمز PHP:
<vb:if condition="$childforumbits"

ونضيف اعلاه

رمز PHP:
{vb:raw template_hook.forumhome_above_forums}
        {
vb:raw template_hook.forumhome_below_forums

وفي اخر القالب نضع

رمز PHP:
</ol

الأن انتهينا من التعديل والفصل باقي لنا التأطير اولا نضيف كود الـ css بأخر قالب vBulletin.css ثم نضيف التأطير العلوي وهو هذا الكود في اول قالب forumhome_forumbit_level1_nopost

رمز PHP:
<div id="table">
 <
div id="top">
  <
div class="right"></div>
  <
div class="left"></div>
  <
div class="center"></div>
 </
div>
   <
div class="tright">
    <
div class="tleft"

ثم نضيف التأطير السفلي اخر القالب وهو هذا الكود

رمز PHP:
 </div>
   </
div>
 <
div id="bottom">
  <
div class="right"></div>
  <
div class="left"></div>
  <
div class="center"></div>
 </
div>
</
div>
ونشيك على شغلنا نلقاه تمام واي سؤال انا حاضر

http://www.traidnt.net/vb/showthread.php?t=1741950