Page 1 of 1
طلب كود css خاص في الازرار
Posted: Wed Aug 25, 2010 7:35 am
by saber
السلام عليكم
اخواني ممكن كود css
الخاص في تغير لون الازرار
مثل زر البحث والشراء واضافة اله السلة ممكن كود يغير لونها عند مرور الموس عليها
Code: Select all
.button {
padding-left: 8px;
display: inline-block;
margin-right: 5px;
background: url('../image/button_left.png') top left no-repeat;
text-decoration: none;
color:#FFF;
}
.button span {
color: #FFF;
display: block;
padding: 4px 10px 5px 2px;
background: url('../image/button_right.png') top right no-repeat;
}
.buttons {
background: #F8F8F8;
border: 1px solid #DDDDDD;
padding: 5px;
margin-bottom: 10px;
}
.buttons input {
padding: 0px;
margin: 0px;
}
.buttons table {
width: 100%;
border-collapse: collapse;
}
.buttons table td {
vertical-align: middle;
}
وهذا الكود الاذي اقصده ولاكن هذا ثابت اريك كود يغير لون الزر عند مرور الموس
تحياتي لكم
Re: طلب كود css خاص في الازرار
Posted: Wed Aug 25, 2010 9:18 am
by opencartArab
انسخ نفس الاستايل الذي تريده ثم تضيف بعد اسم الاستايل هذه الكلمة مع النقطتين
:hover
مثلا لو كان كود الاستايل كالتالي
Code: Select all
.button {
padding-left: 8px;
display: inline-block;
margin-right: 5px;
background: url('../image/button_left.png') top left no-repeat;
text-decoration: none;
color:#FFF;
}
اجعله كالتالي
Code: Select all
.button:hover {
padding-left: 8px;
display: inline-block;
margin-right: 5px;
background: url('../image/button_left.png') top left no-repeat;
text-decoration: none;
color:#FFF;
}
وطبعا الاستايل الجديد الذي تم اضافة
:hover
اليه
هو الذي سيظهر عند مرور الماوس وعليك التغيير في اللون للاستايل الجديد على حسب احتياجك
وبالتوفيق
[/size][/b]
Re: طلب كود css خاص في الازرار
Posted: Wed Aug 25, 2010 10:02 pm
by saber
اخي الكريم للاسف ما قدرة اوصل له الي طلبتو انا بقصد بدي يكون زر اضافة الى السلة كتالي
قبل مرور الموس
اثناء مرور الموس
بعد مرور الموس
Re: طلب كود css خاص في الازرار
Posted: Wed Aug 25, 2010 11:35 pm
by Maansy
Re: طلب كود css خاص في الازرار
Posted: Thu Aug 26, 2010 12:34 am
by saber
اخي منسي يا ريت الكود كامل لانه لم انجح في تنسيقه نهائيا
Re: طلب كود css خاص في الازرار
Posted: Thu Aug 26, 2010 7:42 am
by saber
لرفع
Re: طلب كود css خاص في الازرار
Posted: Thu Aug 26, 2010 8:33 am
by Maansy
لا ترفع الموضوع قبل مرور 24 ساعة رجاءا
على العموم اذا كان هذا الذي انت تريده
http://demo1.opencartstuff.com/index.ph ... ount/login
ابحث في ملف الستايل عن
Code: Select all
.button {
padding-left: 8px;
display: inline-block;
margin-right: 5px;
background: url('../image/button_left.png') top left no-repeat;
text-decoration: none;
color:#FFF;
}
.button span {
color: #FFF;
display: block;
padding: 4px 12px 5px 5px;
background: url('../image/button_right.png') top right no-repeat;
}
اضف بعدها
Code: Select all
.button:hover {
padding-left: 8px;
display: inline-block;
margin-right: 5px;
background: url('../image/button2_left.png') top left no-repeat;
text-decoration: none;
color:#FFF;
}
.button:hover span {
color: #FFF;
display: block;
padding: 4px 12px 5px 5px;
background: url('../image/button2_right.png') top right no-repeat;
}
بعدها قم برفع الازرار الجديده الي نفس مسار الازرار القديمة مع مراعاة التسمية للازرار الجديده
Re: طلب كود css خاص في الازرار
Posted: Sat Aug 28, 2010 8:35 am
by saber
شكرا لك اخي جزاك الله خير