عرض مشاركة واحدة
قديم 09-07-2012, 10:36 PM   #1
السيد ابو جبل
مدون نشيط
 
الصورة الرمزية السيد ابو جبل
 
تاريخ التسجيل: Jul 2012
الدولة: مصر
المشاركات: 272
إرسال رسالة عبر Yahoo إلى السيد ابو جبل
Thumbs up تغيير شكل الاعمده الجانبيه فى معهد خبراء بالوجر



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


نموذج للاضافه:
العمود الايمن



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



يمكنك ملاحظة الاضافه في الاعمده الجانبيه
اذا لم اقم بتغييرها.

الشرح :
نذهب الى تصميم > تحرير القالب
نبحث عن art-sidebar1


سيظهر لنا بالشكل التالي


كود بلغة HTML:
/* begin LayoutCell, sidebar1 */
       
        .art-content-layout .art-sidebar1
        {
        width: 216px;


في نهاية الكود اعلاه نضيف الكود التالي
كود بلغة HTML:
background: #FFFFFF; 
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;




اذا كان لدينا عمودين نبحث عن الثاني
art-sidebar2
ونضع الكود بحسب العمود الاول
هنا قمنا بتغيير بسيط في اتجاه الزوايا
ليناسب العمود الثاني.
الكود
كود بلغة HTML:
background: #FFFFFF; 
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomleft: 25px;

في كلا العمودين اذا اردت اضافة خلفيه
قم بتغيير الكود باللون الازرق اعلاه
وضع مكانه الكود التالي:
كود بلغة HTML:
background-image: url('http://lh4.ggpht.com/-_k7VXcXnZM8/SG_5xOIAGfI/AAAAAAAAFCQ/7Dfa34DDaLM/s288/P1040256.JPG');
background-repeat: repeat;


استبدل رابط الصوره باللون الاحمر
قبل الحفظ انقر الزر معاينه
ثم احفظ القالب.





الدعم العربي


التعديل الأخير تم بواسطة السيد ابو جبل ; 09-07-2012 الساعة 10:44 PM
السيد ابو جبل غير متواجد حالياً   رد مع اقتباس