هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


 
الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخول  

 

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

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


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

[CSS] كيفية جعل الاطار بزوايا منحرفة Empty
مُساهمةموضوع: [CSS] كيفية جعل الاطار بزوايا منحرفة   [CSS] كيفية جعل الاطار بزوايا منحرفة Empty22/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 في منتداك تضيف لها الكود اللذي وضعته بعد القوس {
النتيجة :-
[CSS] كيفية جعل الاطار بزوايا منحرفة 10hiw42
ملحوظة :-
الزوايا لا تظهر هكذا الا في متصفح Firefox لأن انترنت اكسبلورر لا يدعم هذه التقنية حتي الآن
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://maaz-b.forummi.com
 
[CSS] كيفية جعل الاطار بزوايا منحرفة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» [CSS] كود يجعل الاطار الداخلي للمنتدى اطار منقط
» كيفية صنع ستايل خاص بك
» كيفية رفع ستايل على منتداك
» هام للغاية كيفية وضع فيديوهات في هذا القسم
» كيفية وضع مقاطع فيديو في هذا القسم

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