Misure struttura modello 
Autore: Fuoco E.
Visite 352,
Followers 1,
Condiviso 0
Salve,
sto lavorando su un template fornito dal programma, però in anteprima mi appare una fastidiosa riga verticale a destra, esterna alla sezione contenuto pagina (come da screenshot allegato). Il modello è a 960 px di larghezza sia per la stessa sezione contenuto che in header e footer. Anche cambiando posizione e margini delle diverse parti la riga rimane. Come risolvere?
Grazie in anticipo per l'eventuale aiuto.
Luca
Postato il
... potrebbe trattarsi di una decorazione di quel modello...
... effettua Esporta su Disco, ed ispezione i files grafici nella cartella STYLE, sempre che non sia ottenuto in codice ...
... meglio postare anche il link dell'esempio che esporti in rete per una verifica reale...
... volendo, un modello predefinito lo puoi duplicare, ed il duplicato lo puoi personalizzare a piacere proprio come un modello personalizzato...
.
Autore
Grazie mille delle sempre tue puntuali ed esaustive risposte! Effettuerò senz'altro le prove da te suggerite intanto di seguito il link temporaneo del sito in questione: http://sanninoprovablog.altervista.org/
Sembra comunque che questa riga verticale in questione sia la continuazione di uno dei banner.
Saluti
... come avevo presunto, è una decorazione del modello, > questa
(... consiglio personale: per quanto puoi, evita di usare immagini PNG; solo la macchina per scrivere e lo sfondo pesano 1.1 MB;
... nelle pagina usa JPG per immagini di tipo fotografico, e PNG o GIF solo per piccoli loghi in grafica dettagliata, ed in trasparenza solo se necessario...)
.
Autore
grazie ancora per il valido aiuto e i suggerimenti. Ho ritoccato l'immagine content (che però io vedo, diversamente da te, soltanto con un lungo banner bianco con affiancate a destra e sinistra due righe scure) tagliandolo ai lati in modo da far rimanere soltanto con il colore bianco di fondo, sia in anteprima che online le righe in questione ricompaiono. Come procedere correttamente?
Saluti
... io non ho il programma. ma potresti fare per come ti avevo già indicato, modificando lo stile tramite il duplicato...
... oppure, prova tramite il pannello > Sezione Esperto | Codice personalizzato | Prima della chiusura del tag HEAD (3^ selezione), incollando questa stringa di codice...
<style>#imContentGraphics {background-image: none !important;}</style>
... magari così ti sbrigheresti prima...
.
Autore
Gentile KolAsim,
grazie per la sempre tua puntuale competenza, effettivamente con l'inserimento del codice ho risolto in maniera efficace con lo sfondo, tuttavia la riga fastidiosa sulla destra rimane visibile ancora nella sezione heater, potrei risolvere anche questa volta con un nuovo codice?
Saluti e buon anno. Luca
prova ad aggiungere anche questa:
<style>#imHeader {background-image: none !important;}</style>
Autore
Gentile Mirko
grazie per la risposta, il problema che nel modo suggerito si cancella anche il banner immagine dell'header, forse in questo caso sarebbe sufficiente allargare di un paio di pixel lo sfondo bianco, però le misure di questo appaiono bloccate, come risolvere? http://sanninoprovablog.altervista.org/index.html
Saluti. Luca
fai cosi, salva il sito su disco, poi vai nella cartella Style, e li dovresti trovare la tua immagine (top.jpg), elimina la riga con programma di grafica, e poi da programma la importi di nuovo in intestazione...
oppure usa questa...(la tua già modificata)...
... come già anticipato da Mirko,
... per il TOP devi modificare la grafica con in tuo programma di grafica, perchè il bordo fa parte dell'immagine:
... oppure prova a sostituire con l'immagine in allegato, allegandola al progetto lasciando "files" come destinazione proposta per default, ed usando questo codice:
<style> #imHeader {background-image: url('files/top_k.jpg');}</style>
... e per la barra menu:
<style> #imMnMn {background-image: none !important;}</style>;
... potresti raccogliere il tutto in un'unica stringa:
<style> #imContentGraphics , #imMnMn {background-image: none !important;}
#imHeader {background-image: url('files/top_k.jpg');}</style>
.
... Buon Anno anche a te e tutti...
.
Autore
Tutto risolto grazie agli utilissimi suggerimenti! Grazie mille
Sicuro???
se stringi la pagina del browser, viene fuori un bel casino....non hai adeguato le immagini nei vari breackpoint in Intestazione...
Autore
Ciao Mirko,
scusa per l'imperizia ma come applicare questa opzione alla quale fai riferimento? Infatti se vado in Risoluzioni e Responsive Design non ho modo di intervenire sulle immagini apparentemente. E' sufficiente andare nelle singole pagine e applicare Risoluzioni Responsive? Grazie sempre per l'aiuto!
L