Joomla.it Forum
Joomla! 3 => I Template di Joomla! 3 => : dimagio 17 Jul 2015, 14:44:20
-
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
(http://www.brioscia.it/images/bg-cornice.png)
Vi ringrazio anticipatamente per la Vs disponibilità.
-
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 :
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
-
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
-
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
-
Grazie Alessio sei troppo buono
http://www.dolcecono.it/online/
-
Aggiungi !important , quindi avrai
body.site {background: url(../images/bg-cornice.png) repeat-x !important;}
-
Grazie infinite,
spero di non abusare del Vs tempo chiedo come potere aumentare il margine superiore affinche la cornice non risulti "mozzata".
Grazie
-
Onestamente la preferisco così, ma è una questione di gusti.
Aggiungi un pò di padding, tipo padding: 40px !important;
-
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 :P
-
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 8)
-
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.
-
Ciao,
guarda se questo lavoro intendi farlo per professione, ne sentirai di ogni tipo ;D
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
-
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.
-
@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.
-
Chiedo scusa.