WebSite X5Help Center

 
Luigi D.
Luigi D.
User

Inserire un bordo nell'intestazione o pie di pagina  it

Autor: Luigi D.
Besucht 1117, Followers 1, Geteilt 0  

Ciao a tutti, forse la mia richiesta è fin troppo "stupida" ma preferisco chiedere perchè non trovo la soluzione giusta che mi piace.

Vorrei tanto inserire nel mio sito (sia nell'intestazione che nel pie di pagina una sottile riga 'colorata' che divida dal contenuto delle pagine (zona centrale per intenderci) ma non riesco a trovare la soluzione piu adatta.....

nei testi normali (quindi delle varie pagine) metto il bordo dalle impostazioni esterne all'oggetto, ma in questo caso che parliamo del contenuto del modello non riesco, 

potete darmi giusto un idea su come fare, 

ringrazio anticipatamente tutti.

un cordiale saluto e buon week

Luigi d.

Gepostet am
5 ANTWORTEN - 1 KORREKT
Stiac Engineering
Stiac Engineering
User

Ciao Luigi,

puoi realizzare quanto da te richiesto in due modi. Il primo, molto semplice è quello di creare un immagine per poi inserirla come sfondo o stesso header/footer. Il secondo è con del codice CSS opzionale, come questo (https://codepen.io/stiac/pen/wvrdmpj).

Spero di esserti stato utile.

Mehr lesen
Gepostet am von Stiac Engineering
Stiac Engineering
Stiac Engineering
User

P.s. Per l'opzione 1 l'immagine va posizionata ovviamente nelle impostazioni del modello  ergo Step 2 > Struttura del Modello.

Es.

 

Mehr lesen
Gepostet am von Stiac Engineering
Luigi D.
Luigi D.
User
Autor

grazie mille per avermi risposto (e cosi in fretta), purtroppo uso solo il programma e di CSS e programmazione non ci capisco quasi nulla....mi piace molto l'esempio che mi hai inviato (la barra rossa) però non mi è chiaro l'immagine che devo creare come deve essere fatta (una riga, un quadrattino , ecc.) e poi questa va benissimo per la parte alta, ma per la coda ? come devo fare per dirgli che la barra rossa va in bordo-alto e non in bordo-basso ? spero tanto di essermi spiegato bene. ciao e grazie ancora 

Mehr lesen
Gepostet am von Luigi D.
Stiac Engineering
Stiac Engineering
User

Figurati! Il codice è molto basilare, ti basta cambiare la voce del colore (es. da red a blue) e modificare il numero "px" che regola l'altezza del bordo (es. da 2 px a 5px). Se desideri approfondire sui colori puoi iniziare da https://www.w3schools.com/

Rif.to https://www.w3schools.com/cssref/css_colors_legal.asp , https://www.w3schools.com/cssref/css_colors.asp .

Per quanto riguarda l'immagine, puoi usare un editor come Paint, creando a punto questa barra, giocando con il parametro atto al ridimensionamento. Creato il file a seconda delle nostre preferenze (es. colore e altezza verticale) ti basta importarlo dove indicato (nella precedente foto) e grazie alle impostazioni di WebSite X5 verrà estesa / ripetuta orizzontalmente. Ti allego il file creato.

Es.

Mehr lesen
Gepostet am von Stiac Engineering
Luigi D.
Luigi D.
User
Autor

Veramente grazie mille! sei stato molto gentile, quando passi da milano birra pagata! Ciao e buone feste

Mehr lesen
Gepostet am von Luigi D.