تغییر ظاهر دکمه ادامه مطلب

[aaamin]

با سلام

اگه دکمه ها را دستی وارد میکنید ابتدا کدهای زیر را به انتهای فایل template.css قالب اضافه کنید

کد php: (انتخاب همه)

.buttonred
{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    background-color:#fa1414;
    font-family: google;
    font-size: 15px;
    text-align:center;
    color: #ffffff;
    padding: 10px 30px 10px 30px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-shadow:2px 2px 5px #272727;
    margin-top: 20px;
    margin-bottom: 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-box-shadow: inset 0px 10px 10px 1px rgba(250, 150, 150, .5);
    box-shadow: inset 0px 10px 10px 1px rgba(250, 150, 150, .5);
}


.buttonred:hover
{
    color: #ffffff;
    -webkit-box-shadow: inset 0px -10px 10px 1px rgba(250, 150, 150, .5) ,
    0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px -10px 10px 1px rgba(250, 150, 150, .5) ,
    0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    -webkit-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
} 


و برای
فراخواني كلاس در سايت هم کد زیر را در هر جا که مایل بودید بیارید

کد php: (انتخاب همه)

<div class="buttonred">دانلود</div> 


راه های زیادی هست که میتونید استفاده کنید و دکمه های زیبایی داشته باشید

فایل موجود در پیوست کدهای سی اس اس نمایشهای مختلف به همراه اچ تی ام ال می باشد

که میتونید به همون روشی که در بالا گفتم ازشون استفاده کنید

100CSS3PaginationStyles.zip
نوع فایل
دفعات دانلود	0
اندازه	181.99 کیلوبایت