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

أهلا وسهلا بك في منتديات معاذ بحر

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


أهلا وسهلا بك الى منتديات معاذ بحر


 :: قســــم تطويـــــــر المنــــتــــديـــــــات :: تطوير منتديات أحلى منتدى :: أكواد CSS
شاطر
بيانات كاتب الموضوع
[CSS] كيفية جعل الاطار بزوايا منحرفة
.: الـمعـلومـآت :.
الكاتب:
اللقب:
الإدارة العليا
الرتبه:
الإدارة العليا
.: الصـورة الرمزيـة :.
avatar
.: الـبيـآنـآت :.
الجنس : ذكر
مشاركاتي : 1205
نقاطي : 976205640
ولدت بتاريخ : 04/04/1997
سجلت بتاريخ : 12/06/2010
عمري : 19
.: الســآعة الآن :.

.: معـلــومــآت الاتصــآل :.
الحالة:
اتصـل بي:
معاينة صفحة البيانات الشخصي للعضو http://maaz-b.forummi.com

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


لتزيين منتدياتكم أكثر أقدم لكم اليوم طريقة جعل الاطارات بالمنتدي بزوايا منحرفة بدل 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 لأن انترنت اكسبلورر لا يدعم هذه التقنية حتي الآن


تم الارســال 22/1/2013, 20:07

أضــف تعليقك على الموضوع بوساطة الفيس بوكـ
الــرد الســـريـع

خــدمات المـوضـوع
 KonuEtiketleri كلمات دليليه
 KonuLinki رابط الموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode
إذا وجدت روابط لاتعمل في الموضوع او أن الموضوع ( [CSS] كيفية جعل الاطار بزوايا منحرفة ) مخالف ,, من فضلك راسل الإدارة من هنا