MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
EmreKarakaya avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Sitenize Css Butonlar Ekleyin


Sponsor Reklam
media venus

Çevrimdışı EmreKarakaya
 Tarih: 09-09-2012, Saat:01:50
#1
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
Cevapla
Bunu Beğenenler: Hakan Cengiz , Legans , antidetron
Sponsor Reklam
sponsor reklam sponsor reklam

Çevrimdışı Legans
 Tarih: 09-09-2012, Saat:01:53
#2
kafam karıştı valla nasıl yapcamı şaşırdım Açık Ağızlı Gülümseme
Cevapla
Bunu Beğenenler:

Çevrimdışı antidetron
 Tarih: 09-09-2012, Saat:01:54
#3
Teşekkürler.
Cevapla
Bunu Beğenenler:

Çevrimdışı EmreKarakaya
 Tarih: 09-09-2012, Saat:01:57
#4
(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
Cevapla
Bunu Beğenenler:

İzinli beastofdead
 Tarih: 09-09-2012, Saat:02:15
#5
Gayet güzel anlatılmış karıştırcak bir durum yok faydalı paylaşım için tşkler.
Cevapla
Bunu Beğenenler:

Çevrimdışı rshare92
 Tarih: 09-09-2012, Saat:10:50
#6
bence gerek yok.Zaten bu butonlar varsayılan olarak var niye CSS ile uğraşalım ki
Cevapla
Bunu Beğenenler:

İzinli Screwy
 Tarih: 09-09-2012, Saat:11:06
(Son Düzenleme: 09-09-2012, Saat:11:06, Düzenleyen: Screwy.)
#7
(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
Cevapla
Bunu Beğenenler:

Çevrimdışı meroloni
 Tarih: 09-09-2012, Saat:12:36
#8
Teşekkürler Gülümseme
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Forumunuza Süper Css Efetkli Butonlar Katın//Xdersf xdersf 9 4,847 15-07-2016, Saat:21:52
Son Yorum: hackingdd
  MyBB Forumunuza Duyuru ve Sosyal Medya Barı Ekleyin (Sade + Css) BlackCat 8 2,117 23-02-2015, Saat:19:00
Son Yorum: BlackCat
  Yandex Botlarını Sitenize Ekleyin EmreKarakaya 4 2,081 05-05-2014, Saat:04:54
Son Yorum: EmreKarakaya
  Forumunuza 23 nisan kutlu olsun! yazısı ekleyin #Criss 4 760 23-04-2014, Saat:19:12
Son Yorum: usameavci
  Son Konularınızı İndex.html Sayfasınıza Ekleyin EmreKarakaya 14 4,007 01-02-2014, Saat:19:00
Son Yorum: Bouncer



Konuyu Okuyanlar: 1 Ziyaretçi