رفتن به مطلب

ویرایش استایل دکمه


پست های پیشنهاد شده

با سلام؛

این استایل دکمه من! هست؛


.mrbtn_blue:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
background-color:#1e62d0;
color:#FFFF00;
}

کدوم قسمت های کد رو باید تغییر بدم تا رنگ دکمه و متن داخلش تغییر کنه؟ خواهشاً در سطح مبتدی ...

با تشکر

لینک به ارسال

سلام. این کد دکمه شما در حالت hover هست و نمیشه رنگ اصلی دکمه رو با اینا تغییر داد.ضمنا متن دکمه با استایل تغییر نمیکنه . کدهای اصلی استایل دکمه رو قرار بدید

ویرایش شده توسط شهاب
لینک به ارسال

ممنون، بله عذر میخوام:


.mrbtn_blue {
-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
box-shadow:inset 0px 1px 0px 0px #97c4fe;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
background-color:#3d94f6;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #337fed;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:yekan;
font-size:14px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #1570cd;
}

منظور من رنگ دکمه و رنگ متن داخل دکمه است.

لینک به ارسال

حالا من عذر میخوام . اصلا نیازی به این کدها نیست اخه.ببینید شما از ک ویژگی background-color برای پس زمینه دکمه در کدهای استایل بالا که قرار دادید و از ویژگی color برای رنگ متن استفاده کنید

ویرایش شده توسط شهاب
لینک به ارسال

ممنون از شما؛ فقط مشکلی که هست اینه که با اینکه رنگ متن داخل دکمه به این صورت تعریف شده


color:#ffffff;

ولی باز به رنگ سفید نمایش داده نمیشه، فکر کنم با کدی در صفحه تداخل داره. چطور میتونم این مشکل رو حل کنم؟

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...