الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخول  

شاطر | 
 

 [CSS] كيفية جعل الاطار بزوايا منحرفة

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
معاذ بحر
الإدارة العليا
الإدارة العليا
avatar

الجنس : ذكر
مشاركاتي : 1205
نقاطي : 976205640
ولدت بتاريخ : 04/04/1997
سجلت بتاريخ : 12/06/2010
عمري : 20

مُساهمةموضوع: [CSS] كيفية جعل الاطار بزوايا منحرفة   22/1/2013, 20:07

لتزيين منتدياتكم أكثر أقدم لكم اليوم طريقة جعل الاطارات بالمنتدي بزوايا منحرفة بدل 90 درجة
هذا يكون بالاستعانة باكواد css

الطريقة :-
كل كود css يحتوي علي اسم الكود ويأتي بعده هذا القوس {
وينتهي بالقوس الشبيه به ليقفل الكود
لتجعل الزوايا منحرفة تضع الكود اللذي سأضعه لكم بعد القوس {

هذا هو الكود :-
الكود:

-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
يعني لو مثلا كود اطار حول جميع الروابط هكذا
اقتباس :
a:link
{
border:1px dashed #ffffff;
}
تجعل الكود هكذا
اقتباس :
a:link
{
-moz-border-radius-bottomleft: 8px;

-moz-border-radius-bottomright: 8px;

-moz-border-radius-topleft: 8px;

-moz-border-radius-topright: 8px;
border:1px dashed #ffffff;
}
وهكذا مع جميع الأكواد اللتي تضيف اطار بورقة الـ css في منتداك تضيف لها الكود اللذي وضعته بعد القوس {
النتيجة :-

ملحوظة :-
الزوايا لا تظهر هكذا الا في متصفح Firefox لأن انترنت اكسبلورر لا يدعم هذه التقنية حتي الآن
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://maaz-b.forummi.com
 
[CSS] كيفية جعل الاطار بزوايا منحرفة
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: قســــم تطويـــــــر المنــــتــــديـــــــات :: تطوير منتديات أحلى منتدى :: أكواد CSS-
انتقل الى: