mohamad_77
![](https://rozup.ir/view/393138/ostad-user.png)
ارسال هاAnswers : | 1493 |
عضویتRegistration date : | 9 /5 /1391 |
حمایت کردهThanks : | 234 |
حمایت شدهThanked : | 955 |
|
6استایل بسیار زیبا برای دکمه یا لینک
اینم یه سری استایل های خفن و باحال دمو از وبلاگ شخصیم این کد رو توی head بذارین کد:
<style>.button {display:inline-block;padding:2px 7px;line-height:18px;color:#333 !important;text-align:center;cursor:pointer;text-shadow:0 1px 1px rgba(255,255,255,0.75);background-color:#f5f5f5;background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border:1px solid #cccccc;border-bottom-color:#b3b3b3;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}.button:hover {color:#333333;text-decoration:none !important;background-color:#e6e6e6;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}/*.button:focus {outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}*/.blue,.blue:hover,.orange,.orange:hover,.red,.red:hover,.green,.green:hover,.blue2,.blue2:hover,.black,.black:hover {text-shadow:0 1px 0 rgba(0, 0, 0, 0.25);color:#fff !important;}.blue {background-color:#0074cc;border-color:#0055cc #0055cc #003580;background-image:-moz-linear-gradient(top, #0088cc, #0055cc);background-image:-ms-linear-gradient(top, #0088cc, #0055cc);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));background-image:-webkit-linear-gradient(top, #0088cc, #0055cc);background-image:-o-linear-gradient(top, #0088cc, #0055cc);background-image:linear-gradient(top, #0088cc, #0055cc);}.blue:hover{background-color:#0055cc;}.blue:active,.blue.active {background-color:#004099 \9;} .orange {background-color:#faa732;background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-ms-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:linear-gradient(top, #fbb450, #f89406);border-color:#f89406 #f89406 #ad6704;}.orange:hover {background-color:#f89406;}.orange:active,.orange.active {background-color:#c67605 \9;} .red {background-color:#da4f49;background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f);background-image:-ms-linear-gradient(top, #ee5f5b, #bd362f);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f);background-image:-o-linear-gradient(top, #ee5f5b, #bd362f);background-image:linear-gradient(top, #ee5f5b, #bd362f);border-color:#bd362f #bd362f #802420;}.red:hover {background-color:#bd362f;}.red:active,.red.active {background-color:#942a25 \9;} .green {background-color:#5bb75b;background-image:-moz-linear-gradient(top, #62c462, #51a351);background-image:-ms-linear-gradient(top, #62c462, #51a351);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image:-webkit-linear-gradient(top, #62c462, #51a351);background-image:-o-linear-gradient(top, #62c462, #51a351);background-image:linear-gradient(top, #62c462, #51a351);border-color:#51a351 #51a351 #387038;}.green:hover {background-color:#51a351;}.green:active,.green.active {background-color:#408140 \9;} .blue2 {background-color:#49afcd;background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4);background-image:-ms-linear-gradient(top, #5bc0de, #2f96b4);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4);background-image:-o-linear-gradient(top, #5bc0de, #2f96b4);background-image:linear-gradient(top, #5bc0de, #2f96b4);border-color:#2f96b4 #2f96b4 #1f6377;}.blue2:hover {background-color:#2f96b4;}.blue2:active,.blue2.active {background-color:#24748c \9;} .black {background-color:#414141;background-image:-moz-linear-gradient(top, #555555, #222222);background-image:-ms-linear-gradient(top, #555555, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));background-image:-webkit-linear-gradient(top, #555555, #222222);background-image:-o-linear-gradient(top, #555555, #222222);background-image:linear-gradient(top, #555555, #222222);border-color:#222222 #222222 #000000;}.black:hover {background-color:#222222;}.black:active,.black.active {background-color:#080808 \9;}</style> و اینارو هرجا که دلتون میخواد نشون داده شه بذارین کد:
<a href="http://mgfx.ir" class="button blue">صفحه اصلی</a><a href="http://charge.mgfx.ir" class="button red">خرید شارژ ارزان</a><a href="http://design.mgfx.ir" class="button orange">بنر با ارزان ترین قیمت</a><a href="http://design.mgfx.ir" class="button black">بنر رایگان</a><a href="http://mgfx.ir" class="button">MGFX</a><a href="http://donate.mgfx.ir" class="button blue2">حمایت از ما</a>
تشکر یادتون نره
yahoo id : mohamadnazari89@yahoo.com
[نادان را از هر طرف نوشتم نادان بود]
|