spazio testo-immagine

Area dedicata al phpBB 3.2.X
Rispondi
Avatar utente
pollastro
Supporter
Supporter
Messaggi: 192
Iscritto il: 24/07/2017, 19:00
Link del Forum: http://www.pendoleria.com/forum

spazio testo-immagine

Messaggio da pollastro »

mi interesso di pendoleria e quindi credo di avere ben marcato nel DNA il concetto di precisione e di ordine. :D:

Quando compongo un messaggio, lascio uno spazio fra il testo e l'immagine che intendo pubblicare:
Snap 2018-01-19 at 08.57.40.jpg
ma , a differenza di quanto accade in questo forum , quando pubblico il messaggio, lo spazio lasciato fra testo e immagine scompare:
Snap 2018-01-19 at 08.58.48.jpg
Per poterlo ottenere dovrei lasciare 2 spazi...ma la cosa non mi sembra tanto razionale.

Lo stesso accade in fondo all'immagine dove non rimane spazio fra immagine stessa e testo seguente
Snap 2018-01-19 at 09.00.21.jpg
Qualche idea per ripristinare uno stato più ragionevole delle cose... ;-)

Grazie per il tempo che vorrete dedicarmi.

Cordialità.
Carlo
Non hai i permessi necessari per visualizzare i file allegati in questo messaggio.
The best is yet to come
cchiù lluonga è a pinsata, cchiù granni è a minchiata :D:
www.pendoleria.com/forum
Avatar utente
Dr.House
Amministratore
Amministratore
Messaggi: 2173
Iscritto il: 08/01/2012, 8:24
Link del Forum: www.phpbb-italia.it
Località: Reggio Calabria
Contatta:

Re: spazio testo-immagine

Messaggio da Dr.House »

sul forum di test in locale succede anche a me e non ho estensioni installate.Le nostre versioni di phpbb3 rispetto a quella installata qui sono diverse o meglio più aggiornate.Addirittura devo inserire almeno 3 spazi per staccare il testo dalla immagine.Se noti però lo fa anche qui.A rigor di logica se fra testo e immagine non dai almeno uno spazio è normale che viene tutto attaccato.
In alternativa puoi interporre tra testo e immagine questo bbcode:

bbcode:

Codice: Seleziona tutto

[hr][/hr]
trasforma in html:

Codice: Seleziona tutto

<hr />
help in linea:
lascia il campo vuoto

per avere un effetto del genere
image.png
non è un bel vedere quella linea che separa il testo dall'immagine....
Non hai i permessi necessari per visualizzare i file allegati in questo messaggio.
Avatar utente
Micogian
Globalmod
Globalmod
Messaggi: 599
Iscritto il: 17/03/2016, 17:53
Link del Forum: https://www.actaplantarum.org

Re: spazio testo-immagine

Messaggio da Micogian »

Si potrebbe modificare il css o per lo meno aggiungerlo nel css personalizzato, se c'è.
Io non modifico i file di sistema ma uso un css personalizzato che aggiungo tramite un'estensione. Ottengo così le modifiche allo style che voglio.

La classe interessata alle immagini inserite "in linea col testo" si trova nel file content.css alla riga 593 ed è questa:

Codice: Seleziona tutto

dl.file dt {
    text-transform: none;
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
Basterebbe inserire nel css personalizzato la seguente modifica

Codice: Seleziona tutto

dl.file dt {
    padding: 10px 0 10px 0;
}
Che aggiunge 10px sopra e sotto l'immagine, al lati resta 0.
Qui hai un esempio del risultato http://www.giannidose.altervista.org/fo ... ?f=11&t=12
Naturalmente puoi usare spazi diversi.
Avatar utente
pollastro
Supporter
Supporter
Messaggi: 192
Iscritto il: 24/07/2017, 19:00
Link del Forum: http://www.pendoleria.com/forum

Re: spazio testo-immagine

Messaggio da pollastro »

Ringrazio Dr.House per il suo interessamento, ma, non me ne voglia, se devo cliccare un bbcode , tanto vale che batta uno spazio in più ( in totale 2) ed il problema sarebbe risolto.

Micogian ha dato una risposta che prevede un automatismo, ma anche maggiori capacità di elaborazione.
Non so cosa sia un ccs e non saprei aggiungerne uno tramite estensione per cui, onde evitare guai, mi astengo.... ;-) Comunque gli sono grato per aver tentato di aiutare un Admin avendo però dimenticato che questi è un "pollastro"... :D: :D:

Penso che mi adatterò ai 2 spazi... :D:

Cordialità.
Carlo
The best is yet to come
cchiù lluonga è a pinsata, cchiù granni è a minchiata :D:
www.pendoleria.com/forum
Avatar utente
alex75
Amministratore
Amministratore
Messaggi: 6268
Iscritto il: 23/08/2012, 23:45
Link del Forum: www.phpbb-italia.it
Località: Palermo

Re: spazio testo-immagine

Messaggio da alex75 »

vuoi farlo modificando il file? ma dovrai ricordare di rifare la modifica anche dopo futuri aggiornamenti.
apri il file styles/prosilver/template/attachment.html
si tratta di aggiungere un <br /> prima dell'allegato...
trova:

Codice: Seleziona tutto

<dl class="file">
			<dt class="attach-image"><img src="{_file.U_INLINE_LINK}" class="postimage" alt="{_file.DOWNLOAD_NAME}" onclick="viewableArea(this);" /></dt>
			<!-- IF _file.COMMENT --><dd><em>{_file.COMMENT}</em></dd><!-- ENDIF -->
			<dd>{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}</dd>
		</dl>
e aggiungi:

Codice: Seleziona tutto

<br />
dopo:

Codice: Seleziona tutto

<dl class="file">
			<dt class="attach-image">
praticamente così:

Codice: Seleziona tutto

<dl class="file">
			<dt class="attach-image"><br /><img src="{_file.U_INLINE_LINK}" class="postimage" alt="{_file.DOWNLOAD_NAME}" onclick="viewableArea(this);" /></dt>
			<!-- IF _file.COMMENT --><dd><em>{_file.COMMENT}</em></dd><!-- ENDIF -->
			<dd>{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}</dd>
		</dl>
ricordati di modificare il file con notepad++ e di salvare selezionando codifica caratteri utf8 senza bom, come da immagine a seguire
utf8 senza bom.jpg
Non hai i permessi necessari per visualizzare i file allegati in questo messaggio.
Regolamento Forum
Le nostre guide
Se l'assistenza prestata è stata di tuo gradimento potrai contribuire aiutandoci a sostenere le spese affrontate per tenere in vita questo forum >Cliccando sul seguente Link<
Avatar utente
alex75
Amministratore
Amministratore
Messaggi: 6268
Iscritto il: 23/08/2012, 23:45
Link del Forum: www.phpbb-italia.it
Località: Palermo

Re: spazio testo-immagine

Messaggio da alex75 »

oppure per usare il metodo descritto da micogian (che è quello corretto) installa questa estensione fatta adhoc per la tua richiesta ;-)
alex75.zip
In futuro potrai usare questa estensione per aggiungere altre modifiche ai css...
Non hai i permessi necessari per visualizzare i file allegati in questo messaggio.
Regolamento Forum
Le nostre guide
Se l'assistenza prestata è stata di tuo gradimento potrai contribuire aiutandoci a sostenere le spese affrontate per tenere in vita questo forum >Cliccando sul seguente Link<
Avatar utente
Micogian
Globalmod
Globalmod
Messaggi: 599
Iscritto il: 17/03/2016, 17:53
Link del Forum: https://www.actaplantarum.org

Re: spazio testo-immagine

Messaggio da Micogian »

La soluzione di un css personalizzato è sicuramente la cosa migliore e anche facile da realizzare.
Si potrebbe anche modificare la riga del file content.css o anche aggiungere in fondo al file queste poche righe:

Codice: Seleziona tutto

dl.file dt {
    padding: 10px 0 10px 0;
}
Avatar utente
pollastro
Supporter
Supporter
Messaggi: 192
Iscritto il: 24/07/2017, 19:00
Link del Forum: http://www.pendoleria.com/forum

Re: spazio testo-immagine

Messaggio da pollastro »

...mamma mia! ...che persone meravigliose che ho avuto modo di incontrare!!!... e lo dico in tutta sincerità!

Sintetizzo: se scrivessi che l'errore dello scappamento varia in funzione del momento in cui viene consegnato un impulso.... immagino che alcuni di voi rimarrebbero sconcertati . Cosa voglio dire: nell'ambito delle proprie conoscenze l'interpretazioni degli scritti è condizionata dal proprio sapere su un determinato argomento.
Io capisco molto poco delle sigle che state scrivendo ed ancor meno se i suggerimenti che mi sono stati appena dati sia da Alex che micogian sono alternativi oppure complementari.

Fermo restando che, ovviamente, non voglio mettere a repentaglio i futuri aggiornamenti del forum, e quindi escluderei l'intervento di una modifica del suo codice, devo:
  • scaricare ed installare l'estensione di Alex ( ed abilitarla e non fare nient'altro)
  • oppure modificare il css come suggerito da micogian
Micogian scrive:
  • 1- La soluzione di un css personalizzato è sicuramente la cosa migliore e anche facile da realizzare.
  • 2- Si potrebbe anche modificare la riga del file content.css o anche aggiungere in fondo al file queste poche righe:
Cerco di capire:
opzione 1: la soluzione in questione è quella suggerita da Alex oppure (...anche se mi rendo conto di essere tedioso) ...è mai consigliabile per uno sprovveduto cercare di creare questo css personalizzato?

opzione 2: si toccherebbe il codice originale del forum tanto da creare problemi per futuri aggiornamenti?

Scusate, vi prego, ma quello che a voi sembra essere banale, ad un neofita appare realmente complesso e pieno di insidie.

Cordialità.
Carlo
The best is yet to come
cchiù lluonga è a pinsata, cchiù granni è a minchiata :D:
www.pendoleria.com/forum
Avatar utente
alex75
Amministratore
Amministratore
Messaggi: 6268
Iscritto il: 23/08/2012, 23:45
Link del Forum: www.phpbb-italia.it
Località: Palermo

Re: spazio testo-immagine

Messaggio da alex75 »

Usando l'estensione non hai bisogno di altro e non dovrai preoccuparti di poter perdere il codice con futuri aggiornamenti (quando aggiornerai, dovrai comunque verificarne la funzionalità, come con qualsiasi altra estensione).
Regolamento Forum
Le nostre guide
Se l'assistenza prestata è stata di tuo gradimento potrai contribuire aiutandoci a sostenere le spese affrontate per tenere in vita questo forum >Cliccando sul seguente Link<
Avatar utente
pollastro
Supporter
Supporter
Messaggi: 192
Iscritto il: 24/07/2017, 19:00
Link del Forum: http://www.pendoleria.com/forum

Re: spazio testo-immagine

Messaggio da pollastro »

...fatto...e naturalmente tutto secondo le aspettative. :clapi:

Grazie.
Carlo
The best is yet to come
cchiù lluonga è a pinsata, cchiù granni è a minchiata :D:
www.pendoleria.com/forum
Rispondi