مساعدة فى عمل ايطار مثل Vbegy

DeSeinsTein · 08-02-2011

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

كود PHP:


			
<div class="h1">
  <div class="h2"></div>
  <div class="h3"></div>
    </div>
    
<div class="amoo">
  <div class="amo">
  <div class="amo2">

بقالب الفوتر وبالأخر ضع الكودات التالية

كود PHP:


			
   </div>
      </div>
         </div>
<div class="f1">
  <div class="f2"></div>
  <div class="f3"></div>
    </div>

فقط لا غير نأتي لcss

كود PHP:


			
.h1 {
    background-image:url('steko/images/untitled-1_03.gif');
    background-repeat:repeat-x;
    height:149px;
}
.h2 {
    background-image:url('steko/images/untitled-1_01.gif');
    background-repeat:no-repeat;
    height:149px;
    width:255px;
    float:left;
}
.h3 {
    background-image:url('steko/images/untitled-1_05.gif');
    background-repeat:no-repeat;
    height:149px;
    width:246px;
    float:right;
}
.amoo
{
    background-color:#FFF;
    text-align:justify;
}
.amo {
    background-image:url('steko/images/untitled-1_06.gif');
    background-repeat:repeat-y;
    background-position:left;
    padding-left:30px;
}
.amo2 {
    background-image:url('steko/images/untitled-1_10.gif');
    background-repeat:repeat-y;
    background-position:right;
    padding-right:30px;
}
.f1 {
    background-image:url('steko/images/untitled-1_15.gif');
    background-repeat:repeat-x;
    height:37px;
}
.f2 {
    background-image:url('steko/images/untitled-1_14.gif');
    background-repeat:no-repeat;
    height:37px;
    width:255px;
    float:left;
}
.f3 {
    background-image:url('steko/images/untitled-1_16.gif');
    background-repeat:no-repeat;
    height:37px;
    width:246px;
    float:right;
}

AhmedSoliman · 08-02-2011

اسف اخى انا عارف انك تعبت معى لكن بعد وضع الاكواد لم تظهر الصور واصبح مكانها رمادى

AhmedSoliman · 08-02-2011

يمكننى اعطائك اليوزر و الباسورد للوحة التحكم
للتاكد بنفسك

DeSeinsTein · 08-02-2011

لا يمكن اخي عملنا الكثير من التوزيعات اظنك عامل خطأ في مكان ما ارفق الصور سأوزع لك
وان شاء الله الفترة القادمة سنعد دروس لفهم التأطير جيدا

AhmedSoliman · 08-02-2011

اسف اخى على التاخر فى الرد السحور و النوم جية المهم
صور الاكواد فى اماكنها

كود الهيدر

كود الفوتر

الكلاسات فى css رئيسى

الكود الموزع كامل

كود PHP:


			
.h1 {

    background-image:url('steko/images/untitled-1_03.gif');

    background-repeat:repeat-x;

    height:149px;

}

.h2 {

    background-image:url('steko/images/untitled-1_01.gif');

    background-repeat:no-repeat;

    height:149px;

    width:255px;

    float:left;

}

.h3 {

    background-image:url('steko/images/untitled-1_05.gif');

    background-repeat:no-repeat;

    height:149px;

    width:246px;

    float:right;

}

.amoo {

    background-color:#FFF;

    text-align:justify;

}

.amo {

    background-image:url('steko/images/untitled-1_06.gif');

    background-repeat:repeat-y;

    background-position:left;

    padding-left:30px;

}

.amo2 {

    background-image:url('steko/images/untitled-1_10.gif');

    background-repeat:repeat-y;

    background-position:right;

    padding-right:30px;

}

.f1 {

    background-image:url('steko/images/untitled-1_15.gif');

    background-repeat:repeat-x;

    height:37px;

}

.f2 {

    background-image:url('steko/images/untitled-1_14.gif');

    background-repeat:no-repeat;

    height:37px;

    width:255px;

    float:left;

}

.f3 {

    background-image:url('steko/images/untitled-1_16.gif');

    background-repeat:no-repeat;

    height:37px;

    width:246px;

    float:right;

}







<div class="h1">

  <div class="h2"></div>

  <div class="h3"></div>

    </div>



    

<div class="amoo">

  <div class="amo">

  <div class="amo2">







</div>

      </div>

         </div>

<div class="f1">

  <div class="f2"></div>

  <div class="f3"></div>

    </div>

DeSeinsTein · 08-02-2011

جرب كودات html دي

كود PHP:


			


<div id="h1"> 
  <div class="h2"></div> 
  <div class="h3"></div> 
    </div> 

     
<div id="amoo"> 
  <div class="amo"> 
  <div class="amo2"> 



</div> 
      </div> 
         </div> 
<div id="f1"> 
  <div class="f2"></div> 
  <div class="f3"></div> 
    </div>

طبعا استدعاء id ب css يكون عن طريق # لدا حول نقطة ل #
css

كود PHP:


			

#h1 { 
    background-image:url('steko/images/untitled-1_03.gif'); 
    background-repeat:repeat-x; 
    height:149px; 
} 
.h2 { 
    background-image:url('steko/images/untitled-1_01.gif'); 
    background-repeat:no-repeat; 
    height:149px; 
    width:255px; 
    float:left; 
} 
.h3 { 
    background-image:url('steko/images/untitled-1_05.gif'); 
    background-repeat:no-repeat; 
    height:149px; 
    width:246px; 
    float:right; 
} 
#amoo { 
    background-color:#FFF; 
    text-align:justify; 
} 
.amo { 
    background-image:url('steko/images/untitled-1_06.gif'); 
    background-repeat:repeat-y; 
    background-position:left; 
    padding-left:30px; 
} 
.amo2 { 
    background-image:url('steko/images/untitled-1_10.gif'); 
    background-repeat:repeat-y; 
    background-position:right; 
    padding-right:30px; 
} 
#f1 { 
    background-image:url('steko/images/untitled-1_15.gif'); 
    background-repeat:repeat-x; 
    height:37px; 
} 
.f2 { 
    background-image:url('steko/images/untitled-1_14.gif'); 
    background-repeat:no-repeat; 
    height:37px; 
    width:255px; 
    float:left; 
} 
.f3 { 
    background-image:url('steko/images/untitled-1_16.gif'); 
    background-repeat:no-repeat; 
    height:37px; 
    width:246px; 
    float:right; 
}

AhmedSoliman · 08-02-2011

اظن المشكلة حلت انظر الناتج

لكن ما حل ذلك الفراغ الجانبى

DeSeinsTein · 08-02-2011

ادهب الى لوحة التحكم
خلفية الصفحة/Page Background (التخصيص في هذا الستايل)
ازل لون الخلفية ارتركه فارغ

AhmedSoliman · 08-02-2011

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

DeSeinsTein · 08-02-2011

لديك طريقتين اما تصغير حجم الأقسام من 100% الى 90 % مثلا او عن طريق css

كود PHP:


			
.amo { 
    background-image:url('steko/images/untitled-1_06.gif'); 
    background-repeat:repeat-y; 
    background-position:left; 
    padding-left:50px; 
} 
.amo2 { 
    background-image:url('steko/images/untitled-1_10.gif'); 
    background-repeat:repeat-y; 
    background-position:right; 
    padding-right:50px; 
}

قم بزيادة padding سواء على اليمين واليسار حتى يضبط جرب مثلا 50 px وادا ما ضبط اعمل اكثر
العفو اخي واي استفسار يا مرحبا
بالتوفيق

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
درس فيديو عمل تأثير المربعات { حصري لــ vbegy	ColoneL	فى بى ايجى للدروس فى عالم التصميم	9	09-22-2010 05:18 AM
[طلب] تركيب ايطار رباعي بالدريم ويفر سي 4	رايـق	مشاكل واستفسارات الاستايلات	7	07-29-2010 03:54 AM
[طلب] ممكن شرح توزيع ايطار علوي وسفلي	سهام	مشاكل واستفسارات الاستايلات	0	05-29-2010 12:39 AM
تبادل نصى مع فى بى ايجى التطويرية بيج رانك 1 http://vbegy.info/vb	قناص جوبا	اخبار فى بى ايجى	5	01-06-2010 10:46 PM

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

رسالة مدير الموقع

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