منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى

اريد مثل هذا

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

اريد مثل هذا

مُساهمة من طرف ابوليث1994 في الإثنين 17 مارس 2014 - 17:44

اريد ايطار حول الفئات والاقسام حول هذا ولكم الشكر


ابوليث1994
 
 

ذكر
عدد المساهمات : 407
معدل النشاط : 1652

http://alabda3sun.alafdal.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: اريد مثل هذا

مُساهمة من طرف ابوليث1994 في الإثنين 17 مارس 2014 - 17:51

اين انتم اريد حل انجدوني اريد الكود ايطار بشكل جميل

ابوليث1994
 
 

ذكر
عدد المساهمات : 407
معدل النشاط : 1652

http://alabda3sun.alafdal.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: اريد مثل هذا

مُساهمة من طرف نسيمـــ في الإثنين 17 مارس 2014 - 21:24

الرمز:
<div class="backimage">
<div class="first-image"></div>
<div class="second-image"></div>
</div>
<div class="side-image"></div>
<div class="side-image1"></div>
<style>
.first-image {
width: 0px; // عرض الصورة اليمين
height: 0px; // عرض الصورة اليسار
background: url('صورة') repeat-x; // في هذا الفراغ تضع الورة استعملنا خاصية عم التمديد في ناحية اكسس واحد فقط :)
float: right;

}
.second-image {
width: 0px; // عرض الصورة اليمين
height: 0px; // عرض الصورة اليسار
background: url('صورة') repeat-x;
float: left; // استعملنا نفس الخاصية التي بالآعلى لكن جعلناه يتجه لليسار
}
.backimage {
width: 100%; // القيمة ثابتة هنا لتجعل من الصورة الممتدة تسواي مئة
height: 0px; // عدل الطول هنا فقط
background: url('صورة') repeat-x;
}
.side-image {
padding-right: 44px; // قيمة ثابتة لآ تتغير
background: url('صورة') no-repeat right; // لآ تعطه تمديد لآنه سوف يتمدد
background-repeat: repeat-y; // مدده من ناحية القيمة واي اي بالعرض
}
.side-image1 {
height: 100%;
padding-left: 59px;
background: url('صورة') no-repeat left;
background-repeat: repeat-y;
}
.backimage-image1 {
width: 100%;
height: 0px;
background: url('صورة')  repeat-x;
background-repeat: repeat-y;
}
.first-image1 {
width: 0px;
height: 0px;
background: url('صورة')  repeat-x;
background-repeat: repeat-y;
}
.second-image1 {
width: 0px;
height: 0px;
background: url('صورة')  repeat-x;
background-repeat: repeat-y;
}
</style>
// الجزء السفلي يبددأ من هنا
<div class="backimage1">
<div class="first-image1"></div>
<div class="second-image1"></div>
</div>

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

لكن اعتقد انك سوف تفهفمه بما انك اسمك خبير اكواد  bounce 

نسيمـــ
 
 

ذكر
عدد المساهمات : 1109
معدل النشاط : 4201

http://www.picalica.com/u/Nasim/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

اريد مثل هذا

مُساهمة من طرف ابوليث1994 في الإثنين 17 مارس 2014 - 23:26

تم الحذف Arrow

ابوليث1994
 
 

ذكر
عدد المساهمات : 407
معدل النشاط : 1652

http://alabda3sun.alafdal.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: اريد مثل هذا

مُساهمة من طرف ابوليث1994 في الثلاثاء 18 مارس 2014 - 0:06

اشكرك

ابوليث1994
 
 

ذكر
عدد المساهمات : 407
معدل النشاط : 1652

http://alabda3sun.alafdal.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى