Sitenize Css Butonlar Ekleyin

VampiR · 25 Eki 2022

Merhaba Arkadaşlar

Bügün size

bu ve benzeri butonları nasıl css butona dönüştüreceğinizi anlatacam.Öncelikle elinizde css butonlar olduğunu varsayıyorum.Butonların css kodları şu olsun

Kod

anoya kopyala

Kod:

.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

anoya kopyala

<a href="member.php?action=emailuser&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&uid={$post['uid']}" class="showthread_post_options">email</a>

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

Kod

anoya kopyala

Kod:

.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

anoya kopyala

Kod:

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.

Hayırlı Günler

Webmaster Destek Forumu

Sitenize Css Butonlar Ekleyin

VampiR