MyBB Depo Forum
Sitenize Css Butonlar Ekleyin - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: Mybb Ders Deposu (https://mybbdepo.com/mybb-ders-deposu-forumu)
+--- Forum: Yazılı Anlatım Deposu (https://mybbdepo.com/yazili-anlatim-deposu-forumu)
+--- Konu Başlığı: Sitenize Css Butonlar Ekleyin (/sitenize-css-butonlar-ekleyin-konusu.html)

Sayfalar: 1 2

Sitenize Css Butonlar Ekleyin - EmreKarakaya - 09-09-2012

Merhaba Arkadaşlar

Bügün size resim 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&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:
.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:
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

Sitenize Css Butonlar Ekleyin - Legans - 09-09-2012

kafam karıştı valla nasıl yapcamı şaşırdım Açık Ağızlı Gülümseme

Cvp: Sitenize Css Butonlar Ekleyin - antidetron - 09-09-2012

Teşekkürler.

Cvp: Sitenize Css Butonlar Ekleyin - EmreKarakaya - 09-09-2012

(09-09-2012, Saat:01:53)LegansTR Adlı Kullanıcıdan Alıntı: kafam karıştı valla nasıl yapcamı şaşırdım Açık Ağızlı Gülümseme

Hocam benim anlatımlarda hep böyle oluyor biliyorum ama anlatamıyorum

Sitenize Css Butonlar Ekleyin - beastofdead - 09-09-2012

Gayet güzel anlatılmış karıştırcak bir durum yok faydalı paylaşım için tşkler.


Sitenize Css Butonlar Ekleyin - rshare92 - 09-09-2012

bence gerek yok.Zaten bu butonlar varsayılan olarak var niye CSS ile uğraşalım ki

Cvp: Sitenize Css Butonlar Ekleyin - Screwy - 09-09-2012

(09-09-2012, Saat:10:50)rshare92 Adlı Kullanıcıdan Alıntı: bence gerek yok.Zaten bu butonlar varsayılan olarak var niye CSS ile uğraşalım ki

Sen Anlamadın Sanırım Varsayılan Buton Haline Getirmiyor.Normal Yazılı Hale Getiriyor.

resim

bu resimdeki butonlar gibi üzerindeki yazıları istediğin zaman kodun içinden değiştirebiliyosun

Sitenize Css Butonlar Ekleyin - meroloni - 09-09-2012

Teşekkürler Gülümseme