الرئيسية
السلام عليكم [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لتزيين منتدياتكم أكثر أقدم لكم اليوم طريقة جعل الاطارات بالمنتدي بزوايا منحرفة بدل 90 درجة
هذا يكون بالاستعانة باكواد css
لا يمكنك تطبيق الشرح الا اذا كان معك الكود لهذا الاطار
وكثير من الأكواد موجود بها القسم ( تقنيات متقدمة )
-----------
الطريقة :-
كل كود css يحتوي علي اسم الكود ويأتي بعده هذا القوس {
وينتهي بالقوس الشبيه به ليقفل الكود
لتجعل الزوايا منحرفة تضع الكود اللذي سأضعه لكم بعد القوس {
هذا هو الكود :-
الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
يعني لو مثلا كود اطار حول جميع الروابط هكذا
وهكذا مع جميع الأكواد اللتي تضيف اطار بورقة الـ css في منتداك تضيف لها الكود اللذي وضعته بعد القوس {
النتيجة :-
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
ملحوظة :-
الزوايا لا تظهر هكذا الا في متصفح Firefox لأن انترنت اكسبلورر لا يدعم هذه التقنية حتي الآن
-----------
ارجوا ان اكون افدتكم
انتهي الموضوع
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
تحياتي
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
s@kr
المتطوع المساعد
لتزيين منتدياتكم أكثر أقدم لكم اليوم طريقة جعل الاطارات بالمنتدي بزوايا منحرفة بدل 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 لأن انترنت اكسبلورر لا يدعم هذه التقنية حتي الآن
-----------
ارجوا ان اكون افدتكم
انتهي الموضوع
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
تحياتي
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
s@kr
المتطوع المساعد
