Advertisement:

Author Topic: ¿Cómo editar mi theme? [OBSOLETO]  (Read 112002 times)

Offline [darksteel]

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 5,466
  • Gender: Male
  • SMF is a big boy
¿Cómo editar mi theme? [OBSOLETO]
« on: April 09, 2005, 01:12:52 PM »
 ;D Bueno de nuevo por aquí escribiendo manuales cortos....

[ Introducción ]
      Aquí os dare un manual de como modificar themes de smf o Temas a su gusto, basado en otro manual en inglés ( las imágenes ).

Abrimos el Style.css del theme default:

Links visitados y no visitados:

Quote
/* Normal, standard links. */
a:link
{
color: #000000;
text-decoration: underline;
}
a:visited, a:hover
{
color: #323232;
text-decoration: underline;
}




Links en cascadas:

Quote
/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #000000;
text-decoration: none;
}
a.nav:hover
{
font-weight: bold;
color: #cc3333;
text-decoration: underline;
}


Fondo o Backgraund:
Quote
body
{
background-color: white;
margin: 0px;
padding: 0px;
}



Letra de los botonesy en las cajas de texto:
Quote
/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
font-size: 9pt;
color: #000000;
font-family: Tahoma, arial, helvetica, serif;
}



Cajas de selección ( opciones ):
Quote
/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
font-size: 8pt;
font-weight: normal;
color: #000000;
font-family: Tahoma, arial, helvetica, serif;
}
 

Líneas HR <hr>
Quote
/* Standard horizontal rule.. */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #666666;
background-color: #666666;
}
 

Las famosas Citas ó Quotes:

Quote
/* A quote, perhaps from another post. */
.quote
{
color: #000000;
background-color: #C3B8D0;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: x-small;
}


El tag [ code ]

Quote
/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: #cccccc;
border: 1px solid #000000;
padding: 1px;
font-family: "courier new", helvetica, "times new roman", serif;
font-size: x-small;
width: 99%;
margin: 1px auto 1px auto;
white-space: nowrap;
overflow: auto;
}


Código y Citas header osea el color que dirá Cita o Código:

Quote
/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
color: #000000;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
}


Editor o Caja de texto donde se publica un mensaje Se ajusta editando el porcentaje.

Quote
/* The main post box - this makes it as wide as possible. */
.editor
{
width: 96%;
}



Fondo de palabras en el buscador, cuando buscas y obtioenes el resultado por defecto lo da Amarillo vean la imágen para que entiendan.

Quote
/* Highlighted text - such as search results. */
.highlight
{
background-color: yellow;
font-weight: bold;
color: black;
}


Los fondos de los mensajes y usados en otras partes del foro los Windowsbg

Quote
/* Alternating backgrounds... */
.windowbg
{
color: #000000;
background-color: #E1E1E1;
}
.windowbg2
{
color: #000000;
background-color: #F0F0F0;
}



Títulos de mensajes:

Quote
/* Titles - such as table headers. */
.titlebg, tr.titlebg td, .titlebg a:link, .titlebg a:visited
{
color: white;
font-style: normal;
background-color: #6B8EAE;
}
.titlebg a:hover
{
color: #dfdfdf;
}


Fondos de las categorías:
Quote
/* The category headers, page indexes, and such things - catbg2 is used for "new" posts. */
.catbg, .catbg2
{
font-weight: bold;
background-color: silver;
color: #000000;
}
.catbg
{
background-image: url(images/titleback.gif);
}
.catbg2
{
background-image: url(images/titleback.jpg);
}




titleback.gif

titleback.jpg

Colores de Bordes ( tablas ) y fondo...:

Quote
/* The borders around things. */
.bordercolor
{
background-color: #828181;
}
.tborder
{
border: 1px solid #828181;
background-color: #FFFFFF;
padding: 2px;
}






Ahora van las cajas de información en el top arriba:

Quote
/* This is for the special header boxes on the top - it's not used elsewhere. */
.headertitles
{
background-color: #6B8EAE;
border: 1px solid #6B8EAE;
}
.headerbodies
{
border: 1px solid #7A7777;
background-color: #EFEFEF;
background-repeat: repeat-x;
background-position: bottom;
}




Imagenes por:Patrick Tutorial Theme

Para entender nesecitan saber algo de HTML y de colores :).

[darksteel]
« Last Edit: January 05, 2008, 11:01:52 PM by [darksteel] »
Luis "[darksteel]" Alvarado.
Spanish Support
¿Qué es el repair_settings?
No doy soporte por PM, publica tu duda en el foro y tendras respuestas mas rapidas.
My forum:
www.caamboard.com

Offline ::Winsmurf::

  • Semi-Newbie
  • *
  • Posts: 50
  • Gender: Male
    • MaxBox
Re: Editar Themes de Smf: Por darksteel
« Reply #1 on: April 10, 2005, 08:16:43 PM »
Mas que html, los colores hay que tenerlos claros. Pero si tienes problemas con los colores, busca en tu editor de html. Como el dreamweaver o el FP

Saludos
MaxBox

Offline [darksteel]

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 5,466
  • Gender: Male
  • SMF is a big boy
Re: Editar Themes de Smf: Por darksteel
« Reply #2 on: April 10, 2005, 08:25:28 PM »
Si una paleta de colores.

darksteel-
Luis "[darksteel]" Alvarado.
Spanish Support
¿Qué es el repair_settings?
No doy soporte por PM, publica tu duda en el foro y tendras respuestas mas rapidas.
My forum:
www.caamboard.com

Offline ernomo98

  • Jr. Member
  • **
  • Posts: 175
Re: Editar Themes de Smf: Por darksteel
« Reply #3 on: April 11, 2005, 06:57:10 AM »
Gracias

Offline victoralia

  • Semi-Newbie
  • *
  • Posts: 59
Re: Editar Themes de Smf: Por darksteel
« Reply #4 on: April 11, 2005, 03:42:51 PM »
Cojonudo. ¿Eres un crack!
Saludos.

Offline [darksteel]

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 5,466
  • Gender: Male
  • SMF is a big boy
Re: Editar Themes de Smf: Por darksteel
« Reply #5 on: April 11, 2005, 04:48:26 PM »
Cojonudo. ¿Eres un crack!
Saludos.

???

darksteel-
Luis "[darksteel]" Alvarado.
Spanish Support
¿Qué es el repair_settings?
No doy soporte por PM, publica tu duda en el foro y tendras respuestas mas rapidas.
My forum:
www.caamboard.com

Offline foxmulder

  • Semi-Newbie
  • *
  • Posts: 31
Re: Editar Themes de Smf: Por darksteel
« Reply #6 on: May 29, 2005, 09:48:19 AM »
Ya no se ven las imagenes y eran muy útiles para ver que parte del foro se está modificando.

¿Podriais arreglarlo?

Gracias.

Offline matiesderiver

  • Jr. Member
  • **
  • Posts: 196
  • Mundo-Informatico.com
    • Mundo-Informatico
Re: Editar Themes de Smf: Por darksteel
« Reply #7 on: May 29, 2005, 09:58:30 AM »
Ya no se ven las imagenes y eran muy útiles para ver que parte del foro se está modificando.

¿Podriais arreglarlo?

Gracias.

Aca estan las imagenes:
http://patrick.hardcorecoders.net/tutorials/

Saludos ;)

Offline [darksteel]

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 5,466
  • Gender: Male
  • SMF is a big boy
Re: Editar Themes de Smf: Por darksteel
« Reply #8 on: May 29, 2005, 01:31:59 PM »
Ya no se ven las imagenes y eran muy útiles para ver que parte del foro se está modificando.

¿Podriais arreglarlo?

Gracias.

Estoy ya arregkandola, gracias por acordarme.

darksteel-
Luis "[darksteel]" Alvarado.
Spanish Support
¿Qué es el repair_settings?
No doy soporte por PM, publica tu duda en el foro y tendras respuestas mas rapidas.
My forum:
www.caamboard.com

Offline Pedi que me borren

  • SMF Hero
  • ******
  • Posts: 6,680
Re: Editar Themes de Smf: Por darksteel
« Reply #9 on: May 29, 2005, 01:54:35 PM »
Muy bueno el mini-tutorial, Dark

Para manejar los colores les recomiendo, el Kolorok 2.1
Que ademas de paleta, sirve para ver el codigo de cualquier color en pantalla, con solo señalarlo con el mouse.

Se puede descargar desde aqui:
http://www.maitea.com/kolorok.html

Offline oros

  • Newbie
  • *
  • Posts: 5
  • Gender: Male
    • Club d'Escacs Gava
Re: Editar Themes de Smf: Por darksteel
« Reply #10 on: October 21, 2005, 08:20:39 PM »
Estoy intentando adaptar los colores al estilo de mi página (fondo negro y texto amarillo) y tras mirar y remirar el archivo style.css no he sido capaz de aplicar el amarillo al texto sin problemas.

Me he visto "obligado" a cambiar el texto a otro color en las cajas de selección (o como se llamen  :-X , me refiero a lo que vemos al escribir un post como "cambiar color") ya que no se puede cambiar el blanco del fondo (o no es recomendable como dicen en el foro en inglés).

Pero no acabo aqui...  :-[ todos los cuadros de texto aparecen también con el blanco de fondo y no sé si se puede o no cambiar el fondo a otro color o si es necesario cambiar la letra a una más oscura. Y en este último caso se puede cambiar sólo cuando esté un cuadro de texto detrás ???.

Espero haberme explicado y que me podais ayudar.

También he visto que el fondo de los botones (gris claro) no me permite ver bien el texto en amarillo, pero no lo he buscado tanto como lo de los cuadros de texto. Igual me apaño y todo...  ::)
« Last Edit: October 21, 2005, 08:26:39 PM by oros »
webmaster de hxxp:www.escacsgava.com [nonactive]
webnovato de hxxp:www.escacsgava.com/foro [nonactive]

Offline otif

  • Newbie
  • *
  • Posts: 3
Re: Editar Themes de Smf: Por darksteel
« Reply #11 on: November 04, 2005, 10:38:43 AM »
oros, busca en el archivo css los tags de "body", "select", "input", "textarea" y modifica sus colores o colocalos sino existen, te recomiendo que antes hagas una copia por si algo sale mal,

espero te sirva de ayuda

Offline Leo.J90

  • Jr. Member
  • **
  • Posts: 322
  • Gender: Male
  • Interests: Programming, OS & RI
Re: Editar Themes de Smf: Por darksteel
« Reply #12 on: November 04, 2005, 11:57:17 AM »
Q se tiene q saber para editar themes?---> X/Html (100%), Css (100%), Php (35%) y Sql (25%)... si no saben ni siquiera html, no toquen, pregunten 1ero..

Offline mast3er

  • Semi-Newbie
  • *
  • Posts: 26
  • Gender: Male
    • Mast3er.com.ar - Mi lugar no el tuyo
Re: Editar Themes de Smf: Por darksteel
« Reply #13 on: February 06, 2006, 09:16:04 PM »
Q se tiene q saber para editar themes?---> X/Html (100%), Css (100%), Php (35%) y Sql (25%)... si no saben ni siquiera html, no toquen, pregunten 1ero..
no creo qeu sea tan asi, yo se html, css, y estoy aprendiendo a fondo PHP y SQL. Y edito los themes sin problemas, y lo hacia cuando solo sabia html y aprendi css a las patadas.

Acordate que tambien tenes que saber modificar las imagenes y todo lo que es graficos porque o si no no llegas a ningun lado
URL del foro: www.master.com.ar/foros
Theme usado: Apollo
Version: 1.1RC2

Offline Leo.J90

  • Jr. Member
  • **
  • Posts: 322
  • Gender: Male
  • Interests: Programming, OS & RI
Re: Editar Themes de Smf: Por darksteel
« Reply #14 on: February 06, 2006, 11:04:51 PM »
Bueno, talvez me equivoqué con los porcentajes, pero de Php creo que con saber lo básico ya basta. ;)

Offline reydelmundo11

  • Jr. Member
  • **
  • Posts: 141
    • Smforos
Re: Editar Themes de Smf: Por darksteel
« Reply #15 on: February 10, 2006, 10:22:35 AM »
Pero para editar un theme completamente hay que saber tambien php, ahi solo editas las hojas de estilo.
Saludos  ;)
Obtenga su foro smf gratis en:

Offline Leo.J90

  • Jr. Member
  • **
  • Posts: 322
  • Gender: Male
  • Interests: Programming, OS & RI
Re: Editar Themes de Smf: Por darksteel
« Reply #16 on: March 12, 2006, 04:19:21 AM »
Pero para editar un theme completamente hay que saber tambien php, ahi solo editas las hojas de estilo.
Saludos  ;)
El aspecto solamente con Html y/o Css, agregar o quitar cosas ya es con Php. :P

Offline manolain

  • Semi-Newbie
  • *
  • Posts: 41
    • Web Oficial Cádiz CF
Re: Editar Themes de Smf: Por darksteel
« Reply #17 on: April 05, 2006, 03:43:22 PM »
¿Cómo cambio el color del texto del título del foro, el que sale grande en la esquina superior izquierda?
¿Cómo cambio también la posición de ese texto, para que esté en la derecha? (y el logo a la izquierda)?

Gracias

Offline NeLVi

  • Semi-Newbie
  • *
  • Posts: 85
Re: Editar Themes de Smf: Por darksteel
« Reply #18 on: April 05, 2006, 06:25:27 PM »
Manolain, tienes que editar el archivo del template "index.template.php"

Y buscar las etiquetas en html que tienes que editar, que son donde aparezca el logo y ese texto que quieres cambiar.

;)

Offline Leo.J90

  • Jr. Member
  • **
  • Posts: 322
  • Gender: Male
  • Interests: Programming, OS & RI
Re: Editar Themes de Smf: Por darksteel
« Reply #19 on: April 11, 2006, 05:13:32 PM »
¿Cómo cambio el color del texto del título del foro, el que sale grande en la esquina superior izquierda?

styles.css

¿Cómo cambio también la posición de ese texto, para que esté en la derecha? (y el logo a la izquierda)?
index.template.php