Allineamento immagine intestazione
4 partecipanti
Forum dei Forum: Aiuto per Forumattivo :: Assistenza a problemi e richieste :: Gestire l'aspetto del forum :: I problemi risolti con l'aspetto del forum
Pagina 1 di 1 • Condividi
Allineamento immagine intestazione
Sentivate la mia mancanza con le domande ...come dire... da sprovveduta?
Ho messo una gif di Halloween sul forum, questo forum
http://ilcortiledellematte.forumattivo.it/
phpBB3
e come si può vedere è un po' invadente.
![Allineamento immagine intestazione Immagi17](https://i.servimg.com/u/f21/13/19/71/09/immagi17.png)
Ho messo il codice che ho trovato qui sul forum di assistenza nella descrizione forum, dopo il link dell'intestazione, ma mi viene così e non mi piace molto
Si può fare qualcosa per averla di fianco al logo in alto?
Ho provato a cercare, ma non sono riuscita da sola a trovare un sistema.
Grazie come sempre
Ho messo una gif di Halloween sul forum, questo forum
http://ilcortiledellematte.forumattivo.it/
phpBB3
e come si può vedere è un po' invadente.
![Allineamento immagine intestazione Immagi17](https://i.servimg.com/u/f21/13/19/71/09/immagi17.png)
Ho messo il codice che ho trovato qui sul forum di assistenza nella descrizione forum, dopo il link dell'intestazione, ma mi viene così e non mi piace molto
- Codice:
<a href="LINK"><img src="LINK IMMAGINE" /></a>
Si può fare qualcosa per averla di fianco al logo in alto?
Ho provato a cercare, ma non sono riuscita da sola a trovare un sistema.
Grazie come sempre
Ultima modifica di T.Aurora il Dom 11 Ott 2015 - 13:17 - modificato 1 volta.
Re: Allineamento immagine intestazione
L'immagine l'hai messa nella descrizione, quindi non è possibile affinacarla al logo tramite CSS ![Sad](https://2img.net/i/fa/i/smiles/icon_sad.gif)
Bisogna operare via template e aggiungere l'immagine direttamente accanto al logo (e non nella descrizione).
Tuttavia, ho delle alternative.. vediamo se ti piacciono![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png)
1. Come prima cosa ti consiglio di cancellare la parte relativa al link.. se non vuoi che quando qualcuno clcica sull'immagine, vada in un'altra pagina, allora è inutile che tieni il href="LINK", anche perchè se lo lasci così, porta ad una pagina di errore
2. Utilizza questo codice per posizionare l'immagine dove preferisci:
Se vuoi che l'immagine sia fissa sullo schermo, cambia "absolute" con "fixed". Con quel codice l'immagine sarà allineata in alto a sinistra, se vuoi che compia sulla destra, cambia "left:" con "right:"![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png)
Fammi sapere
![Sad](https://2img.net/i/fa/i/smiles/icon_sad.gif)
Bisogna operare via template e aggiungere l'immagine direttamente accanto al logo (e non nella descrizione).
Tuttavia, ho delle alternative.. vediamo se ti piacciono
![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png)
1. Come prima cosa ti consiglio di cancellare la parte relativa al link.. se non vuoi che quando qualcuno clcica sull'immagine, vada in un'altra pagina, allora è inutile che tieni il href="LINK", anche perchè se lo lasci così, porta ad una pagina di errore
2. Utilizza questo codice per posizionare l'immagine dove preferisci:
- Codice:
<img style="position: absolute; top: 10px; left: 10px;" src="http://img.photobucket.com/albums/v111/TinaAurora/gif24.gif">
Se vuoi che l'immagine sia fissa sullo schermo, cambia "absolute" con "fixed". Con quel codice l'immagine sarà allineata in alto a sinistra, se vuoi che compia sulla destra, cambia "left:" con "right:"
![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png)
Fammi sapere
![:zen:](/users/3112/53/90/27/smiles/385922.gif)
![](https://i.servimg.com/u/f18/16/89/96/68/sig_se10.png)
![Allineamento immagine intestazione Z_user10](https://i.servimg.com/u/f62/19/58/52/36/z_user10.png)
![Allineamento immagine intestazione 1300](https://i.servimg.com/u/f28/11/40/02/06/1300.png)
![Allineamento immagine intestazione 2203](https://i.servimg.com/u/f28/11/40/02/06/2203.png)
![Allineamento immagine intestazione 392](https://i.servimg.com/u/f28/11/40/02/06/392.png)
Re: Allineamento immagine intestazione
Grazie MattiaDes, è quasi tutto chiaro. Chiedo solo conferma.
Nella descrizione del sito tolgo il codice che ho messo io e metto quello che mi hai dato tu...
È così oppure non ho capito niente?
Grazie per la pazienza.
Nella descrizione del sito tolgo il codice che ho messo io e metto quello che mi hai dato tu...
È così oppure non ho capito niente?
Grazie per la pazienza.
Re: Allineamento immagine intestazione
Dunque... nella descrizione del sito non va... mi esce una scritta PHoto no found...intanto penso.
Re: Allineamento immagine intestazione
Hai uno screenshot?T.Aurora ha scritto:Dunque... nella descrizione del sito non va... mi esce una scritta PHoto no found...intanto penso.
![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png)
Re: Allineamento immagine intestazione
EsattamenteT.Aurora ha scritto:Grazie MattiaDes, è quasi tutto chiaro. Chiedo solo conferma.
Nella descrizione del sito tolgo il codice che ho messo io e metto quello che mi hai dato tu...
È così oppure non ho capito niente?
Grazie per la pazienza.
![happy](/users/3112/53/90/27/smiles/2632293392.gif)
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
- Codice:
<img style="position: absolute; top: 10px; left: 10px;" src="http://i.imgur.com/f13fH48.gif">
Appena vedi se funziona, possiamo discutere su come e dove posizionare l'immagine
![:zen:](/users/3112/53/90/27/smiles/385922.gif)
![](https://i.servimg.com/u/f18/16/89/96/68/sig_se10.png)
![Allineamento immagine intestazione Z_user10](https://i.servimg.com/u/f62/19/58/52/36/z_user10.png)
![Allineamento immagine intestazione 1300](https://i.servimg.com/u/f28/11/40/02/06/1300.png)
![Allineamento immagine intestazione 2203](https://i.servimg.com/u/f28/11/40/02/06/2203.png)
![Allineamento immagine intestazione 392](https://i.servimg.com/u/f28/11/40/02/06/392.png)
Re: Allineamento immagine intestazione
per Niko: non ho quello screenshot perchè ho tolto subito l'immagine Photo No found.
per MattiaDes: perfetto, ora l'immagine c'è... è al posto di prima ma c'è, ma non scusarti del ritardo, ci mancherebbe; quando hai tempo mi dici come spostarla, così imparo un'altra cosa nuova, nuova per me ovviamente.![ciao!](/users/3112/53/90/27/smiles/3789766577.gif)
per MattiaDes: perfetto, ora l'immagine c'è... è al posto di prima ma c'è, ma non scusarti del ritardo, ci mancherebbe; quando hai tempo mi dici come spostarla, così imparo un'altra cosa nuova, nuova per me ovviamente.
![ciao!](/users/3112/53/90/27/smiles/3789766577.gif)
Re: Allineamento immagine intestazione
inseriscilo e modifcalo come vuoi
![Allineamento immagine intestazione Cattur31](https://i.servimg.com/u/f21/17/46/64/29/cattur31.jpg)
- Codice:
<p style="position:absolute; top:10px; left:300px">
<img alt="breve descrizione dell'immagine" src="http://2img.net/i/fa/admin/icones/help_it.png" />
</p>
![Allineamento immagine intestazione Cattur31](https://i.servimg.com/u/f21/17/46/64/29/cattur31.jpg)
Re: Allineamento immagine intestazione
Eccomi, ottimo!
allora @T.Aurora proverò a farti varie casistiche
In alto a sinistra fissa in alto:
In alto a destra fissa in alto:
In alto a sinistra fissa sulla schermo (se scorri la pagina l'immagine rimane comunque):
In alto a destra fissa sulla schermo (se scorri la pagina l'immagine rimane comunque):
Come valore c'è sempre 10px, se lo aumenti l'immagine risulterà più spostata dai margini![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png)
![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png)
In alto a sinistra fissa in alto:
- Codice:
<img style="position: absolute; top: 10px; left: 10px;" src="http://i.imgur.com/f13fH48.gif" />
In alto a destra fissa in alto:
- Codice:
<img style="position: absolute; left: 10px; right: 10px;" src="http://i.imgur.com/f13fH48.gif" />
In alto a sinistra fissa sulla schermo (se scorri la pagina l'immagine rimane comunque):
- Codice:
<img style="position: fixed; top: 10px; left: 10px;" src="http://i.imgur.com/f13fH48.gif" />
In alto a destra fissa sulla schermo (se scorri la pagina l'immagine rimane comunque):
- Codice:
<img style="position: fixed; top: 10px; right: 10px;" src="http://i.imgur.com/f13fH48.gif" />
Come valore c'è sempre 10px, se lo aumenti l'immagine risulterà più spostata dai margini
![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png)
![](https://i.servimg.com/u/f18/16/89/96/68/sig_se10.png)
![Allineamento immagine intestazione Z_user10](https://i.servimg.com/u/f62/19/58/52/36/z_user10.png)
![Allineamento immagine intestazione 1300](https://i.servimg.com/u/f28/11/40/02/06/1300.png)
![Allineamento immagine intestazione 2203](https://i.servimg.com/u/f28/11/40/02/06/2203.png)
![Allineamento immagine intestazione 392](https://i.servimg.com/u/f28/11/40/02/06/392.png)
Re: Allineamento immagine intestazione
Grazie ragazzi... ma come farei senza di voi? grazie a the crow e grazie a te MattiaDes, mi salvo tutti i codici. Sei stato davvero gentilissimo
.
Chiudo il topic e metto risolto.![:good:](/users/3112/53/90/27/smiles/648633.gif)
![cheers](https://2img.net/i/fa/i/smiles/icon_cheers.png)
Chiudo il topic e metto risolto.
![:good:](/users/3112/53/90/27/smiles/648633.gif)
![-](https://2img.net/i/empty.gif)
» Allineamento widget
» allineamento dei forum.
» Allineamento Ultimi messaggi
» Dimensioni immagine Intestazione
» [RISOLTO]Altezza dell'immagine di sfondo dell'intestazione
» allineamento dei forum.
» Allineamento Ultimi messaggi
» Dimensioni immagine Intestazione
» [RISOLTO]Altezza dell'immagine di sfondo dell'intestazione
Forum dei Forum: Aiuto per Forumattivo :: Assistenza a problemi e richieste :: Gestire l'aspetto del forum :: I problemi risolti con l'aspetto del forum
Pagina 1 di 1
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.