كيف اعمل هذا في الCSS

**KaramSoft** · 02-08-2009

السلام عليكم

احاول استعمال ال css في صنع احدى الازرار التي تحوي على نهايات منحنية لكن لم تعمل معي جيدا حيث اصبحت بشكل مستطيل مع استعمال هذا الكود:

.Menu li a:hover, .Menu li.active a{
background:url(images/button_left.png) top left no-repeat;
}

.Menu li a:hover span, .Menu li.active a span {
background:url(images/button_right.png) top right no-repeat;
}

.Menu li a:hover span span, .Menu li.active a span span{
background:url(images/button_middle.png) top repeat-x; font-weight:bold;
}

____________________
ارجوا تعديل الكود بحيث عند مرور الماوس على القائمة تتغير الخلفية الى شكل منحني الكورنرس كما في المرفقات
وشكرا

**KaramSoft** · 03-08-2009

هل سؤالي صعب؟ ام يحتاج اوضح اكثر؟
الله يجازيكم بالخير

**joker_m** · 03-08-2009

انت تقصد ان الزر ف الحاله العاديه يبقي مربع عادي وعند الوقوف عليه تكون حوافه دائريه؟
عموما شوف المثال ف المرفق اقف علي الزر بالماوس وشوف دا قصدك ولا ايه ؟

**KaramSoft** · 03-08-2009

المشاركة الأصلية كتبت بواسطة joker_m مشاهدة المشاركة

انت تقصد ان الزر ف الحاله العاديه يبقي مربع عادي وعند الوقوف عليه تكون حوافه دائريه؟
عموما شوف المثال ف المرفق اقف علي الزر بالماوس وشوف دا قصدك ولا ايه ؟

شكرا لك اخي الكريم على محاولتك لكن ليس هذا ما اطلب بل كما يلي:
لدي قائمة كتابة فقط وعند مرور الماوس عليها تكون الخلفية قد تغيرت الى مربع محني الاطراف
ولكن كون القائمة قد تحتوي على كلمة قد تتكون من حرفين او كلمة من عشرين حرف فلن تكون الخلفية ثابتة القياس فيجب ان تكون مرنة حسب الكلمة, فحاولت ان اكون في ال سي اس اس خلفية من ثلاث اجزاء يسار و وسط ويمين لا اعرف ان كنت استطيع عمل ذلك ام لا لكن لم تنجح حيث ظهرت الخلفية ملخبطة كما في المرفق,فكيف اقوم بعمل ذلك في السي اس اس ويكون موافق للمعايير القياسية.

ساعدوني الله يهديكم

**cssguru** · 03-08-2009

اعتقد ان هذا الدرس سيساعدك
tabs لموقعك

**joker_m** · 04-08-2009

اعتقد انك مش هتقدر تنفذها لابد من عمل خلفيه لكل رابط مناسبه لعرضه او للكلمه
لان بطريقتك لو هتعمل خلفيه للرابط مكونه من 3 اجزاء في حاله hover للرابط مش هتقدر تتحكم غير ف الجزء اللي بالوسط فقط والاطراف خارج الرابط لا يتم تغييرهم عند الوقوف بالماوس عليه
شوف المثال ف المرفق ولو حاولت تغير ف موضع الصورة الخلفيه للرابط عند الوقوف عليه التغير فقط سيتم ع الجزء اللي بالوسط والاطراف لن يتغير موضعها وبالتالي لن تظهر حواف دائريه ف الوضع hover لان الاطراف موزعه بجانب الرابط وليست بداخله

**رومنسي ksa** · 04-08-2009

جرب هذا الكود وراح يظبط معاك:

<html><head>
<style type="text/css">
.tab{
background:#ffffff url(Button_middle.png);

-moz-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius:5px;

width:100px;
}
</style>
</head><body>
<div class="tab">sss</div>
</body></html>

وعدل رابط الصوره

وللفائده اذا اردت ان تزيد في أنحناء الزاويه عدل على الرقم 5 بما يناسبك

**KaramSoft** · 05-08-2009

شكرا لكم اخوان على هذه الحلول الرائعة الله يجازيكم بالخير لكن يمكن استعمل طريقة الاخ cssguru لكن ل ازال اواجه بعض المشاكل مع السي اس اس الله يصبرني معاه

الموضوع: كيف اعمل هذا في الCSS

أدوات الموضوع

بحث في الموضوع

كيف اعمل هذا في الCSS

المواضيع المتشابهه

دورة الCSS مع عزديزاين

ياجماعه ابي نفس الcss هذا موجود المثال

الcss اسرع وحجمها !!!!!!

مشكله في الcss بين الخانات في الفراغات

مشكلة ال Dreamwaver و الCSS و الfonts

ضوابط المشاركة