معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   إضافات وأدوات بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=10)
-   -   تغيير شكل الاعمده الجانبيه فى معهد خبراء بالوجر (https://www.bloggerexp.com/showthread.php?t=3617)

السيد ابو جبل 09-07-2012 10:36 PM

تغيير شكل الاعمده الجانبيه فى معهد خبراء بالوجر
 


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


نموذج للاضافه:
العمود الايمن
http://2.bp.blogspot.com/-m65ht4RbOc...1600/right.jpg


العمود الايسر
http://3.bp.blogspot.com/-lqD5Z_o3TO...s1600/left.jpg


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

الشرح :
نذهب الى تصميم > تحرير القالب
نبحث عن 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;



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






admin 09-07-2012 10:55 PM

رد: تغيير شكل الاعمده الجانبيه فى معهد خبراء بالوجر
 
موضوع جميل
لكن المشكلة هي أن الشرح سيختلف من قالب لآخر حسب الأكواد الموجودة

السيد ابو جبل 09-08-2012 02:02 AM

رد: تغيير شكل الاعمده الجانبيه فى معهد خبراء بالوجر
 
ايوة يا اخى التعديل بعض القالوب فقط

وان شاء الله الشرح القادم تعديل على جميع القالوب


الساعة الآن 12:29 PM

Powered by vBulletin® Copyright ©2000 - 2025 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012