[icone] icone forum

Versione Completa   Stampa   Cerca   Utenti   Iscriviti     Condividi : FacebookTwitter
Silvia
00giovedì 1 novembre 2018 15:02
Ritorno sulla questione delle icone del forum.
Vorrei che fossero ridimensionate, non tagliate.. come posso fare?
ho provato ad aggiungere questo codice ma non funziona. =(

codice
img { 
 max-width:80%; 
	height:auto; 
}

.cartella-59575 .ico-list-thumb {
    background-image: url(https://www.topmanga.it/forum/icone/img_448752.png) !important;
}


Adesso ho cancellato le icone su tutto il forum e così facendo ho visto che sul mobile non si visualizzano nemmeno sebbene specifichi il percorso. Giusto?
Quindi se voglio una icona sul mobile (che sia uguale o diversa dal desktop) deve necessariamente esserci una icona da versione desktop!

Silvia
00martedì 6 novembre 2018 23:23
Ancora niente? 😌
admin
00mercoledì 7 novembre 2018 10:53
Si quel codice css va ad agire sull'immagine della cartelle e la cambia.
Se non c'è l'icona prende quella di default colorata, che non è una immagine.

Si può agire su quel codice per non farle tagliare, ma quello conta è il rapporto di forma, se sono troppo rettangolari diventano troppo piccole, si possono ingrandire a discapito del testo.

Altrimenti le puoi caricare già pronte per il mobile, e le nascondiamo solo lato desktop.

Se fai una prova su una cartella vediamo di trovare la soluzione migliore, prima di lavorare anche su tutte le altre
Silvia
00mercoledì 7 novembre 2018 11:28
Ok e che dimensione mi conviene dare per una icona mobile?
admin
00mercoledì 7 novembre 2018 11:33
Se lasci la visualizzazione solo ad icona almeno 75x100 ma meglio se 150x200 rispettando il rapporto di forma.
Considera che poi se è necessario perché la cartella è un po' più alta verrà tagliata ai margini.

Se imposti la visualizzazione grande, usa 500x280
Silvia
00mercoledì 7 novembre 2018 12:10
Ok provo con 150x200.
Ma di fatto quanto è la larghezza minima sotto la quale non si può scendere per l'icona (e quindi non si avrà il ridimensionamento?).
admin
00mercoledì 7 novembre 2018 12:25
Dipende solo dal rapporto di forma, che è più o meno quello, non c'è una larghezza minima.
L'immagine viene ridimensionata, ma se la cartella ha una descrizione molto lunga e finisce su più righe, lo spazio per l'icona si aumenta (in verticale) e per far si che entri in quello spazio viene tagliata a sinistra e a destra.
Silvia
00mercoledì 7 novembre 2018 17:19
Decisamente quindi bisogna avere due icone una per desktop e una per mobile perchè nella primo caso è meglio una icona orizzontale mentre nel secondo caso è meglio una icona verticale.


allora, per il mobile per la cartella BENVENUTI ho provato a mettere questa icona:

im5.freeforumzone.it/up/58/60/1798707680.jpg

ora si può impostare un codice in modo che non si tagli? perchè dal mio cellulare si vede tagliato (vorrei che si vedesse il bordino nero su tutti i lati, vedi allegato).

Poi magari vedrò di ridimensionare il testo nelle varie cartelle...in modo che non si allunghi troppo.


Grazie =)



admin
00venerdì 9 novembre 2018 13:45
Puoi fare così.

Per impostare una immagine che non venga mai tagliata, questo è il codice:

-
.cartella-59575 .ico-list-thumb {
    background-image: url(https://im5.freeforumzone.it/up/58/60/1798707680.jpg) !important;
    background-size: contain;
}



Se il tuo intento è quello di lasciare sempre un bordino nero, questo lo puoi fare da css senza metterlo nella immagine:

-
.cartella-59575 .ico-list-thumb {
    background-image: url(https://im5.freeforumzone.it/up/58/60/1798707680.jpg) !important;
    border: solid 1px #000000;
}
Silvia
00mercoledì 14 novembre 2018 12:13
Grazie! sto facendo le modifiche e vanno benissimo!!

Ho riscontrato però un errore:
il codice per impostare l'icona alternativa da cellulare rispetto alla versione desktop NON funziona se si prova a mettere l'icona ad una SOTTOCARTELLA. Viene caricata la stessa icona del Desktop.
Come si può risolvere?


Ho anche notato che la descrizione di una cartella (sempre da versione mobile) non occupa tutto lo spazio disponibile in larghezza. C'è ovviamente da considerare lo spazio per la freccetta ma, si può comunque aumentare ancora un po' lo spazio? grazie =)
(e si può anche giustificare il testo della descrizione della cartella? grazie!)

In allegato ti carico lo screenshot di quanto riportato.

admin
00giovedì 15 novembre 2018 00:30
Ho visto che l'icona della sottocartella ora funziona.

Per diminuire quello spazio il codice css da usare è questo:

css
.titledesc {
    margin-right: 65px !important;
}


l'impostazione originaria è 65px, puoi diminuirlo a piacimento. Ti sconsiglio di andare sotto i 15/20 px
Silvia
00mercoledì 19 dicembre 2018 13:11
Sto continuando ad aggiornare le icone da mobile ma le ultime due che ho caricato

COSPLAY e FANART non mi carica l'icona personalizzata per la versione mobile ma quella da DESKTOP...
ho fatto tutto uguale come al solito, non capisco quale sia il problema...
grazie

www.freeforumzone.com/k/19139/-ANIME-MANGA-FUMETTI-E-GIAPPONE-/catego...
Silvia
00mercoledì 19 dicembre 2018 18:02
ora è tutto a posto.. grazie se avete fatto qualcosa, altrimenti si è sistemato tutto da solo ahahah =)
Questa è la versione 'lo-fi' del Forum Per visualizzare la versione completa clicca qui
Tutti gli orari sono GMT+01:00. Adesso sono le 03:08.
Copyright © 2000-2024 FFZ srl - www.freeforumzone.com