Barre di scorrimento sulle immagini allegate

[eniac]

Bene, con Prosilver è tutto apposto quindi come giustamente dici il problema è il css , ora, come consigliato ,sono andato a vedere ,con Chrome ed usando gli "strumenti sviluppatore", il codice relativo ad una pagina che contiene una immagine con le barre, devo dire che è effettivamente uno strumento molto potente perché ho modo di andare a smanovrare nel sorgente della pagina visualizzata e vederne al volo i risultati se faccio qualche modifica a valori e linee di codice, in 2 minuti son riuscito a trovare come allargare-stringere il quadro regolare lo spessore dei bordi della finestra cambiare i colori di fondo e dei riquadri le scritte et via dicendo il tutto senza provocare danno , ancora non ho capito come faccio a sapere il nome del file che sto cambiando ma l'importante è avere la parte di codice da modificare poi con Agent Ransack il file lo trovo... purtroppo non son riuscito a capire dove mettere mano per le barre se Vi creo una utenza test e VI passo USER e PWD in privato vi resterebbe piu facile cercare di capire dove posso andare a mettere mano ?

[Micogian]

Secondo me le barre sono derivate da una dimensione insufficiente della maschera destinata all'immagine, quindi sempre nel css.
I CSS sono tanti in prosilver ma sono abbastanza facili da capire, links è intuibile, colours serve per le immagini, common e content sono i css che gestiscono la pagina.
Se guardiamo il codice sorgente di una pagina abbiamo la possibilità di visualizzare tutto il CSS unito in unico file.
Adesso non ricordo le classi, ma c'è un problema di quanto spazio viene assegnato al profilo, quanto al corpo del documento e infine quanto agli allegati.
Se allarghi lo spazio per l'allegato ma il corpo non è abbastanza largo potrebbe essere la causa delle barre.
Il problema delle barre l'ho avuto anch'io ma non ricordo come ho risolto, certamente era una stupidaggine.
Dipende anche dalla dimensione delle immagini postate. Considera che c'è sicuramente un padding e quindi i contenitori devono essere adeguati.
Il problema poi può variare in base alla pagina, se ha dimensione fisse o adattabili allo schermo. Io sono per le dimensioni fisse.
Nei miei forum ho stretto la parte avatar per allargare il corpo, con una dimensione di 1024 pixel di pagina posso inserire immagini da 800px, cosa più che sufficiente per una buona visualizzazione.

[eniac]

Allora, con gli "strumenti per sviluppatori" di Chrome l'ho beccato , basta selezionare la foto ed immediatamente vieno proiettato nella sezione dove c'è il relativo codice , il resto è facile basta cambiare un valore in Widht che di default è impostato a 350px e lo metto a 900px e le barre spariscono , solo che non mi riesce di capire dove si vede il nome del file che sto smanettando , ti allego uno screenshot vediamo se riesci ad imbeccarmi .

fto.jpg

[Micogian]

Semplice, la class è "attach-image", file content.css.

Io ho fatto così:

Codice: Seleziona tutto

.attach-image {
	margin: 3px 0;
	width: 100%;
	/*max-height: 350px;*/
	overflow: auto;
}

Ho commentato il valore "max-height", così ho sempre il riferimento al codice originale.

[eniac]

Sarebbe stato troppo bello per essere vero purtroppo , è una modifica che avevo già fatto visto che è la stessa segnalata all'inizio di questo post , comunque ci ho scritto un valore di 900 come da strumenti per sviluppatori , apro il forum e le barre sono ancora li , riapro strumenti per sviluppatori e dovrei trovare quel valore che ho impostato (900) invece è ancora 350 quindi ne deduco che deve per forza essere un altro file.... ma quale?

[Angolo]

Ma tu devi modificare il file reale e svuotare la cache, per verificare. Strumenti per sviluppatori, va bene come strumento di lettura, non di scrittura. Hai provato l'indicazione di Micogian, che indica un valore percentuale?

[eniac]

Sarò un novellino ma non fino a questo punto , è ovvio che ho scritto il valore nel file originale scaricato via ftp e poi ricaricato al suo posto , svuotato la cache e provato.... niente da fare le barre restano dive sono ed il valore che ho inserito in content.css NON è quello che visualizzo andando a controllare il codice da strumenti , ergo la stringa da modificare non è in content.css .

[Micogian]

Io non ho modificato nulla, ho semplicemente tolto il valore di max_height.
Ovvio che la limitazione dell'altezza si ripercuote anche sulla larghezza dell'immagine.
Se non c'è un limite all'altezza la larghezza avviene per proporzione. Siconsiglia di non superare gli 800px, massimo 900, ma dipende dalla dimensione del forum.
Salvo abbagli, visto che non conosco quello stile, i CSS dovrebbero essere quelli nella cartella "theme" del nuovo stile, non in prosilver. Del prosilver originale vengono utilizzati solo i file del template che mancano nel nuovo stile.
Modificare lo stile in prosilver non serve a nulla.
Poi, da PCA --> STILI selezionare Tema e cliccare su Aggiorna in corrispondenza del nuovo stile, il prosilver non centra, a meno che non si modifichi il template, allora è il template di prosilver che deve essere aggiornato.

Attenzione, se si modifica il file da PCA funziona fino al primo aggiornamento della cache. Importare in locale il file, modificarlo e riportarlo in remoto.
Io uso Total Commander e questa operazione la fa automaicamente: apro (notepad++), modifico, salvo.
Mai toccato un file da PCA.

EDIT: il tuo CSS è ancora questo:

Codice: Seleziona tutto

.attach-image {
	margin: 3px 0;
	width: 100%;
	max-height: 350px;
	overflow: auto;
}

Comunque, la proprietà che crea le barre è overflow, ma se si cambia la dimensione quella non dovrebbe intervenire.

[eniac]

Certo che il mio CSS è ancora quello ho rimesso l'originale visto che se al posto di 350 ci metto 900 non cambia nulla..... ho anche provato con "auto" e addirittura togliendo completamente la stringa , ma niente da fare quelle maledette barre restano dove sono .
Alura , ho fatto altre prove perche ho notato che il codice cambia quando allargo l'immagine e quando la riporto con le barre.
Cosi è con le barre:
<dt class="attach-image" style="height: 350px; overflow: auto; "><img src="./download/file.php?id=134257" alt="8n3.jpg" onclick="viewableArea(this);"></dt>

cosi senza:
<dt class="attach-image" style="height: auto; overflow: visible; max-height: none; "><img src="./download/file.php?id=134257" alt="8n3.jpg" onclick="viewableArea(this);"></dt>

e questi sono i relativi valori nella finestra a destra.
con le barre:
(margin ed overflow sono barrati)
.attach-image {
margin: 3px 0;
width: 100%;
max-height: 350px;
overflow: auto;


(margin max-height e overflow barrati)
senza le barre
.attach-image {
margin: 3px 0;
width: 100%;
max-height: 350px;
overflow: auto;

[Micogian]

Io ho detto di togliere il max-height, non di metetre 900.
Sempre che il file che modifichi sia quello giusto. Altrimenti togli l'overflow.