Publicidad




« anterior próximo »
Páginas: [1] 2 3 4

Autor Tema: Hacer Tu propio theme [Facil]  (Leído 7316 veces)

Desconectado pepe1030

  • Full Member
  • ***
  • Mensajes: 149
  • Power: 52
  • Sexo: Masculino
    • Ver Perfil
    • en progreso
    • Email
Hacer Tu propio theme [Facil]
« en: Agosto 25, 2010, 11:49:01 pm »
Holas amigos  :pleasantry: de spirate vengo a hacerles un tuto que ya casi ni hago post y vengo a traerles como hacer un theme

Primero
Requerimientos :
-Tener imaginacion.

-Saves que theme vas a ha acer.
-No tener conocmientos  :sarcastic:
deves de saver cual theme editar; por lo general siempre se edita el theme default, pero si quieres editar otro theme deves de pedirle permiso al que lo creo  :haha: ( de base ) Bueno empezamos con el tutorial  :yahoo:

Imagenes e iconos a editar ( opcional )

Primero Agarramos nuestro theme default y le modificamos las imagenes ya pueden ser estas :
El ojo como de T!, el corazon de favoritos, Captura :

Esos icos lo modifique yo bueno..
Carpeta icos : es donde estan como los de la imagen de arriva, si es privado o no enfin son todos los iconos del theme ( opcional editarlo )

Capeta buttons : generalmente si quieren pueden editarlas son como va a salir el boton de quote en los comentarios ( opcional editarlo )

Carpeta post : Esta carpeta es la que contiene las imagenes de que salen a un lado del post ( por ejemplo la de windows ) ( opcional editarlo )

Carpeta rangos : esta carpeta contiene las medallas cuando se va avanzando de rango puedes editarlo con los que quieras ( opcional editarlo )

Avatar : este es el avatar default de tu theme ( opcional editarlo )

Bueno para hacerlo mas facil todas las imagenes son opcionales aca estan las que editamos generalmente :

logo.png - este es el logo de tu web ( el que sale en el teme default como ( small pirate 2.3 )

btn-buscar.gif - este es el boton de buscar ( el que esta en el bloque "buscador" )

editor-fondo.jpg - este es la imagen del fondo para darle el color al fondo que se quiera dar

mensajetopbg2.gif - este es el color de la barra del menu donde estan los icos ( esta esta de azul )


menu_right_corner.gif - este es el borde de la parte derecha del menu

cita-title.gif - Fondo del borde de los bloques

Fondo-login.gif - esta es la imagen que aparese cuando le picas a "iniciar secion"

login.png - esta es la imagen que contiene lo que dice "iniciar secion"



Editando el css

El css es Hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso cómo va a ser pronunciada la información presente en ese documento a través de un dispositivo de lectura. Esta forma de descripción de estilos ofrece a los desarrolladores el control total sobre estilo y formato de sus documentos.

Bueno El "maincontainer" viene siendo el borde de los bordes Captura :

¿Ven la linea roja? ese viene siendo el maincontainer

El "box_title" viene siendo el titulo de los Bloques por ejemplo Buscador Posts, etc.. Captura :


El "mensaje-top" es la barra amarilla Captura :


El "bg-cuerpo" Es la sombra de la barra amarilla Captura :


El "menu-top" Como su nombre lo dice es el menu Captura :


Los "menu_izq, menu_der, menu_centr" Son Los menus Captura :


a:link: color y estilo del link
a:visited: color y estilo del link visto
a:hover: color y estilo del link cuando el cursor del mause esta sobre el

Bueno eso es todo espero que les aya servido ah y si no saven para que puse las images todo lo del css ES LO QUE VAMOS A CAMBIAR DE COLOR!!! bueno gracias por vistar mi tuto  :yahoo:  :good:  :haha:
En línea
Mis metas :
[X] crear mi web con spirate.
[]   que mi web sea reconocida.
[X]   Crear mi propio theme.
[]   Ser reconosido en spirate.net
[]   tener mas de 10 usuarios en mi web.
[X]   hacer un tuto con php.

Desconectado AbrelataX

  • SPadicto
  • ******
  • Mensajes: 1533
  • Power: 169
  • Sexo: Masculino
  • Up da Irons!
    • ICQ Messenger - 123456789
    • MSN Messenger - asdasd@asdmail.asd
    • AOL Instant Messenger - asdasd
    • Yahoo Instant Messenger - asdasd
    • Ver Perfil
    • asdasd
    • Email
Re: Hacer Tu propio theme [Facil]
« Respuesta #1 en: Agosto 25, 2010, 11:53:21 pm »
muy bueno!!!

si queres algo mas que podrias agregar es el tamaño del logo

es .logoi,.logo o .header
esas cosas son para hacer mas espacio
En línea

Desconectado MattutteZ

  • Jr. Member
  • **
  • Mensajes: 85
  • Power: 3
  • Hay que aprender a amar con el corazon...
    • Ver Perfil
    • Email
Re: Hacer Tu propio theme [Facil]
« Respuesta #2 en: Agosto 25, 2010, 11:53:37 pm »
Buen tuto +1 :hi:
En línea

Desconectado AbrelataX

  • SPadicto
  • ******
  • Mensajes: 1533
  • Power: 169
  • Sexo: Masculino
  • Up da Irons!
    • ICQ Messenger - 123456789
    • MSN Messenger - asdasd@asdmail.asd
    • AOL Instant Messenger - asdasd
    • Yahoo Instant Messenger - asdasd
    • Ver Perfil
    • asdasd
    • Email
Re: Hacer Tu propio theme [Facil]
« Respuesta #3 en: Agosto 25, 2010, 11:53:56 pm »
+1
En línea

Desconectado pepe1030

  • Full Member
  • ***
  • Mensajes: 149
  • Power: 52
  • Sexo: Masculino
    • Ver Perfil
    • en progreso
    • Email
Re: Hacer Tu propio theme [Facil]
« Respuesta #4 en: Agosto 25, 2010, 11:54:36 pm »
Cita de: AbrelataX en Agosto 25, 2010, 11:53:21 pm
muy bueno!!!

si queres algo mas que podrias agregar es el tamaño del logo

es .logoi,.logo o .header
esas cosas son para hacer mas espacio
Gracias por la info man :nn::daleeee:
En línea
Mis metas :
[X] crear mi web con spirate.
[]   que mi web sea reconocida.
[X]   Crear mi propio theme.
[]   Ser reconosido en spirate.net
[]   tener mas de 10 usuarios en mi web.
[X]   hacer un tuto con php.

Desconectado AbrelataX

  • SPadicto
  • ******
  • Mensajes: 1533
  • Power: 169
  • Sexo: Masculino
  • Up da Irons!
    • ICQ Messenger - 123456789
    • MSN Messenger - asdasd@asdmail.asd
    • AOL Instant Messenger - asdasd
    • Yahoo Instant Messenger - asdasd
    • Ver Perfil
    • asdasd
    • Email
Re: Hacer Tu propio theme [Facil]
« Respuesta #5 en: Agosto 25, 2010, 11:55:46 pm »
deberia ir Sticky :hi:
En línea

Desconectado pepe1030

  • Full Member
  • ***
  • Mensajes: 149
  • Power: 52
  • Sexo: Masculino
    • Ver Perfil
    • en progreso
    • Email
Re: Hacer Tu propio theme [Facil]
« Respuesta #6 en: Agosto 25, 2010, 11:58:07 pm »
Cita de: MattutteZ en Agosto 25, 2010, 11:53:37 pm
Buen tuto +1 :hi:
Gracias por el  ++ :nn::daleeee:
Cita de: MattutteZ en Agosto 25, 2010, 11:53:37 pm
Buen tuto +1 :hi:
tambien ati :nn::daleeee:
Cita de: AbrelataX en Agosto 25, 2010, 11:55:46 pm
deberia ir Sticky :hi:
Proxima meta sticky :ehhh:
En línea
Mis metas :
[X] crear mi web con spirate.
[]   que mi web sea reconocida.
[X]   Crear mi propio theme.
[]   Ser reconosido en spirate.net
[]   tener mas de 10 usuarios en mi web.
[X]   hacer un tuto con php.

Desconectado david1020

  • Jr. Member
  • **
  • Mensajes: 97
  • Power: 20
  • Sexo: Masculino
  • Guns N´Roses - Since I Don`T Have You!
    • Ver Perfil
    • GuatemalaWarez!
Re: Hacer Tu propio theme [Facil]
« Respuesta #7 en: Agosto 26, 2010, 12:07:13 am »
Buen tuto +1 :hi:
En línea

Desconectado pepe1030

  • Full Member
  • ***
  • Mensajes: 149
  • Power: 52
  • Sexo: Masculino
    • Ver Perfil
    • en progreso
    • Email
Re: Hacer Tu propio theme [Facil]
« Respuesta #8 en: Agosto 26, 2010, 01:04:23 am »
Cita de: david1020 en Agosto 26, 2010, 12:07:13 am
Buen tuto +1 :hi:
Grax por el 1 ya me hacerco a los 50 powa ^^
En línea
Mis metas :
[X] crear mi web con spirate.
[]   que mi web sea reconocida.
[X]   Crear mi propio theme.
[]   Ser reconosido en spirate.net
[]   tener mas de 10 usuarios en mi web.
[X]   hacer un tuto con php.

Desconectado ubuntu

  • Jr. Member
  • **
  • Mensajes: 52
  • Power: 3
    • Ver Perfil
Re: Hacer Tu propio theme [Facil]
« Respuesta #9 en: Agosto 26, 2010, 01:06:36 am »
buen tuto gracias :hi:
En línea

Desconectado cris598

  • Full Member
  • ***
  • Mensajes: 245
  • Power: 56
  • Sexo: Masculino
    • Ver Perfil
    • IDown - Para Gente Con Aportes.!
    • Email
Re: Hacer Tu propio theme [Facil]
« Respuesta #10 en: Agosto 26, 2010, 02:28:54 am »
Te Falto como cambiar el color del bloque :S +1
En línea

Desconectado anferro

  • Tester interino
  • *
  • Mensajes: 2737
  • Power: 70
  • Sexo: Masculino
  • Solo Negocios (?)
    • Ver Perfil
    • Email
Re: Hacer Tu propio theme [Facil]
« Respuesta #11 en: Agosto 26, 2010, 06:30:10 am »
wuen tuto + 1
En línea

Desconectado pepe1030

  • Full Member
  • ***
  • Mensajes: 149
  • Power: 52
  • Sexo: Masculino
    • Ver Perfil
    • en progreso
    • Email
Re: Hacer Tu propio theme [Facil]
« Respuesta #12 en: Agosto 26, 2010, 06:34:47 am »
Upas xd perdon ....  Lo que trataba de decir es que si esta como editar el color de los bloques un adm que me haga el favor de borrar esos comentarios
En línea
Mis metas :
[X] crear mi web con spirate.
[]   que mi web sea reconocida.
[X]   Crear mi propio theme.
[]   Ser reconosido en spirate.net
[]   tener mas de 10 usuarios en mi web.
[X]   hacer un tuto con php.

Desconectado jprossi

  • Hero Member
  • *****
  • Mensajes: 626
  • Power: 105
  • Sexo: Masculino
    • MSN Messenger - jprossi2@hotmail.com
    • Ver Perfil
Re: Hacer Tu propio theme [Facil]
« Respuesta #13 en: Agosto 26, 2010, 07:09:55 am »
muy bueno te dejo +1
En línea

Desconectado pepe1030

  • Full Member
  • ***
  • Mensajes: 149
  • Power: 52
  • Sexo: Masculino
    • Ver Perfil
    • en progreso
    • Email
Re: Hacer Tu propio theme [Facil]
« Respuesta #14 en: Agosto 26, 2010, 11:07:09 pm »
En línea
Mis metas :
[X] crear mi web con spirate.
[]   que mi web sea reconocida.
[X]   Crear mi propio theme.
[]   Ser reconosido en spirate.net
[]   tener mas de 10 usuarios en mi web.
[X]   hacer un tuto con php.

Páginas: [1] 2 3 4
« anterior próximo »