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.

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

Es.

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 

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.