Immagini e nome forum

[serena1986]

Vorrei inserire delle immagini per ogni forum e fin qui ci arrivo.
Il problema è che vorrei che sia il nome del forum sia la descrizione siano centrate rispetto all'immagine.Con il nome sopra e la descrizione subito sotto secondo me è antiestetico!!!
Chi aiuta? Considerate che son principiante!

[NikOn]

Penso che tu ci sia riuscita il logo è centrato

[Bazzy9]

Ciao serena,

Potresti spiegarti meglio? Tu vorresti il logo centrato, e il titolo e la descrizione

sotto il logo?

Non ho capito, scusami!

Bye

[serena1986]

No in pratica vorrei attribuire delle immagini ad ogni forum però con questo codice

mi viene l'immagine a destra e la descrizione a sinistra mentre allegando semplicemente l'url dell'immagine mi viene a destra ma la descrizione è appiccicata subito sotto al titolo.





Io vorrei l'immagine a destra ma la descrizione e, magari anche il titolo, fossero disposti a destra e un pò più in basso un attimo dopo l'immaggine.
Non so se mi sono spiegata...

[NikOn]

Sui codici dovresti chiedere a the crow lui li sa bene io no ^_^

[serena1986]

Mannaggi!!! E dove lo trovo?

[Diego]

mettilo in Colori=>Foglio di stile CSS

Codice:

.forum-desc img {
      margin-right:20px;
   }

Il 20 px è esagetato, ma metti il valore che ti piace di più.. :)

[serena1986]

Devo farlo per ogni forum? E prima o dopo "margin-right:20px;" ci va qualcosa?
Scusate ma io sono imbranata assai!

[Diego]

Questo è css e una volta inserito in visualizzazione=>Colori=>Foglio di stile CSS sarà attivo lo stesso codice in tutto il forum..
nel css ci vanno le modifiche generali e in questo caso applico un margine destro a TUTTE le immagini presenti nella descrizioni del forum.. =)

in poche parole, il css serve per impostare le regole generali sulla grafica..

[the crow]

..non ho capioto.......questo e' quello che vuoi

[serena1986]

No no,scusate ho sbagliato io ,voglio questa



ma con la descrizione e magari anche il titolo a partire da metà immagine sempre a sinistra ma un pò staccato.

[serena1986]

Oppure se il titolo non si può spostare un pò più distanziato dall'immagine.
Scusate ma da sola non ce la faccio.

[the crow]

mandami un'immagine di prova cosi provo a fare qualcosa

[Diego]

per lo spostamento laterale..

Codice:

.forum-desc img {
      margin-right:20px;
  }

e per l'alto

Codice:

.forum-desc img {
      margin-top:20px;
  }

[serena1986]

Questo è il link dell'immagine https://2img.net/r/ihimizer/img852/2725/31493109.jpg e la descrizione sarebbe Il nostro torneo di Fanta F1

come dovrei elaborare i tuoi codici Diego e dove dovrei metterli?

The Crow come faccio a fare un immagine di prova?

[Diego]

Te lo avevo detto prima.. metti i miei codici in Visualizzazione=>Colori=>Foglio di stile CSS
e poi metti l'immagine in "Indirizzo dell'immagine" sopra il box in cui metti la descrizione del forum.. =)

PS:- se vuoi mi offro come volontario suicina per fartelo io.. ci vuole un'attimo..

[serena1986]

Ok aspetta che ci provo subito.

[serena1986]

L'ho fatto ma la descrizione non si sposta di un millimetri rimane attaccata all'immagine...

[Diego]

Scusami.. non avevo tenuto presente che la tua versione era in phpbb..

Codice:

    .hierarchy img {
          margin-top:20px;
      }
    .hierarchy img {
          margin-right:20px;
      }

[the crow]

The Crow come faccio a fare un immagine di prova?

..dovrai solo inserire l'immagine ..sara' il codice a fare il resto
edit: prima vedi se funziona il css che ti ha passato diego ...mi sembra un po corto per muovere immagine e testo..pero' io non ho phpbb3 forse e' diverso da invision

[serena1986]

Scusate ma l'ho copiato di pari passo nel foglio css e ho registrato ma non si sposta nulla.Guardate un pò...http://ilpozzodeidesideri.forumattivo.it/forum la scritta della descrizione rimane in alto appiccicata all'immagine.

[Diego]

Scusate ma l'ho copiato di pari passo nel foglio css e ho registrato ma non si sposta nulla.Guardate un pò...http://ilpozzodeidesideri.forumattivo.it/forum la scritta della descrizione rimane in alto appiccicata all'immagine.

Scusami.. hai ragione..
errore mio..
Applicavo uno spostamento all'immagine del link delle categorie, ma visto che non ci sono immagini, il codice non fa niente..
Che scemo che sono..
Mi ero incasinato leggendo il codice sorgente del tuo forum..

Rimuovi il vecchio e metti quello nuovo e correto.. =)

Codice:

    .dterm img {
          margin-top:20px;
      }
    .dterm img {
          margin-right:20px;
      }

Come ho detto prima, il 20px è esagerato (a mio parere), ma ovviamente più il valore sarà piccolo e più piccolo sarà lo spostamento..

[serena1986]

Ora lo sposta a sinistra ma non in basso. Cosa devo aggiungere?
Vi sto facendo diventare matti, scusate...

[Diego]

Del codice che ti ho dato

Codice:

margin-top:20px;

è per lo spostamento verso i basso e

Codice:

margin-bottom:20px;

è lo spostamento verso sinistra..

[serena1986]

Ok grazie!