WebSite X5Help Center

 
Luigi D.
Luigi D.
User

Inserire un bordo nell'intestazione o pie di pagina  it

Autore: Luigi D.
Visite 689, Followers 1, Condiviso 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.

Postato il
5 RISPOSTE - 1 CORRETTO
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.

Leggi di più
Postato il da 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.

 

Leggi di più
Postato il da Stiac Engineering
Luigi D.
Luigi D.
User
Autore

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 

Leggi di più
Postato il da 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.

Leggi di più
Postato il da Stiac Engineering
Luigi D.
Luigi D.
User
Autore

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

Leggi di più
Postato il da Luigi D.