Autore Topic: Posizionamento immagine in chat  (Letto 368 volte)

0 Utenti e 1 Visitatore stanno visualizzando questo topic.

Offline Lucarella

  • Utente IS Lv.3
  • ***
  • Post: 455
    • Mostra profilo
    • eMuleItalia.eu
  • Versione SMF: 2.0.x
  • Versione ElkArte: -
Posizionamento immagine in chat
« il: Mercoledì, 21 Aprile 2021 14:25 »
Salve a tutti, rieccomi con un nuovo problema :P
Nel mio forum ho installato questa shoutbox ma più precisamente la versione Pro, la quale ha delle opzioni in più, tra cui poter inserire un immagine di sfondo alla chat.
Funziona tutto correttamente, tranne proprio la funzione dell'immagine di sfondo, perchè non riesco a regolarla come vorrei e vi spiego il perchè...
Di default, ogni immagine inserita viene ripetuta quindi, per aggirare il problema, si deve usare un immagine abbastanza grande, solo che anche con immagini grandi il ripetersi avviene sempre, anche se più contenuto... Vi mostro qualche esempio:
Questa è con un'immagine 200x200


Mentre questa è con un immagine 1280x427


Come noterete, questa si ripete una sola volta ed inizia da dove ho messo la riga rossa, facendomi di fatto comparire al centro la scritta, che io vorrei tutta  a destra, come è nell'immagine originale


Ho fatto molte prove, creando immagini molto più lunghe ma il risultato è sempre lo stesso, si ripetere sempre allo stesso punto.

Ovviamente ho chiesto supporto a chi ha scritto sto mode mi disse che potevo regolare tutto tramite il css, ma le mie conoscenze non me lo permettono. Gli ho anche chiesto supporto pubblicamente sul suo forum, sollecitandolo più volte, ma dopo circa un mese non ho ricevuto nessuna risposta >:(

Potrei anche lasciarla così, al centro, solo che spesso le scritte in chat vanno a sovrapporsi sopra diventando poco leggibile e brutto esteticamente perciò vorrei che andasse tutta a destra... Avete dei suggerimenti ?
Allego il css della chat, se serve altro ditemelo  :)

Grazie

Offline Flavio93Zena

  • Staff IS
  • *******
  • Post: 3167
  • Sesso: Maschio
  • Sniper Legends
    • Mostra profilo
  • Versione SMF: 2.0.x
  • Versione ElkArte: -
Re:Posizionamento immagine in chat
« Risposta #1 il: Mercoledì, 21 Aprile 2021 21:37 »
Mi son dovuto registrare ;D
Aggiungi:
Codice: [Seleziona]
div#shoutbox { background-repeat: no-repeat;
    background-size: contain;
    background-position-x: right;
    background-color: #000; }
Alla fine del file :) (aggiusta l'indentazione del testo, lo sto facendo di fretta e tab non funziona qui)

E' responsive, per quanto possibile.
« Ultima modifica: Mercoledì, 21 Aprile 2021 21:41 da Flavio93Zena »

Offline Lucarella

  • Utente IS Lv.3
  • ***
  • Post: 455
    • Mostra profilo
    • eMuleItalia.eu
  • Versione SMF: 2.0.x
  • Versione ElkArte: -
Re:Posizionamento immagine in chat
« Risposta #2 il: Mercoledì, 21 Aprile 2021 22:03 »
Se per aggiustarlo intendevi renderlo così ?
Codice: [Seleziona]
div#shoutbox {
     background-repeat: no-repeat;
         background-size: contain;
         background-position-x: right;
         background-color: #000;
}
Purtroppo il posizionamento non cambia, rimane come prima :( Altre idee ?

Offline Flavio93Zena

  • Staff IS
  • *******
  • Post: 3167
  • Sesso: Maschio
  • Sniper Legends
    • Mostra profilo
  • Versione SMF: 2.0.x
  • Versione ElkArte: -
Re:Posizionamento immagine in chat
« Risposta #3 il: Mercoledì, 21 Aprile 2021 22:08 »
Non vedo il codice aggiunto al file infatti...

Offline Lucarella

  • Utente IS Lv.3
  • ***
  • Post: 455
    • Mostra profilo
    • eMuleItalia.eu
  • Versione SMF: 2.0.x
  • Versione ElkArte: -
Re:Posizionamento immagine in chat
« Risposta #4 il: Mercoledì, 21 Aprile 2021 22:12 »
L'ho rimesso ;)

Offline Flavio93Zena

  • Staff IS
  • *******
  • Post: 3167
  • Sesso: Maschio
  • Sniper Legends
    • Mostra profilo
  • Versione SMF: 2.0.x
  • Versione ElkArte: -
Re:Posizionamento immagine in chat
« Risposta #5 il: Mercoledì, 21 Aprile 2021 22:14 »
Se ti scrivo alla fine del file, intendo proprio ALLA FINE del file, non prima dell'ultima parentesi :)
Codice: [Seleziona]
div#shoutbox {
     background-repeat: no-repeat;
         background-size: contain;
         background-position-x: right;
         background-color: #000;
}

}
Questo non è ciò che ho scritto :P

Offline Lucarella

  • Utente IS Lv.3
  • ***
  • Post: 455
    • Mostra profilo
    • eMuleItalia.eu
  • Versione SMF: 2.0.x
  • Versione ElkArte: -
Re:Posizionamento immagine in chat
« Risposta #6 il: Mercoledì, 21 Aprile 2021 22:26 »
Credevo che l'ultima parentesi doveva restare :P
Cmq l'ho tolta ora, ma rimane sempre così...

Offline Flavio93Zena

  • Staff IS
  • *******
  • Post: 3167
  • Sesso: Maschio
  • Sniper Legends
    • Mostra profilo
  • Versione SMF: 2.0.x
  • Versione ElkArte: -
Re:Posizionamento immagine in chat
« Risposta #7 il: Mercoledì, 21 Aprile 2021 22:34 »
Ma te mi vuoi far impazzire...
Se ti scrivo AGGIUNGILO ALLA FINE è diverso da CANCELLA LA PARENTESI!!! :-[
Te lo allego :-X

Offline Lucarella

  • Utente IS Lv.3
  • ***
  • Post: 455
    • Mostra profilo
    • eMuleItalia.eu
  • Versione SMF: 2.0.x
  • Versione ElkArte: -
Re:Posizionamento immagine in chat
« Risposta #8 il: Mercoledì, 21 Aprile 2021 22:42 »
Oh pardon... Avevo pensato diversamente  ;D
L'ho messo su e ora il risultato è quello che volevo, ora devo solo giocare un pò per migliorare il posizionamento della scritta.
Grazie mille Flavio, avanzi un caffè ;)

Offline Flavio93Zena

  • Staff IS
  • *******
  • Post: 3167
  • Sesso: Maschio
  • Sniper Legends
    • Mostra profilo
  • Versione SMF: 2.0.x
  • Versione ElkArte: -
Re:Posizionamento immagine in chat
« Risposta #9 il: Mercoledì, 21 Aprile 2021 22:44 »
L'immagine si allinea col bordo a destra, vedi tu di quanti pixel la vuoi far spostare basta che avvicini il testo al bordo ;)
E menomale ora funziona ;D

Offline Lucarella

  • Utente IS Lv.3
  • ***
  • Post: 455
    • Mostra profilo
    • eMuleItalia.eu
  • Versione SMF: 2.0.x
  • Versione ElkArte: -
Re:Posizionamento immagine in chat
« Risposta #10 il: Mercoledì, 21 Aprile 2021 22:48 »
Si ho visto, ed infatti alla fine vi si sovrappone la barra come puoi vedere. Credo che spostarla un pò verso sinistra risolverà il problema.

Grazie ancora

Offline Flavio93Zena

  • Staff IS
  • *******
  • Post: 3167
  • Sesso: Maschio
  • Sniper Legends
    • Mostra profilo
  • Versione SMF: 2.0.x
  • Versione ElkArte: -
Re:Posizionamento immagine in chat
« Risposta #11 il: Mercoledì, 21 Aprile 2021 23:00 »
La soluzione più elegante sarebbe stata fare un'immagine solo con la scritta e la trasparenza, inserire lo sfondo nero (come ho fatto), e regolare i margini con quello, ma è un po' più complicato. E' un problema annoso lo sfondo con le immagini...

Offline Lucarella

  • Utente IS Lv.3
  • ***
  • Post: 455
    • Mostra profilo
    • eMuleItalia.eu
  • Versione SMF: 2.0.x
  • Versione ElkArte: -
Re:Posizionamento immagine in chat
« Risposta #12 il: Mercoledì, 21 Aprile 2021 23:28 »
Per ora sono riuscito ad inserirla come volevo, ma cmq farò altre prove, anche come dici tu.  Alla fine dovrò pur trovare il posizionamento giusto ;D

 

Chat per lo staff

Aperto da ikarowebSezione Mods - Modifiche SMF

Risposte: 10
Visite: 3928
Ultimo post Domenica, 10 Marzo 2013 19:28
da ikaroweb
Chat

Aperto da ikarowebSezione Mods - Modifiche SMF

Risposte: 38
Visite: 11289
Ultimo post Lunedì, 24 Giugno 2013 11:21
da Darknico
Una Chat per Italian SMF

Aperto da DarknicoSezione Archivio Italian SMF

Risposte: 3
Visite: 2464
Ultimo post Sabato, 22 Giugno 2013 00:54
da Darknico
SimplePortal 2.3.7 © 2008-2018, SimplePortal