Back to top

Autore Topic: [RISOLTO] ICOMOON: Come richiamare il comando :before  (Letto 2119 volte)

Offline Paperikat

  • Appassionato
  • ***
  • Post: 217
    • Mostra profilo
Ciao,
apriamo l'ultimo post della giornata, tanto nessuno mi risponderà come in tutti gli altri già aperti!  :'(

Sto cercando di modificare le icone stampa/email/modifica e ancora le icone da mettere davanti al menù a discesa, davanti alle categorie, ai tags e al pubbllicato da, ho letto vari articoli su come fare, ma non ho capito dove/quali file modificare.

In sostanza come faccio a dare una classe a questi parti di codice e poi con .css richiamre il :before e quindi dargli l'icona che offre icomoon?

Un esempio già attivo in Protostar è dato dall'icona calendario (per far capire cosa cerco), la classe è class="icon-calendar" e nel .css la stringa per richiamare è una di queste 3 (non ho capito quale):

.icon-calendar:before {
    content: "\43";
}
.icon-calendar-2:before {
    content: "\44";
}
.icon-calendar-3:before {
    content: "\e273";
}

Qualcuno la sa, per favore?  :'(
« Ultima modifica: 16 Mar 2016, 16:43:10 da Paperikat »

Offline alexred

  • Fuori controllo
  • *
  • Post: 25672
  • Sesso: Maschio
  • Esperto in ozio relaxed
    • Mostra profilo
Re:ICOMOON: Come richiamare il comando :before
« Risposta #1 il: 14 Mar 2016, 21:03:29 »
apriamo l'ultimo post della giornata, tanto nessuno mi risponderà come in tutti gli altri già aperti!  :'(
non è vero: http://forum.joomla.it/index.php/topic,257887.msg1196742.html#msg1196742

e tu oggi a quanti post hai risposto?  :)

Offline Paperikat

  • Appassionato
  • ***
  • Post: 217
    • Mostra profilo
Re:ICOMOON: Come richiamare il comando :before
« Risposta #2 il: 14 Mar 2016, 21:18:20 »
Dai, le risposte più importanti non sono arrivate!  :'(

Non sono cosi brava da aiutare gli altri, ma negli ultimi post che ho aperto in questi giorni, dove ho risolto (senza l'aiuto di nessuno) ho pure messo [RISOLTO]. Se posso, aiuto volentieri...

Sono un po' scoraggiata, non si nota?!  :-[

Offline alexred

  • Fuori controllo
  • *
  • Post: 25672
  • Sesso: Maschio
  • Esperto in ozio relaxed
    • Mostra profilo
Re:ICOMOON: Come richiamare il comando :before
« Risposta #3 il: 14 Mar 2016, 21:28:04 »
Non sono cosi brava da aiutare gli altri
sono certo che puoi aiutare molti di coloro che hanno aperto post in questi giorni.
E' un invito, ma sei libera di poter continuare a lamentarti ugualmente anche se non è molto elegante su questo tipo di forum.

Offline Paperikat

  • Appassionato
  • ***
  • Post: 217
    • Mostra profilo
Re:ICOMOON: Come richiamare il comando :before
« Risposta #4 il: 14 Mar 2016, 21:37:52 »
Non è elegante, ma è una realtà!  ;)

Offline frascan

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4996
  • Sesso: Maschio
    • Mostra profilo
Re:ICOMOON: Come richiamare il comando :before
« Risposta #5 il: 15 Mar 2016, 15:01:52 »
Ciao Paperikat,

la tua richiesta è priva di una informazione fondamentale: quale template stai utilizzando. Dipende dal template in uso quali files css devi modificare.

Se non lo hai letto potresti trovare utile un articolo qui su joomla.it: http://www.joomla.it/e-ancora/articoli-community-3x/7641-come-utilizzare-font-awesome-in-joomla.html

Inoltre se fai la seguente ricerca su google: "Using Font Awesome icons in your template" il primo risultato è un ottimo articolo su come inserire e modificare le icone in un template. Non ti indico direttamente il link perchè qui sul forum preferiamo non linkare risorse esterne che oggi esistono e domani potrebbero scomparire o cambiare url.

Per la natura stessa delle cose un esploratore non può mai sapere che cosa stia esplorando finché l’esplorazione non sia stata compiuta.

Offline Paperikat

  • Appassionato
  • ***
  • Post: 217
    • Mostra profilo
Re:ICOMOON: Come richiamare il comando :before
« Risposta #6 il: 15 Mar 2016, 16:40:30 »
Ciao,
non uso nessun template, ne sto costuendo uno da sola.
Penso si possa fare? E' un casino, ma piano piano sto facendo le varie modifiche...

A me non serve mettere le icone in un articolo, ma proprio nei parametri dettagli di un articolo. Per esempio io ho impostato il primo link (home/predefinito) del menu principale con vista articoli in evidenza cosi mi prende tutti gli articoli del sito. Con
questa visuale escono i parametri stampa/email/modifica, ma non escono in modalità blog/categoria che ho messo nel secondo link dello stesso menu. Sembra che ci siano dei conflitti nel core stesso di joomla. Non so se posso mettere degli screen per farti capire...

Inoltre volevo aggiungere le icone davanti a "scritto da" e ad ogni singola categoria, si può fare?

Offline frascan

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4996
  • Sesso: Maschio
    • Mostra profilo
Re:ICOMOON: Come richiamare il comando :before
« Risposta #7 il: 15 Mar 2016, 17:02:25 »
Certo che si può realizzare un template da zero però diventa veramente difficile poterti dare delle indicazioni non conoscendo la struttura del template. Non è questione di screenshoot anche vedendo delle screen senza conoscere la struttura del template come si fa ad aiutarti?

Poi questo template lo stai realizzando partendo da zero zero o appoggiandoti su qualche framework? E se parti da zero zero sei sicura di conoscere tutte le classi che devono essere inserite nei css?

Comunque se fai la ricerca su google che ti ho indicato dovresti trovare delle indicazioni utili rispetto a quello che ti serve
Per la natura stessa delle cose un esploratore non può mai sapere che cosa stia esplorando finché l’esplorazione non sia stata compiuta.

Offline Paperikat

  • Appassionato
  • ***
  • Post: 217
    • Mostra profilo
Re:ICOMOON: Come richiamare il comando :before
« Risposta #8 il: 15 Mar 2016, 17:13:34 »
Hem! In realtà mi sto un po' sfidando...non conosco tutto di Joomla!

A parte Bootrap e IcoMoon che sono già nel core di Joomla (in teoria) non uso altro, solo tutto CSS fin dove ci arrivo e un paio di moduli come lo slide e il carosello, ma che sostituirò con Bootsrap stesso. Non so bene fin dove arriverò, ma vorrei provare...

Per struttura del template ti riferisci all'INDEX.PHP? Se vuoi ti mando il code per MP, se si può fare...preferisco mantenere ancora anonimo il mio template dato che ci sto lavorando e per ora è pietoso...se non trasgredisco nessuna regola del forum, mi farebbe piacere lavorare anche a 4 mani. Dimmi tu!

Poi guardo la ricerca che mi hai fornito, cosi cerco di capire se mi serve...

Offline MariaElenaBoschi

  • Appassionato
  • ***
  • Post: 469
    • Mostra profilo
Re:ICOMOON: Come richiamare il comando :before
« Risposta #9 il: 15 Mar 2016, 17:30:18 »
joomla è l'ultimo dei tuoi problemi, quello che stai facendo non ha a che fare con joomla ma con i css.
http://www.html.it/pag/14219/gli-pseudo-elementi/
mancano 2 giorni alla mia prematura dipartita, saluti a tutti, meb.

Offline Paperikat

  • Appassionato
  • ***
  • Post: 217
    • Mostra profilo
Re:ICOMOON: Come richiamare il comando :before
« Risposta #10 il: 15 Mar 2016, 17:50:16 »
joomla è l'ultimo dei tuoi problemi, quello che stai facendo non ha a che fare con joomla ma con i css.
http://www.html.it/pag/14219/gli-pseudo-elementi/

Senza dubbio si tratta di CSS, ma il problema è proprio "indovinare" tutte le classi distribuite da Joomla per far muovere i componenti come più ti piacciono. Alcuni sono semplici da trovare, altri invece non lo sono. Sono abituata a modificare Joomla 2.5 e se per esempio le immagini in modalità blog potevo dargli una misura a mio piacere, per esempio, con la stringa:

Codice: [Seleziona]
.column-1 img { width:250px; height:150px; margin:0; padding:0; } /* parametri immagine colonna 1 */

Con Joomla 3 mi ritrovo già un immagine "tagliata" in anteprima senza che io gli ho dato una classe e se uso la medesima sopra, comunque non funziona perchè da qualche parte c'è una classe pre-impostata che comanda le immagini in modalità featured e blog. Quindi vai a capire...sarebbe da aprire un altro topic anche per questo problema!

Offline Paperikat

  • Appassionato
  • ***
  • Post: 217
    • Mostra profilo
Re:ICOMOON: Come richiamare il comando :before
« Risposta #11 il: 15 Mar 2016, 17:57:31 »
Per correttezza, ho aperto il topic per la questione immagini: http://forum.joomla.it/index.php/topic,257934.0.html

Offline Paperikat

  • Appassionato
  • ***
  • Post: 217
    • Mostra profilo
Re:ICOMOON: Come richiamare il comando :before
« Risposta #12 il: 16 Mar 2016, 16:42:42 »
Ringrazio tutti, ho risolto parzialmente! Mi manca solo da capire come dare un'icona alle categorie...
Per me, quindi è [RISOLTO]

Grazie di cuore!  :-*

 



Web Design Bolzano Kreatif