19 Mar

Plantillas gratuitas hml5 css3 y como usarlas en joomla

Soy usuario habitual de joomla, hago mis plantillas mediante artister, a mano o modificaciones. Pero lo que nunca deberíamos de despreciar es la potencia que puede tener el html5 y css3 ya no solo en la construcción de nuestra web. Sino en la utilización para nuestro joomla. La inserción de posiciones es muy fácil.

Básicamente instalamos nuestro joomla, podemos utilizar luego una plantilla joomla que queramos de internet o yo recomiendo usar las que vienen instaladas por defecto, que son con licencia de modificación.

Una vez tenemos nuestro joomla insertamos en el index.php de nuestra plantilla, el html que tenemos de estas plantillas html5. Borraríamos las posiciones del templatedetails.xml y haríamos lo siguiente.


Insertar una nueva posición en una plantilla

  1. Localizamos el archivo “templateDetails.xml” . Dentro de este archivo buscamos las posiciones e insertamos una nueva posición.miposicion
  2. Vamos a index.php localizamos el sitio que más o menos queramos tener el módulo, normalmente header,content etc. En definidas cuentas será el div contenedor donde estará nuestro módulo.
  3. Insertamos
  4. Abrimos el template.css y añadimos el css necesario. Podríamos usar para referenciarlo una ID poniendo el campo id=”miposicion” dentro de la etiqueta del punto 3. Luego la referencia para una id es con la #, así que pondríamos #miposicion{} o bien usar la clase como ya viene puesto por defecto que seria con un . quedaría algo así .miposicion{}

Una vez que hemos hecho esto podemos usar la plantilla. Recordar que estas plantillas vienen con el css, podríamos también en vez de borrar, sustituir en el css o el código los valores de la ids y de las clases.

I am a regular user of joomla, I do my templates by Artister hand or modifications. But what we should never neglect is the power you can have the html5 and css3 and not only in the construction of our website. But in using our joomla. Inserting positions easily.
Basically we install our joomla, then we can use a template joomla internet we want or I recommend using the ones that come installed by default, they are licensed by amendment.
Once we have our insert in joomla index.php of our staff, we have the html html5 these templates. TemplateDetails.xml Borraríamos positions and would do the following.
Insert a new position in a template
We locate the file “templateDetails.xml”. Within this file seek position and insert a new position. Miposicion </ position>
Let index.php locate the site more or less want to have the module, normally header, content etc. In defined accounts will be the div container where our module.
Insert

</ div>
Open the template.css and add the necessary css. May use to reference an ID field putting id = “miposicion” inside the tag to point 3. Then the reference is to an id #, so I would put # miposicion {} or use the class comes as default since it would be a. would be something. miposicion {}
Once we have done this we can use the template. Remember that these templates come with the css, could also instead of erasing, replacing the css code values ​​of the ids and classes.


1. Animated Neoarts

AnimatedNeoarts 20 Plantillas gratuitas HTML5 y CSS3 para tu negocio

2. Interior Design

Interiordesign 20 Plantillas gratuitas HTML5 y CSS3 para tu negocio

3. Nova

Nova 20 Plantillas gratuitas HTML5 y CSS3 para tu negocio

4. Thom Sander

ThomSander 20 Plantillas gratuitas HTML5 y CSS3 para tu negocio

5. Seascape two

SeascapeTwo 20 Plantillas gratuitas HTML5 y CSS3 para tu negocio

6. Hatha Yoga

HathaYoga 20 Plantillas gratuitas HTML5 y CSS3 para tu negocio

7. Connoisseur

Connoisseur 20 Plantillas gratuitas HTML5 y CSS3 para tu negocio

8. Point

Point 20 Plantillas gratuitas HTML5 y CSS3 para tu negocio

9. Vivid Photo

VividPhoto 20 Plantillas gratuitas HTML5 y CSS3 para tu negocio

10. ProSoft

ProSoft 20 Plantillas gratuitas HTML5 y CSS3 para tu negocio

11. Zeni

Zeni 20 Plantillas gratuitas HTML5 y CSS3 para tu negocio

12. Modus

Modus 20 Plantillas gratuitas HTML5 y CSS3 para tu negocio

13. Fascination

Fascination 20 Plantillas gratuitas HTML5 y CSS3 para tu negocio

14. Technical-line

TechnicalLine 20 Plantillas gratuitas HTML5 y CSS3 para tu negocio

15. Fresh Ideas

FreshIdeas 20 Plantillas gratuitas HTML5 y CSS3 para tu negocio

16. Think Simple

ThinkSimple 20 Plantillas gratuitas HTML5 y CSS3 para tu negocio

17. Minimalism

minimalism 20 Plantillas gratuitas HTML5 y CSS3 para tu negocio

18. Serenity

serenity 20 Plantillas gratuitas HTML5 y CSS3 para tu negocio

19. Small Business

smallbusiness 20 Plantillas gratuitas HTML5 y CSS3 para tu negocio

20. Da Font Page

dafrontpage 20 Plantillas gratuitas HTML5 y CSS3 para tu negocio

Share this

Leave a reply