Font Awesome Expcolimage

[Gokss]

Arkadaşlar expcolimage'yi font awesome yapmanın bir yolu var mı ?
Her seferinde hata alıyorum.

[ProQueen]

CSS kodu olduğu için bu mümkün olmayabilir. Ben biraz daha araştırıyorum.

[Gokss]

CSS kodu olduğu için bu mümkün olmayabilir. Ben biraz daha araştırıyorum.

on, off, lock iconları da css ?

[ProQueen]

Zaten onu araştırıyorum :)

[kaRanLık-61]

normal olarak yapamazsın tabi php ve jquery kullanarak yöntem geliştirilebilir.

[ProQueen]

Yaptım kardeşim buyur kodlar;
Admin KP - Temalar & Şablonlar - ForumBit - forumbit_depth1_cat 
Bu kodu ekle yerinde <div class="expcolimage"> gibi bir şeyler yazacak sonunda </div> yazıyor. sen oradaki tüm kodu sil bunu yaz;

Kod: Tümünü Seç Tümünü Kopyala

<div class="expcolimage"><content id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}"><i class="fa fa-minus" aria-hidden="false"></i></div></content>

İşlem tamam. Bir sorun olursa söyle ilgilenirim :)

[Gokss]

Yaptım kardeşim buyur kodlar;
Admin KP - Temalar & Şablonlar - ForumBit - forumbit_depth1_cat 
Bu kodu ekle yerinde <div class="expcolimage"> gibi bir şeyler yazacak sonunda </div> yazıyor. sen oradaki tüm kodu sil bunu yaz;

Kod: Tümünü Seç Tümünü Kopyala

<div class="expcolimage"><content id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}"><i class="fa fa-minus" aria-hidden="false"></i></div></content>

İşlem tamam. Bir sorun olursa söyle ilgilenirim :)

Bunu yaptığımı zaten söylemiştim basınca + işareti de çıkması gerek.. Tek taraflı olmuş bu

[ProQueen]

Yarin ayarlamaya calisiyim o zaman iyi geceler.

[Enes Bayraktar]

svg ile rahatca yapabilirsin.

[Gokss]

Yarin ayarlamaya calisiyim o zaman iyi geceler.

Emegin, uğraşın için teşekkürler :)

svg ile rahatca yapabilisin

Png, jpg, svg zaten KULLANIM açısından ayni, font awesome istiyorum ben

[Dream41]

Belki bu işine yarıya bilir.
global.css en alt

Kod: Tümünü Seç Tümünü Kopyala

.expcolimage{
cursor:pointer;
float:right;
position:relative;
right:0;
text-align:center;
top:-1px
}
.expcolimage i{
background-color:rgba(0,0,0,0.6);
border-radius:3px;
display:block;
font-size:14px;
padding:3px 6px
}
.expcolimage i[title*="[-]"]:before{content:"\f106"}
.expcolimage i[title*="[+]"]:before{content:"\f107"}

Forum bit şablonlar forumbit_depth1_cat şablonlar
bunu bul

Kod: Tümünü Seç Tümünü Kopyala

<div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>

Bununla değiştir

Kod: Tümünü Seç Tümünü Kopyala

<span class="expcolimage"><i class="fa fa-angle-up collapse_expand" id="cat_{$forum['fid']}_img" title="{$expaltext}"></i></span>

[Gokss]

Belki bu işine yarıya bilir.
global.css en alt

Kod: Tümünü Seç Tümünü Kopyala

.expcolimage{
cursor:pointer;
float:right;
position:relative;
right:0;
text-align:center;
top:-1px
}
.expcolimage i{
background-color:rgba(0,0,0,0.6);
border-radius:3px;
display:block;
font-size:14px;
padding:3px 6px
}
.expcolimage i[title*="[-]"]:before{content:"\f106"}
.expcolimage i[title*="[+]"]:before{content:"\f107"}

Forum bit şablonlar forumbit_depth1_cat şablonlar
bunu bul

Kod: Tümünü Seç Tümünü Kopyala

<div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>

Bununla değiştir

Kod: Tümünü Seç Tümünü Kopyala

<span class="expcolimage"><i class="fa fa-angle-up collapse_expand" id="cat_{$forum['fid']}_img" title="{$expaltext}"></i></span>

yaramadı maalesef..

[Gokss]

PHP Kod: Tümünü Seç Tümünü Kopyala

<span class="expcolimage"><i class="fa fa-toggle-off collapse_expand" id="cat_{$forum['fid']}_img" title="{$expaltext}"></i></span> 


PHP Kod: Tümünü Seç Tümünü Kopyala

.expcolimage {
 cursor: pointer;
 float: right;
 position: relative;
 right: 0;
 text-align: center;
}

.expcolimage i {
 display: block;
 font-size: 20px;
}

.expcolimage i[title*="[-]"]:before {
 content: "\f205";
 color: rgba(0, 128, 0, 0.5); 
}

.expcolimage i[title*="[+]"]:before {
 content: "\f204";
 color: rgba(0, 0, 0, 0.5);
} 


bu şekil çözmeye çalıştımi öğeyi denetleden titleyi [+] dan [-] veya [-] den [+] yapınca çalışıyor fakat bu sefer collapse açılıp kapanmıyor ?
@kaRanLık-61-EA sence böyle nasıl olur ?