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

AhmedSoliman · 08-01-2011

انا حاولت اعمل ستايل باطار مثل vbegy و جعلت الاجزاء الجانبية متمددة
وعندما جاءت لتركيب الاكواد فى المنتدى (الديفهات) ركبت الاجزاء الجانبية ضمن الهيدر
وجدت طبعا الجوانب قصيرة جدا
فارجو شرح عمل ايطار
شكرا

DeSeinsTein · 08-01-2011

عزيز ممكن صورة توظيحية

AhmedSoliman · 08-01-2011

اخى العزيز انا اريد معرفة عمل اطار خارجى للاستايل مثل ذلك الاطار المحيط باستايل vbegy
ام هذا ليس اطار عذرا لاننى مبتدا فى التصميم

DeSeinsTein · 08-01-2011

هو اخي الغالي الأمر بسيط كدة وصلت الفكرة

انت هتعمل كلاسات خاصة بالهيدر وكمان نفس كلاسات بالهيدر تعملها بالفوتر و ايضا كلاسات الأعمدة على هدا الشكل

كود PHP:


			
<!--هنا بداية الهيدر-->

<div id="header">
        <div class="left-head"></div>
        <div class="right-head"></div>
                </div>
<div id="3am">
<div class="left">
<div class="right">
<!--هنا نهاية الهيدر-->
<!--هنا المحتوى اقسام اي شئ-->
<!--هنا المحتوى اقسام اي شئ-->
<!--هنا بداية الفوتر-->
</div>
</div>
</div>
<div id="footer">
        <div class="left-foo"></div>
        <div class="right-foo"></div>
          </div>
          <!--هنا نهاية الفوتر-->

وبالباقي css
علدي بالتوفيق

AhmedSoliman · 08-02-2011

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

كود 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;

}

.amo {

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

    background-repeat:repeat-y;

    height:117px;

    width:25px;

    float:left;

}

.amo2 {

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

    background-repeat:repeat-y;

    height:117px;

    width:25px;

    float:right;

}

.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="amo"></div>

<div class="amo2"></div>



<div class="f1">

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

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

</div>

بس وضعت ديف الجانب فى قالب الهيدر

DeSeinsTein · 08-02-2011

كود PHP:


			

.amo {
    background-image:url('steko/images/untitled-1_06.gif');
    background-repeat:repeat-y;
    height:117px;
    width:25px;
    float:left;
}
.amo2 {
    background-image:url('steko/images/untitled-1_10.gif');
    background-repeat:repeat-y;
    height:117px;
    width:25px;

بالأعمدة لا يتم وضع float بل

كود PHP:


			
background-position:,

وتحدد left ام right
باالأضافة انك ناسي تحدد يمين او يسار بالعمدو التاني

AhmedSoliman · 08-02-2011

انظر
http://lancode.p2h.info/vb/index.php
كانت الجوانب قصيرة واحدة فى اليمين و واحدة فى اليسار بعد وضع لكن

كود PHP:


			
background-position:left;

background-position:right;

اصبحت الجوانب فى نفس الجانب فوق بعد

DeSeinsTein · 08-02-2011

يا غلا توزيعك مو صحيح وكمان الأعمدة لسة شفت خطأ لا تحدد لها عرض يعني اتركها كما هي انا شرحت لك فوق كيف توزع اعمل زي فوق

AhmedSoliman · 08-02-2011

حسنا اخى لم يظبط معى ممكن تعطينى شرح لعمل لذلك الامر لاسهل الامر عليك و عليا
وقد بحثت كتتير و ما وجدت

AhmedSoliman · 08-02-2011

على العموم بعد التعديل

كود 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;

}

.amo {

    background-image:url('Steko/images/Untitled-1_06.gif');

    background-repeat:repeat-y;

    height:117px;

    background-position:left;

}

.amo2 {

    background-image:url('Steko/images/Untitled-1_10.gif');

    background-repeat:repeat-y;

    height:117px;

    background-position:right;

}

.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="amo"></div>

<div class="amo2"></div>



<div class="f1">

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

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

</div>

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
درس فيديو عمل تأثير المربعات { حصري لــ 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

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

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

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