Fork me on GitHub
Fork me on GitHub
Donar Ahora!
Seleccione una cantidad para donar


¿Quiere que su nombre de usuario sea revelado con su donación?
Si - Listeme como un geneoso donante
No - Liste mi donación como un donante anónimo


Usuario
Bienvenido
Haz click para registrarte. Es gratuito y podrás utilizar todos los recursos de la web

Login

Recuerdame

¿Perdió su contraseña?


Online
Conectados: 18
Miembros: 0
Invitados: 15
Buscadores: 3

Estadísticas
Nuevos miembros: [BillyStilw-25/10/2017] [Teacher194-24/10/2017] [TimmyAngel-18/10/2017] [Leblanc-18/10/2017] [HealthyNut-17/10/2017] [HalliePerk-12/10/2017] [ShadBlais-8/10/2017] [WilburCruc-1/10/2017] [Ulanowski7-25/9/2017] [KaleyKlem-23/9/2017]
Registrados: 30176
Hoy: 0
Ayer: 0

Conectados:
usInvitado
frInvitadoPerfiles extendidos
uaInvitadoForos
cnInvitadoPerfiles extendidos
idInvitado
usInvitadoForos
cnInvitado
usInvitadoForos
usInvitadoForos
cnInvitadoPerfiles extendidos
usInvitadoNoticias
usInvitadoFAQ
usInvitadoPerfiles extendidos
usInvitadoForos
usInvitado
Diseño : Tutorial 1: Adaptando Plantillas HTML y CSS a XOOPS
Enviado por cuervy el 14/10/2014 16:50:00 (9497 Lecturas)

Si eres un principiante o un usuario experimentado en el uso de XOOPS, tal vez te has preguntado o has querido hacer tu propio tema o plantilla para algún sitio web bajo XOOPS, pero sencillamente no has podido debido a que no hay ningún manual o tutorial que te explicara paso por paso como hacer esta tarea, y lo que es más; sin fallar en el intento.



Debido a estas preguntas, que en su momento también las tuve, es que decidí hace ya algunos años, investigar como funciona una plantilla en XOOPS y que es lo que se necesita para hacer un tema diferente, que se adapte a mis necesidades, pero sobre todo, que tenga un diseño único.

 

El resultado es este primer tutorial, que trata de explicar de manera sencilla y estandarizada como adaptar una plantilla en HTML y CSS a XOOPS sin morir en el intento. El tutorial está elaborado para que puedan seguir paso por paso el proceso sin perderse en el camino.

 

Temario General del Tutorial

 

Básicamente este tutorial está divido en cuatro secciones que son:

 

  • Introducción y bases de las plantillas en XOOPS.
  • Proceso de adaptación de una plantilla HTML a XOOPS.
  • Multiplantillas en nuestro sitio usando Defacer
  • Agregando bloques manualmente mediante su ID

 

Este tutorial viene acompañado de un material didáctico con todo lo usado en el tutorial para que puedan hacer pruebas y logren el resultado final. El material didáctico contiene lo siguiente:

 

  • Código HTML. Dentro de esta carpeta hay 3 archivos con el código de la Cabecera, Columnas XOOPS y código del Footer.
  • Colocar en Carpeta Images. Esta carpeta contiene unas imágenes que deben colocarse en la carpeta Images de nuestro tema. Esto para que las reconozca nuestro CSS.
  • Carpeta CSS. Código CSS indispensable que dará formato a nuestro menú de opciones y a los bloques de XOOPS. Es una plantilla básica y minimalista fácil de entender y que pueden modificar a gusto.
  • Módulo Defacer. Contiene el módulo Defacer totalmente funcional para que lo instalemos en nuestro XOOPS.
  • Plantilla HTML y CSS Free. Dentro hay dos carpetas más. Una contiene la plantilla gratuita que usé en el tutorial y la otra llamada Archivos Agregar en Carpeta, contiene los archivos que debemos agregar a la carpeta de nuestra plantilla en XOOPS. Para mayor referencia, pueden ver como se hace en el tutorial.

 

El material didáctico pueden descargarlo desde aquí.

 

Espero que este tutorial sea de gran ayuda para comenzar a diseñar sus propias plantillas y sirva de inspiración a todos aquellos que desean mejorar el contenido de sus sitios web.

 

Si tienen dudas y/o comentarios, pueden visitar el hilo en el foro. Pueden hacerlo directamente desde el siguiente enlace: Ir al hilo en el foro de este tema.

 

Enlace del Video Tutorial

 


Etiquetas: XOOPS   CSS   themes   diseño   web   temas   internet   HTML   plantillas  

Otras noticias
10/6/2016 4:21:05 - XOOPS 2.5.8 Final Español
14/10/2014 16:50:00 - Tutorial 1: Adaptando Plantillas HTML y CSS a XOOPS
23/6/2014 5:30:00 - Lanzamiento de XOOPS 2.5.7 Final
8/7/2013 3:40:00 - Diseño Web Adaptativo (Responsive Web Design)
21/6/2013 7:16:21 - Cambio de servidor

Los usuarios son responsables de sus propios comentarios.