Template Protostar: inserire cornice superiore

[dimagio]

Gentilissimi,

abbiate pazienza, sono nuovo e non ho molta esperienza, spero possiate indicarmi una via.

Vi chiedo una mano a proposito l'inserimento di una cornice sul bordo superiore. Il template è il predefinito Protostar.

Per intenderci, vorrei ottenere qualcosa di simile alla cornice superiore presente sul sito http://www.brioscia.it
e nello specifico è stata inserita una immagine questa


Vi ringrazio anticipatamente per la Vs disponibilità.

[alessioa]

Ciao,

lo puoi fare da CSS.

1- apri il file %tua_installazione_joomla%/templates/protostar/css/template.css

2- aggiungi questa riga all'inizio del file :

Codice: [Seleziona]

body.site {    background: url(../images/bg-cornice.png) repeat-x;}

3- copia l'immagine "bg-cornice.png" nella cartella %tua_installazione_joomla%/templates/protostar/images

[dimagio]

Perfetto grazie per l'aiuto.

Rimane da dire che l'immagine di cornice adesso non appare ripetuta su tutto lo spazio orizzontale, come posso risolvere?

Grazie

[alessioa]

Ciao,

hai fatto copia e incolla del codice che ti ho mandato ? Il paramentro "repeat-x" fa ripetere l'immagine in orizzontale "repeat-y" in verticale

Manda un link al sito

[dimagio]

Grazie Alessio sei troppo buono

http://www.dolcecono.it/online/

[alessioa]

Aggiungi !important , quindi avrai

body.site {background: url(../images/bg-cornice.png) repeat-x !important;}

[dimagio]

Grazie infinite,

spero di non abusare del Vs tempo chiedo come potere aumentare il margine superiore affinche la cornice non risulti "mozzata".

Grazie

[alessioa]

Onestamente la preferisco così, ma è una questione di gusti.

Aggiungi un pò di padding, tipo padding: 40px !important;

[dimagio]

Ora che me lo fai notare, anche a me piace così. Lo lascerò.

Temo a chiederlo....come posso fare la stessa cosa sul bordo inferiore?

Non me ne vogliate

[alessioa]

Per metterlo anche nel footer è un pò più complicato, puoi provare in questo modo creando lo sticky footer

footer {    background: rgba(0, 0, 0, 0) url("../images/bg-cornice.png") repeat-x  scroll 0 0 !important;    position: absolute;    width: 100%;    left: 0;    right: 0;    border: 0;    height: 40px;}

poi elimini il back top top ed il copyright (informati se puoi fare quest'ultimo)

.footer .container > p {    display: none;}

Considera che non è precisissimo, l'immagini andrebbe ritagliata e dovresti agire sul codice per fare un lavoro fatto bene, ma non posso fare tutto io 

[dimagio]

Hai completamente ragione, non puoi fare tutto tu, anzi ti ringrazio per l'iuto. Sapresti indicarmi un libro sull html e css utile a chi come me vorrebbe capirne di più su questo favoloso mondo.

Ti ringrazio infinitamente.

Ti lascio con una piccola curiosità, il committente a cui sto realizzando il sito ha trovato brutto il template ***** che avevo inizialmente scelto per questo sito. E mi ha chiesto di fare qualcosa più simile possibile a brioscià ...io questa cosa l'ho trovata incredibile.

Grazie ancora.

edit: no a citazioni prodotti commerciali.

[alessioa]

Ciao,

guarda se questo lavoro intendi farlo per professione, ne sentirai di ogni tipo 

Il cliente va anche un pò "seguito" in questo senso, i siti non devono essere copie di altri, si può prenderne spunto certo ma non fare il copia incolla.

Per i libri ti mando qualche titolo in un messaggio privato, le regole del forum vietano di pubblicizzare materiale commerciale.

Buon pomeriggio

[dimagio]

Il copia incolla non era nelle mie intenzioni, anzi, avrei voluto che il risultato finale fosse quanto più originale possiibile. Per questo avevo scelto ****, perchè l'ho trovato un template dalla struttura non banale.

Grazie per i testi che mi vorrai consigliare.

[tomtomeight]

@dimagio

Se ti asterisco un nome significa che ci sta un motivo, mi secca ripetere che non è consentito citare prodotti commerciali, ti invito cortesemente a tenerne conto, grazie.

[dimagio]

Chiedo scusa.