Merhaba arkadaşlar, çoğu temalarda var yazının üstüne gelince köşeli parantez çıkıyor mesela
Üstüne gelmeyince ; Duyuru ve Etkinlikler
Üstüen Gelince ; [Duyuru ve Etkinlikler]
Bu eklenti veya kod nedir arkadaşlar ?
Sanırım hover'a before after etiketi ekliyerek yapabilirsin. Yani a:hover:before deyip content'e "[" sonra a:hover:after deyip content'e "]" yaparsanız olacaktır muhtemelen, buradaki mantık linkin üzerine gelince linkten önce [ linkten sonrada ] çıkması, biri yardımcı olmazsa kodsal anlamda yardımcı olurum yine.
global.css ye yazılacak şekilde atar mısınız bu kodları
Çok teşekkürler.
Buyrun
Kod:
.linkler {
margin-left: -6px;
}
.linkler::before,
.linkler::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}
.linkler::before {
content: '[';
margin-right: 0px;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}
.linkler::after {
content: ']';
margin-left: 0px;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}
.linkler:hover::before,
.linkler:hover::after,
.linkler:focus::before,
.linkler:focus::after {
color: #252525;
opacity: 0.7;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}
(29-08-2016, Saat:21:24)Dream41 Adlı Kullanıcıdan Alıntı: [ -> ]Buyrun
Kod:
.linkler {
margin-left: -6px;
}
.linkler::before,
.linkler::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}
.linkler::before {
content: '[';
margin-right: 0px;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}
.linkler::after {
content: ']';
margin-left: 0px;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}
.linkler:hover::before,
.linkler:hover::after,
.linkler:focus::before,
.linkler:focus::after {
color: #252525;
opacity: 0.7;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}
Yazmayı unutmuşsunuz sanırım, bunu kullanabilmek için ;
<div class="linkler">Duyurular ve Etkinlikler</div> olarak kullanırsanız dediğiniz olacaktır. Bütün linkler için kullanmak istiyorsanız .linkler yerine a yazarsanız olacaktır. Eğer a etiketini kullanırsanız bütün linkler otomatik olarak bu özelliği kullanacaktır.
global.css en alta ekledim fakat çalışmadı sanırım , hiç bir değişiklik yok.
(30-08-2016, Saat:02:19)FRMTday Adlı Kullanıcıdan Alıntı: [ -> ]global.css en alta ekledim fakat çalışmadı sanırım , hiç bir değişiklik yok.
Eklemeyi unutmuşum
Admin kp>Temlar Şablonlar > Şablonlar > Temanız >Forumbit Şablonlar>forumbit_depth2_forum > "{$forum_url}" bunu bul yanına bunu ekle
class="linkler"
