امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5

آموزش اضافه کردن دکمه های هایلایت مای بی بی

#1
درود


دوستا امروز میخوام یه آموزش بزارم !

چیزه خاصی نیست

عملکرد : اضافه کردن دکمه ای که با رفتن موس روی اون رنگش تغییر میکنه و با کلیک یک رنگ دیگه میگیره !


طریقه ایجاد :

این کد ها رو در گلوبال . سی اس اس پوستتون وارد کنید :


کد:
کد:
.button  {
     display:  inline-block;
     outline:  none;
     cursor:  pointer;
     text-align:  center;
     text-decoration:  none;
     font:  14px/100%  Arial,  Helvetica,  sans-serif;
     padding:  .2em  2em  .22em;
     text-shadow:  0  1px  1px  rgba(0,0,0,.3);
     -webkit-border-radius:  .5em;  
     -moz-border-radius:  .5em;
     border-radius:  .5em;
     -webkit-box-shadow:  0  1px  2px  rgba(0,0,0,.2);
     -moz-box-shadow:  0  1px  2px  rgba(0,0,0,.2);
     box-shadow:  0  1px  2px  rgba(0,0,0,.2);
}


.button:hover  {
     text-decoration:  none;
}
.button:active  {
     position:  relative;
     top:  1px;
}




.orange  {
     color:  #fef4e9;
     border:  solid  1px  #da7c0c;
     background:  #f78d1d;
     background:  -webkit-gradient(linear,  left  top,  left  bottom,  from(#faa51a),  to(#f47a20));
     background:  -moz-linear-gradient(top,   #faa51a,   #f47a20);
     filter:   progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a',  endColorstr='#f47a20');
}
.orange:hover  {
     background:  #f47c20;
     background:  -webkit-gradient(linear,  left  top,  left  bottom,  from(#f88e11),  to(#f06015));
     background:  -moz-linear-gradient(top,   #f88e11,   #f06015);
     filter:   progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11',  endColorstr='#f06015');
}
.orange:active  {
     color:  #fcd3a5;
     background:  -webkit-gradient(linear,  left  top,  left  bottom,  from(#f47a20),  to(#faa51a));
     background:  -moz-linear-gradient(top,   #f47a20,   #faa51a);
     filter:   progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20',  endColorstr='#faa51a');
}


بعد به قسمت ی که میخواهید دکمه نمایش داده بشه برید مثلا header

و این کد رو وارد کنید :

<a href="#" class="button orange">Button</a>

ذخیره کنید و تمام

موفق باشید

نکته : تغییرات در کد های سی اس اس لازمه ی اطلاع شما از کد ها هستش و میتونید به رنگ ها وسایز های مختلف درش بیارید !

موفق باشید
پاسخ
آگهی


[-]
به اشتراک گذاری/بوکمارک (نمایش همه)
google Facebook cloob Twitter
برای ارسال نظر وارد حساب کاربری خود شوید یا ثبت نام کنید
شما جهت ارسال نظر در مطلب نیازمند عضویت در این انجمن هستید
ایجاد حساب کاربری
ساخت یک حساب کاربری شخصی در انجمن ما. این کار بسیار آسان است!
یا
ورود
از قبل حساب کاربری دارید? از اینجا وارد شوید.

موضوعات مرتبط با این موضوع...
  آموزش سئو سایت
  باز کردن قفل گوشی سامسونگ s3قفل شده
  آموزش جامع تولید محتوا در اینستاگرام
  منشن چیست و چه تفاوتی با تگ کردن دارد؟
  آموزش ساخت اکانت تیک تاک
  مات کردن بک گراند ویدیو
  محدود کردن استفاده کاربران مهمان از WiFi
Thumbsdown آموزش روش خالی کردن Cache گوشى،تلگرام_فعال سازی امضای پیام تلگرام
  آموزش ریست اپل
  آموزش مخفی کردن آخرین بازدید اینستاگرام

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان