09-09-2012, Saat:01:50
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
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
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
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
şablonlarında yapmanız lazımdır.
Hayırlı Günler
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:
.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:
<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:
.postbit {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
}email yazan yerede mesajınızı yazıyorsunuz mesala email eposta posta gibi
Arkadaşlar bu kod düzenlemelerini ayrıca
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_closedHayırlı Günler
