Autore Topic: Cambio icone base (new post, no new post, ecc.)  (Letto 2193 volte)

0 Utenti e 1 Visitatore stanno visualizzando questo topic.

Offline berethor

  • Utente IS Lv.2
  • **
  • Post: 177
  • Sesso: Maschio
    • Mostra profilo
    • FFSaga.it
  • Versione SMF: -
  • Versione ElkArte: 1.0.x
Cambio icone base (new post, no new post, ecc.)
« il: Lunedì, 20 Novembre 2017 21:07 »
Oggi mi stavo apprestando a cambiare le icone del tema base con delle altre quando mi accorgo che esse non consistono in diverse immagini come in SMF, ma in una specie di immagine singola che le racchiude tutte in sé (per intenderci: non c'è solo una cartella grigia, una verde, ecc., ma sono tutte in sequenza all'interno di un rettangolo trasparente). Devo crearne una così anche io per forza o posso fare in modo che ElkArte cerchi un'immagine diversa per ogni comando?

Offline Flavio93Zena

  • Staff IS
  • *******
  • Post: 3023
  • Sesso: Maschio
  • Sniper Legends
    • Mostra profilo
  • Versione SMF: 2.0.x
  • Versione ElkArte: 1.0.x
Re:Cambio icone base (new post, no new post, ecc.)
« Risposta #1 il: Lunedì, 20 Novembre 2017 22:03 »
Si chiamano sprite, e sì sono un'unica immagine :) Cambiare questo richiederebbe numerose modifiche, per cui ti consiglio di tenere quelle che hai e modificarle (bada bene di non cambiare la dimensione).
Maggiori informazioni qui: https://www.w3schools.com/css/css_image_sprites.asp
On hiatus

Offline emanuele

  • Amministratore IS
  • *******
  • Post: 4925
    • Mostra profilo
    • ElkArte
  • Versione SMF: Altro
  • Versione ElkArte: 1.0.x
Re:Cambio icone base (new post, no new post, ecc.)
« Risposta #2 il: Lunedì, 20 Novembre 2017 22:48 »
Dipende un po' da cosa ti va/vuoi fare.

Se tieni gli sprite e mantieni le stesse dimensioni delle immagini, basta che sostituisci i file e sei a posto.
Se vuoi usare immagini singole, o se vuoi usare immagini di dimensioni diverse, puoi farlo, ma a quel punto devi anche cambiare il CSS (adesso non ricordo di preciso cosa devi cambiare, il tema non è il mio forte... non lo era in italiano e non lo è nello sviluppo web! LOL).

Offline Flavio93Zena

  • Staff IS
  • *******
  • Post: 3023
  • Sesso: Maschio
  • Sniper Legends
    • Mostra profilo
  • Versione SMF: 2.0.x
  • Versione ElkArte: 1.0.x
Re:Cambio icone base (new post, no new post, ecc.)
« Risposta #3 il: Martedì, 21 Novembre 2017 07:21 »
Dovrebbe cambiare il background e l'offset per ogni immagine, per cui non conviene ;D E' meglio se tiene l'immagine singola e la modifica a piacimento.
On hiatus

Offline berethor

  • Utente IS Lv.2
  • **
  • Post: 177
  • Sesso: Maschio
    • Mostra profilo
    • FFSaga.it
  • Versione SMF: -
  • Versione ElkArte: 1.0.x
Re:Cambio icone base (new post, no new post, ecc.)
« Risposta #4 il: Martedì, 21 Novembre 2017 19:17 »
Visto tutto e credo di poter gestire gli sprite (il condizionale è d'obbligo ;D), tuttavia ho un dubbio: riconosco tutte le icone tranne la seconda, ossia quella verde più trasparente. So che la prima è quella usata per indicare la presenza di nuovi post in sezione, mentre quella interamente trasparente corrisponde a quella usata quando la sezione non ha nuovi post.... ma non riesco proprio a capire la seconda a cosa serva ???


Offline emanuele

  • Amministratore IS
  • *******
  • Post: 4925
    • Mostra profilo
    • ElkArte
  • Versione SMF: Altro
  • Versione ElkArte: 1.0.x
Re:Cambio icone base (new post, no new post, ecc.)
« Risposta #5 il: Mercoledì, 22 Novembre 2017 08:36 »
La seconda è usata quando ci sono nuovi post solo in una sotto-sezione.

Offline berethor

  • Utente IS Lv.2
  • **
  • Post: 177
  • Sesso: Maschio
    • Mostra profilo
    • FFSaga.it
  • Versione SMF: -
  • Versione ElkArte: 1.0.x
Re:Cambio icone base (new post, no new post, ecc.)
« Risposta #6 il: Giovedì, 23 Novembre 2017 16:26 »
Ha funzionato alla perfezione. Vi ringrazio tanto 8)

Offline berethor

  • Utente IS Lv.2
  • **
  • Post: 177
  • Sesso: Maschio
    • Mostra profilo
    • FFSaga.it
  • Versione SMF: -
  • Versione ElkArte: 1.0.x
Re:Cambio icone base (new post, no new post, ecc.)
« Risposta #7 il: Sabato, 13 Gennaio 2018 22:45 »
Ragazzi, ma il percorso è cambiato nella versione 1.1?

Offline emanuele

  • Amministratore IS
  • *******
  • Post: 4925
    • Mostra profilo
    • ElkArte
  • Versione SMF: Altro
  • Versione ElkArte: 1.0.x
Re:Cambio icone base (new post, no new post, ecc.)
« Risposta #8 il: Domenica, 14 Gennaio 2018 13:15 »
Quel che è cambiato è che di default, alcune di queste icone sono state convertite ad immagini SVG.
Per le rimanenti, se non erro, funziona come ha sempre funzionato mettendo l'immagine via ftp e poi configurandola nel pannello di admin... in effetti questa area è un po' oscura anche a me perché non ne ho seguito lo sviluppo... :-[
« Ultima modifica: Domenica, 14 Gennaio 2018 13:17 da emanuele »

Offline Flavio93Zena

  • Staff IS
  • *******
  • Post: 3023
  • Sesso: Maschio
  • Sniper Legends
    • Mostra profilo
  • Versione SMF: 2.0.x
  • Versione ElkArte: 1.0.x
Re:Cambio icone base (new post, no new post, ecc.)
« Risposta #9 il: Domenica, 14 Gennaio 2018 14:39 »
L'icona di "nuovo", perlomeno, non è più un'immagine ma creata dal browser (finalmente) :P Le altre come ha detto ema mi paiono svg, non mi piacciono perchè i link per quelle cose sono un *inferno*, ma funzionano bene.
On hiatus

Offline emanuele

  • Amministratore IS
  • *******
  • Post: 4925
    • Mostra profilo
    • ElkArte
  • Versione SMF: Altro
  • Versione ElkArte: 1.0.x
Re:Cambio icone base (new post, no new post, ecc.)
« Risposta #10 il: Domenica, 14 Gennaio 2018 17:40 »
Cosa vuoi direi Flavio con i "link"?

Ad ogni modo, Berethor, ti confermo che basta caricare le immagini png in themes/default/images/post/ e poi configurare dal pannello di admin (admin > forum > smiley e icone > modifica icone).
ElkArte già di default usa un approccio a metà: per tutte le immagini (nelle icone dei messaggi) che non sono smiley usa svg, per tutte quelle che sono smiley usa png.

Offline berethor

  • Utente IS Lv.2
  • **
  • Post: 177
  • Sesso: Maschio
    • Mostra profilo
    • FFSaga.it
  • Versione SMF: -
  • Versione ElkArte: 1.0.x
Re:Cambio icone base (new post, no new post, ecc.)
« Risposta #11 il: Domenica, 14 Gennaio 2018 18:31 »
Non quelle. Parlo di quelle che intende anche Flavio: "Nuovo", "Niente Nuovo" e "Redirezionamento", che prima le trovavo in "themes/default/images/_light" dove ci sono ancora quelle di ElkArte 1.0
Ma ti ringrazio perché in ogni caso avrei dovuto cambiare anche quelle prima o poi >:D

E' la prima volta che sento di sprite create dal browser: come mi devo comportare per cambiarle?

Offline emanuele

  • Amministratore IS
  • *******
  • Post: 4925
    • Mostra profilo
    • ElkArte
  • Versione SMF: Altro
  • Versione ElkArte: 1.0.x
Re:Cambio icone base (new post, no new post, ecc.)
« Risposta #12 il: Domenica, 14 Gennaio 2018 19:07 »
Ahhh! xD
Ok, mi confondo sempre fra le due. xD

Allora, quelle diciamo che il concetto è sempre lo stesso di prima... più o meno.
Il modo più facile è per te di prendere le immagini, metterle "da qualche parte" (ad esempio themes/default/images/_light/), poi crei un file custom_light.css e lo metti in themes/default/css/_light/.
A quel punto nel file custom_light.css ci metti:
Codice: [Seleziona]
.i-board-off::before {
    content: ""; /* o forse è '' ? Non ricordo mai cosa vuole il css... va beh, o è singolo apice o è doppio */
    background-image: url('../../images/_light/mio_off.png');
}
.i-board-new::before {
    content: ""; /* o forse è '' ? Non ricordo mai cosa vuole il css... va beh, o è singolo apice o è doppio */
    background-image: url('../../images/_light/mio_on.png');
}
.i-board-sub::before {
    content: ""; /* o forse è '' ? Non ricordo mai cosa vuole il css... va beh, o è singolo apice o è doppio */
    background-image: url('../../images/_light/mio_sub.png');
}
.i-board-redirect::before {
    content: ""; /* o forse è '' ? Non ricordo mai cosa vuole il css... va beh, o è singolo apice o è doppio */
    background-image: url('../../images/_light/mio_redirect.png');
}
e poi usi le immagini che vuoi (tenendo conto delle dimensioni).

Offline berethor

  • Utente IS Lv.2
  • **
  • Post: 177
  • Sesso: Maschio
    • Mostra profilo
    • FFSaga.it
  • Versione SMF: -
  • Versione ElkArte: 1.0.x
Re:Cambio icone base (new post, no new post, ecc.)
« Risposta #13 il: Domenica, 14 Gennaio 2018 23:28 »
Se ho interpretato bene il codice, devo creare un file per ogni immagine invece di uno sprite, giusto?

Offline emanuele

  • Amministratore IS
  • *******
  • Post: 4925
    • Mostra profilo
    • ElkArte
  • Versione SMF: Altro
  • Versione ElkArte: 1.0.x
Re:Cambio icone base (new post, no new post, ecc.)
« Risposta #14 il: Domenica, 14 Gennaio 2018 23:50 »
Se hai già lo sprite, puoi usare anche quello... io però non sono molto bravo con quei cosi, sorry. xD

 

Abilita HTML di base nei post

Aperto da ibernetSezione SMF 2.0

Risposte: 12
Visite: 4204
Ultimo post Sabato, 26 Aprile 2014 08:57
da emanuele
Espandere icone del post

Aperto da TanakaSezione SMF 2.0

Risposte: 4
Visite: 657
Ultimo post Giovedì, 25 Maggio 2017 12:06
da liku337
[MOD] - Auto Merge Post

Aperto da Van83Sezione Mods - Modifiche SMF

Risposte: 6
Visite: 1787
Ultimo post Lunedì, 27 Gennaio 2014 22:21
da emanuele