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

السلام عليكم [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لتزيين منتدياتكم أكثر أقدم لكم اليوم طريقة جعل الاطارات بالمنتدي بزوايا منحرفة بدل 90 درجة
هذا يكون بالاستعانة باكواد css
لا يمكنك تطبيق الشرح الا اذا كان معك الكود لهذا الاطار
وكثير من الأكواد موجود بها القسم ( تقنيات متقدمة )
-----------
الطريقة :-
كل كود css يحتوي علي اسم الكود ويأتي بعده هذا القوس {
وينتهي بالقوس الشبيه به ليقفل الكود
لتجعل الزوايا منحرفة تضع الكود اللذي سأضعه لكم بعد القوس {
هذا هو الكود :-

الكود:

[font=Courier New]-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;[/font]

يعني لو مثلا كود اطار حول جميع الروابط هكذا

الكود:

a:link
[color=red]{[/color]
border:1px dashed #ffffff;
}

تجعل الكود هكذا

الكود:

[/center]
<BLOCKQUOTE>
[center]a:link
[color=red]{[/color]
[color=blue]-moz-border-radius-bottomleft: 8px;

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

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

-moz-border-radius-topright: 8px;[/color]
border:1px dashed #ffffff;
}[/center]</BLOCKQUOTE>[color=black][b]
[center]
[/b][/color]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] من طرف s@kr في الجمعة 15 يناير 2010 - 14:38




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