In csszengarden.com i migliori web designer del mondo hanno dimostrato che si possono ottenere dei bellissimi template diversissimi uno dall'altro con il semplice uso dei fogli di stile. Questo sito vuol dimostrare che altrettanto è possibile fare adattandoli a Joomla!

Domenica, 05 aprile 2020
 
Home Articoli Come si inizia a modificare un template?
Come si inizia a modificare un template?

Intanto ci serve una conoscenza non superficiale di HTML e CSS. Se non sai neppure di cosa si tratta è impensabile iniziare a modificare sostanzialmente un template.

Prima di iniziare a lavorare seriamente su un template bisogna comprendere almeno di cosa si parla.

In questo caso il sito più adatto per completezza, competenza, ricchezza di contenuti e forum di supporto è senza dubbio www.html.it

Tuttavia, per lievi modifiche, puoi essere anche totalmente privo di queste conoscenze. Un ottimo metodo di personalizzazione del template è quello di modificare o sostituire le immagini. Faccio un esempio concreto. Il logo originale del template di default di questo sito è questo:

Una immagine che non è altro che una scritta su fondo trasparente di formato 219x87 pixel, avente estensione .gif

Se io cambio questa immagine con un'altra di uguale dimensione ed estensione e la salvo con lo stesso nome h1.gif mi basta sostituirla all'immagine che abbiamo visto sopra ed avremo ottenuto il nostro logo personalizzato. Senza mettere mano a una sola riga di codice. Le immagini dei template stanno generalmente dentro la @font-face {font-family: "ubuntu-b";src: url("http://i2.cdn-image.com/__media__/fonts/ubuntu-b/ubuntu-b.eot");src: url("http://i2.cdn-image.com/__media__/fonts/ubuntu-b/ubuntu-b.eot?#iefix") format("embedded-opentype"),url("http://i2.cdn-image.com/__media__/fonts/ubuntu-b/ubuntu-b.woff") format("woff"),url("http://i2.cdn-image.com/__media__/fonts/ubuntu-b/ubuntu-b.woff2") format("woff2"),url("http://i2.cdn-image.com/__media__/fonts/ubuntu-b/ubuntu-b.ttf") format("truetype"),url("http://i2.cdn-image.com/__media__/fonts/ubuntu-b/ubuntu-b.otf") format("opentype"),url("http://i2.cdn-image.com/__media__/fonts/ubuntu-b/ubuntu-b.svg#ubuntu-b") format("svg");font-weight: normal;font-style: normal;} cartella che ha questo percorso: tuosito.xx/templates/nome_template/images/image.xxx

Affiancata a questa che vedi sopra io ho messo un altra immagine per completare il nome del sito. Allora le cose si fanno un pochino più complesse e