Joomla.it Forum
Joomla! 3 => Joomla! 3 => : enricoonofri 24 Aug 2015, 13:32:49
-
Ciao, sto leggendo la documentazione riguardo il framework T3 e ho trovato questo (http://www.joomla.it/articoli-community-16-e-17-tab/7350-documentazione-t3-framework.html?showall=&start=4) su come utilizzare il CUSTOM CODE presente già all'interno del template t3_blank.
Diciamo che non dice molto, o nulla direi! Più che altro non capisco come funziona e dove devo mettere il codice css.
Ho provato comunque ad inserire del codice css seguente:
background-image: url("/templates/t3_blank/images/Mare.jpg");
background-position: center;
background-repeat: no-repeat;
Ma il risultato è questo ( vedi allegato ) qualcuno sa il perchè trovo scritto in background tutta questo codice invece di vedere la mia immagine? ??? ??
grazie ;)
-
Ho provato comunque ad inserire del codice css seguente:
background-image: url("/templates/t3_blank/images/Mare.jpg");
background-position: center;
background-repeat: no-repeat;
...applicati a quale stile? quelli sono attributi, non vedo lo stile css
-
Sono andato in gestione template, ho fatto una copia del template t3_blank predefinito e gli ho assegnato il nome dello stile Mio template.
A questo punto dalla gestione del Mio template ho aperto la pagina Custom Code, ma non sapendo come funziona ho inserito quel codice in varie posizioni:
After <Head>
Before</Head>
After <body>
Before </body>
Ho provato in tutte praticamente, ma il risultato è quello che vedi nell'allegato.
In che modo lo dovrei inserire il mio stile personalizzato con l'immagine di background?
Come css inline, embedded oppure con un link esterno al foglio di stile? nella documentazione non trovo niente di tutto questo
-
basta che apri un qualsiasi foglio di stili e guardi come viene scritto uno stile, quello che poi applichi ad un tag.
Comunque non è un problema di Joomla o T3, forse è meglio se dai uno sguardo ai css su come si scrivono e funzionano
-
<body style="background-image: url(templates/t3_blank/images/Mare.jpg);
background-attachment:fixed;
background-repeat: no-repeat;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
-moz-background-size: cover;
-webkit-background-size: cover;" >
Ho inserito questo codice ed ora vedo la mia immagine di sfondo correttamente! grazie comunque dell'aiuto!
Per altri che avessero lo stesso problema, l'ho inserito in After <Head> nella parte Custom code del template t3_blank.
Arrivederci e buon lavoro a tutti! 8)