Problema Risolto [+] & [-] modificarli con fontawesome

RE: [+] & [-] modificarli con fontawesome

#1
in fontawesome avevo trovato delle iconcine che mi piacevano di più di quelle che ho per il [+] & il [-]... il problema, come sostituisco un immagine con un fontawesome? o meglio, in che template vado? dato che più o meno so cosa devo mettere...
Grazie
 

RE: [+] & [-] modificarli con fontawesome

#2
devi modificare il template forumbit_depth1_cat
cerca
Codice:
<img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" />

e sostituiscilo con
Codice:
<i id="cat_{$forum['fid']}_img" class="expander (+ le altre classi di font awesome)" title="{$expaltext}"></i>
 

RE: [+] & [-] modificarli con fontawesome

#3
allora, non cis to capendo niente:
Codice:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead{$expthead}" colspan="5">
<div class="expcolimage"><i id="cat_{$forum['fid']}_img" class="fa fa-plus-circle"></i>" title="{$expaltext}"></div>
<div><span class="cattitle"><a href="{$forum_url}">{$forum['name']}</a></span>&nbsp;&nbsp;<span class="catdesc">{$forum['description']}</span></div>
</td>
</tr>
</thead>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<tr style="display: none;">
<td class="tcat" colspan="3"><span class="smalltext"><strong>{$lang->forumbit_forum}</strong></span></td>
<td class="tcat" align="left" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads} / {$lang->forumbit_posts}</strong></span></td>
<td class="tcat" width="200" align="left"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>
</tr>
{$sub_forums}
</tbody>
</table>
<div class="theadend"></div>
<br />
questo è il template con le modifiche e puoi vedere tu stesso come si vede
 

RE: [+] & [-] modificarli con fontawesome

#4
Avevi sbagliato il codice
tuo codice:
Codice:
<i id="cat_{$forum['fid']}_img" class="fa fa-plus-circle"></i>" title="{$expaltext}">

codice giusto:
Codice:
<i id="cat_{$forum['fid']}_img" class="fa fa-plus-circle" title="{$expaltext}"></i>
 
 

RE: [+] & [-] modificarli con fontawesome

#6
aveve dimenticato di mettere alla <i> la classe expander, ora funziona
 

RE: [+] & [-] modificarli con fontawesome

#7
grazie, ma per il meno?
come potrei fare?
cioè prima usciva "Su" quando bisognava aprire, e "Giu" quando si doveva togliere;

ora, stessa cosa, con le nuove icone: http://fortawesome.github.io/Font-Awesom...us-circle/
 

RE: [+] & [-] modificarli con fontawesome

#8
(29-10-2015, 20:42)Alex2000 Ha scritto: grazie, ma per il meno?
come potrei fare?
cioè prima usciva "Su" quando bisognava aprire, e "Giu" quando si doveva togliere;

ora, stessa cosa, con le nuove icone: http://fortawesome.github.io/Font-Awesom...us-circle/

Su fontawesome bisogna pure incoporare i suoi css
 

RE: [+] & [-] modificarli con fontawesome

#9
Cioè non ho capito bene :/
Ripeto: prima usciva SU e GIU per alzare e abbassare la categoria... ora vorrei fare la stessa cosa, ma con il font awesome... è possibile?
 

RE: [+] & [-] modificarli con fontawesome

#10
@Alex2000 bisogna aggiungere alcuni codice aggiuntivi che ora non ti riesco a dire perchè sono dal cellulare
 
  

Vai al forum:


Utenti in questa pagina: 1 Ospite(i)