Css Buton Yapımı

[Adil S.]

Merhaba Arkadaşlar

Bügün size bu ve benzeri butonları nasıl css butona dönüştüreceğinizi anlatacam. Alıntıdır. Teşekkür için ve kullanıyorsanız rep verebilirsiniz.
Öncelikle elinizde css butonlar olduğunu varsayıyorum.Butonların css kodları şu olsun

Kod: Tümünü Seç Tümünü Kopyala

.showthread_post_options a:visited {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

.showthread_post_options a {
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;

    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    background: #ABC0C4 url(images/imperial/highlight.png) repeat-x 0 0;
    border: 1px solid #8CB1B8;
    margin: 0px 2px 3px;
    padding: 4px 7px;
    vertical-align: middle;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: inset 0px 0px 2px #ddd;
    -moz-box-shadow: inset 0px 0px 2px #ddd;
    box-shadow: inset 0px 0px 2px #ddd;
    color: white;
    text-shadow: 0px -1px 1px #888;
}

.showthread_post_options a img {
    position: relative;
    vertical-align: middle;
    top: -1px;
    margin-right: 5px;
    max-width: 13px;
}

.showthread_post_options a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    background: #8CB1B8 url(images/imperial/highlight.png) repeat-x 0 0;
}

Biz Bu kodu temanızın global.css bölümüne ekleyeceksiniz.Tekrar söylüyorum sizin css kodunuz farklı olacaktır.Siz kendi css kodunuzu ekleyeceksiniz.

Daha sonra Kullandığınız tema şablonlarında örnek olarak postbit_email şablonun açın ve tüm kodları silip

Kod: Tümünü Seç Tümünü Kopyala

<a href="member.php?action=emailuser&amp;uid={$post['uid']}" class="showthread_post_options">email</a>

Ekleyin.Peki Kodu nasıl düzenliyeceksiniz şöyle anlatıyım

<a href="member.php?action=emailuser&amp;uid={$post['uid']}" class="showthread_post_options">email</a>

showthread_post_options Yazan yere kendi css kodunuzda yazan bölümü ekleyeceksiniz.Mesala

Kod: Tümünü Seç Tümünü Kopyala

.postbit {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

olursa showthread_post_options yazan yere postbit yazacaksınız.

email yazan yerede mesajınızı yazıyorsunuz mesala email eposta posta gibi

Arkadaşlar bu kod düzenlemelerini ayrıca

Kod: Tümünü Seç Tümünü Kopyala

postbit_delete_pm
postbit_edit
postbit_email
postbit_find
postbit_forward_pm
postbit_multiquote
postbit_pm
postbit_quickdelete
postbit_quote
postbit_rep_button
postbit_reply_pm
postbit_replyall_pm
postbit_report
postbit_warn
postbit_www
forumdisplay_newthread
reputation_addlink
showthread_newreply
showthread_newreply_closed

şablonlarında yapmanız lazımdır.

Alıntıdır. Teşekkür için ve kullanıyorsanız rep verebilirsiniz.

[Tunis]

Suanlik bi isim yok bu kodlarla ama gelecekte olabilir. Saolun sefim :)

[Adil S.]

Rica ederim.

[Adil S.]

Rica ederim.