::: در حال بارگیری لطفا صبر کنید :::Loading , please wait ...

انجمن کدستانMoisrex

MoisrexMoisrex.rozblog.com
زمان جاریtime : شنبه 16 تیر 1403 - 8:36 بعد از ظهر
نام کاربریusername : پسوردpassword : یاor عضویتregister | رمز عبور را فراموش کردمForgot your password?
شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .
کد دکمه جدید (css)
تعداد بازدیدvisits : 463
gametofun آفلاین



ارسال هاAnswers : 703
عضویتRegistration date : 2 /9 /1391
حمایت کردهThanks : 175
حمایت شدهThanked : 337
کد دکمه جدید (css)

امروز واستون کد دکمه جدید css که ساختم رو می ذارم

این کدو به دو صورت لینک ( تگ a ) و دکمه ( تگ input ) آماده کردم

امیدوارم خوشتون بیاد

لینک ( تگ a )

کد:

<a href="لینک مورد نظر شما" class="moisrexbutton"/>متن شما</a>

<style>.moisrexbutton{text-decoration:none; text-align:center;

padding:6px 22px;

border:none;

font:15px Arial, Helvetica, sans-serif;

font-weight:bold;

color:#E5FFFF;

background-color:#3ba4c7;

background-image: -moz-linear-gradient(top, #3ba4c7 0%, #1982a5 100%);

background-image: -webkit-linear-gradient(top, #3ba4c7 0%, #1982a5 100%);

background-image: -o-linear-gradient(top, #3ba4c7 0%, #1982a5 100%);

background-image: -ms-linear-gradient(top, #3ba4c7 0% ,#1982a5 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982a5', endColorstr='#1982a5',GradientType=0 );

background-image: linear-gradient(top, #3ba4c7 0% ,#1982a5 100%);

-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;

-moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;

box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;

text-shadow: 1px 3px 2px #bababa;

filter: dropshadow(color=#bababa, offx=1, offy=3); }.moisrexbutton:hover{

padding:6px 22px;

border:none;

font:15px Arial, Helvetica, sans-serif;

font-weight:bold;

color:#E5FFFF;

background-color:#3dbfeb;

background-image: -moz-linear-gradient(top, #3dbfeb 0%, #137494 100%);

background-image: -webkit-linear-gradient(top, #3dbfeb 0%, #137494 100%);

background-image: -o-linear-gradient(top, #3dbfeb 0%, #137494 100%);

background-image: -ms-linear-gradient(top, #3dbfeb 0% ,#137494 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#137494', endColorstr='#137494',GradientType=0 );

background-image: linear-gradient(top, #3dbfeb 0% ,#137494 100%);

-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;

-moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;

box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;

text-shadow: 1px 3px 2px #bababa;

filter: dropshadow(color=#bababa, offx=1, offy=3);}.moisrexbutton:active{

padding:6px 22px;

border:none;

font:15px Arial, Helvetica, sans-serif;

font-weight:bold;

color:#E5FFFF;

background-color:#1981a7;

background-image: -moz-linear-gradient(top, #1981a7 0%, #3ba4c7 100%);

background-image: -webkit-linear-gradient(top, #1981a7 0%, #3ba4c7 100%);

background-image: -o-linear-gradient(top, #1981a7 0%, #3ba4c7 100%);

background-image: -ms-linear-gradient(top, #1981a7 0% ,#3ba4c7 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ba4c7', endColorstr='#3ba4c7',GradientType=0 );

background-image: linear-gradient(top, #1981a7 0% ,#3ba4c7 100%);

-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;

-moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;

box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;

text-shadow: 1px 3px 2px #bababa;

filter: dropshadow(color=#bababa, offx=1, offy=3);}</style>

دکمه (تگ input)

کد:

<input type="button" value="متن شما" onclick="window.open('لینک مورد نظر شما');" class="button"/></input>

<style>.button{text-decoration:none; text-align:center;

padding:6px 22px;

border:none;

font:15px Arial, Helvetica, sans-serif;

font-weight:bold;

color:#E5FFFF;

background-color:#3ba4c7;

background-image: -moz-linear-gradient(top, #3ba4c7 0%, #1982a5 100%);

background-image: -webkit-linear-gradient(top, #3ba4c7 0%, #1982a5 100%);

background-image: -o-linear-gradient(top, #3ba4c7 0%, #1982a5 100%);

background-image: -ms-linear-gradient(top, #3ba4c7 0% ,#1982a5 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982a5', endColorstr='#1982a5',GradientType=0 );

background-image: linear-gradient(top, #3ba4c7 0% ,#1982a5 100%);

-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;

-moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;

box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;

text-shadow: 1px 3px 2px #bababa;

filter: dropshadow(color=#bababa, offx=1, offy=3); }.button:hover{

padding:6px 22px;

border:none;

font:15px Arial, Helvetica, sans-serif;

font-weight:bold;

color:#E5FFFF;

background-color:#3dbfeb;

background-image: -moz-linear-gradient(top, #3dbfeb 0%, #137494 100%);

background-image: -webkit-linear-gradient(top, #3dbfeb 0%, #137494 100%);

background-image: -o-linear-gradient(top, #3dbfeb 0%, #137494 100%);

background-image: -ms-linear-gradient(top, #3dbfeb 0% ,#137494 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#137494', endColorstr='#137494',GradientType=0 );

background-image: linear-gradient(top, #3dbfeb 0% ,#137494 100%);

-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;

-moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;

box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;

text-shadow: 1px 3px 2px #bababa;

filter: dropshadow(color=#bababa, offx=1, offy=3);}.button:active{

padding:6px 22px;

border:none;

font:15px Arial, Helvetica, sans-serif;

font-weight:bold;

color:#E5FFFF;

background-color:#1981a7;

background-image: -moz-linear-gradient(top, #1981a7 0%, #3ba4c7 100%);

background-image: -webkit-linear-gradient(top, #1981a7 0%, #3ba4c7 100%);

background-image: -o-linear-gradient(top, #1981a7 0%, #3ba4c7 100%);

background-image: -ms-linear-gradient(top, #1981a7 0% ,#3ba4c7 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ba4c7', endColorstr='#3ba4c7',GradientType=0 );

background-image: linear-gradient(top, #1981a7 0% ,#3ba4c7 100%);

-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;

-moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;

box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;

text-shadow: 1px 3px 2px #bababa;

filter: dropshadow(color=#bababa, offx=1, offy=3);}</style>

منبع : css.ely.ir

تشکر یادتون نره



دوشنبه 20 خرداد 1392 - 12:44
ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شدهThanks : سپاس هاThanks (3) : mrdesigner - alireza111 - emperor -
irpatogh آفلاین



ارسال‌هاAsnwers : 397
عضویتRegistration date : 2 /11 /1391
حمایت کردهthanks : 210
حمایت شدهThanked : 105
پاسخAnswer 1 : کد دکمه جدید (css)

زیباست

ممنون

و بیشتر ممنون که منبع رو هم ذکر کردی

دوشنبه 20 خرداد 1392 - 13:29
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport



moisrex
درباره ماAbout us لینک های ماOur links کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex.

ایمیلE-mail : Moisrex @ Gmail.com
کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد
تمامی حقوق این انجمن مربوط به همین انجمن می باشد | طراحی قالبCopyright (c) By Moisrex , All rights reserved | Desiger : Moisrex