Simple Machines Community Forum

SMF Support => Español (Spanish) => Language Specific Support => Temas y Diseño (Themes) => Topic started by: [darksteel] on April 09, 2005, 01:12:52 PM

Title: ¿Cómo editar mi theme? [OBSOLETO]
Post by: [darksteel] 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 (http://patrick.hardcorecoders.net/tutorials/)

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

[darksteel]
Title: Re: Editar Themes de Smf: Por darksteel
Post by: ::Winsmurf:: 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
Title: Re: Editar Themes de Smf: Por darksteel
Post by: [darksteel] on April 10, 2005, 08:25:28 PM
Si una paleta de colores.

darksteel-
Title: Re: Editar Themes de Smf: Por darksteel
Post by: ernomo98 on April 11, 2005, 06:57:10 AM
Gracias
Title: Re: Editar Themes de Smf: Por darksteel
Post by: victoralia on April 11, 2005, 03:42:51 PM
Cojonudo. ¿Eres un crack!
Saludos.
Title: Re: Editar Themes de Smf: Por darksteel
Post by: [darksteel] on April 11, 2005, 04:48:26 PM
Quote from: victoralia on April 11, 2005, 03:42:51 PM
Cojonudo. ¿Eres un crack!
Saludos.

???

darksteel-
Title: Re: Editar Themes de Smf: Por darksteel
Post by: foxmulder 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.
Title: Re: Editar Themes de Smf: Por darksteel
Post by: matiesderiver on May 29, 2005, 09:58:30 AM
Quote from: foxmulder 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.

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

Saludos ;)
Title: Re: Editar Themes de Smf: Por darksteel
Post by: [darksteel] on May 29, 2005, 01:31:59 PM
Quote from: foxmulder 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.

Estoy ya arregkandola, gracias por acordarme.

darksteel-
Title: Re: Editar Themes de Smf: Por darksteel
Post by: Pedi que me borren 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
Title: Re: Editar Themes de Smf: Por darksteel
Post by: oros 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...  ::)
Title: Re: Editar Themes de Smf: Por darksteel
Post by: otif 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
Title: Re: Editar Themes de Smf: Por darksteel
Post by: Leo.J90 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..
Title: Re: Editar Themes de Smf: Por darksteel
Post by: mast3er on February 06, 2006, 09:16:04 PM
Quote from: X.Cyclop 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..
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
Title: Re: Editar Themes de Smf: Por darksteel
Post by: Leo.J90 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. ;)
Title: Re: Editar Themes de Smf: Por darksteel
Post by: reydelmundo11 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  ;)
Title: Re: Editar Themes de Smf: Por darksteel
Post by: Leo.J90 on March 12, 2006, 04:19:21 AM
Quote from: reydelmundo11 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  ;)
El aspecto solamente con Html y/o Css, agregar o quitar cosas ya es con Php. :P
Title: Re: Editar Themes de Smf: Por darksteel
Post by: manolain 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
Title: Re: Editar Themes de Smf: Por darksteel
Post by: NeLVi 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.

;)
Title: Re: Editar Themes de Smf: Por darksteel
Post by: Leo.J90 on April 11, 2006, 05:13:32 PM
Quote from: manolain 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?

styles.css

Quote from: manolain on April 05, 2006, 03:43:22 PM¿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
Title: Re: ¿Cómo editar mi theme?
Post by: shinji on April 19, 2006, 10:59:45 PM
holas bueno les cuento entre tanto codigo quede mareado uffff

pero quiero modificar mi theme pero no se cuales son los codigos

miren tengo un theme que me muestra todos los foros juntos y con el mismo color


y quiero dejar de esta manera :




alguien me ayuda plis
;) ;)

Title: Re: ¿Cómo editar mi theme?
Post by: [darksteel] on April 20, 2006, 05:42:47 PM
pues edita el  style.css lee el manual :P.

darksteel-
Title: Re: ¿Cómo editar mi theme?
Post by: gameworld on April 21, 2006, 06:13:50 AM
que color le pegaria a mi foro teniendo esta portada y el encabezado
www.forerosamarillos.net
Title: Re: ¿Cómo editar mi theme?
Post by: shinji on April 21, 2006, 08:38:59 AM
Quote from: [darksteel] on April 20, 2006, 05:42:47 PM
pues edita el  style.css lee el manual :P.

darksteel-

:P :P jejejeje esta claro pero intente de todo y no logre saber cual es el nombre de esas tablas  :-* :-*
Title: Re: ¿Cómo editar mi theme?
Post by: [darksteel] on April 21, 2006, 04:27:25 PM
windowbg 1,2,3.

darksteel-
Title: Re: ¿Cómo editar mi theme?
Post by: Quikzer on April 29, 2006, 10:25:22 AM
Bueno chicos depues de seguir las esplicaciones y un poquito de imaginación ha quedado así : http://t-wow.es (http://t-wow.es), haber si os gusta y si no os gusta a ver si me ayudais a mejorarlo :P
Title: Re: ¿Cómo editar mi theme?
Post by: [darksteel] on April 29, 2006, 11:48:41 AM
muy bueno, sólo yo cambiaría el borde azul que separa los foros por otro color que se vea y divida.

darksteel-
Title: Re: ¿Cómo editar mi theme?
Post by: shinji on May 08, 2006, 10:03:11 AM
por mi parte mezcle 2 themes ocupe el Admin.template.php del theme default y el css del theme amdblack01-rc1 lo unico malo es que no logro ver el los avisos de mensajes privados  :-[ :-[

foro Hardmodding (http://www.hardmodding.cl/index.php?option=com_smf&Itemid=94&)
Title: Re: ¿Cómo editar mi theme?
Post by: citystars on May 14, 2006, 11:09:42 AM
Mirad el foro como está quedando y decirme que opináis.... :

http://hamsterworld.mynew.ws/smf/

Si encontráis algunas cosas feas o bueno, cualquier crítica será bien recibida.
Title: Re: ¿Cómo editar mi theme?
Post by: forma on June 13, 2006, 05:11:54 PM
PORFAVOR ALGUIEN ME PUEDE AYUDAR???

he creado un foro, o mejor dicho estoy en ello, pero no se lo que he tocado y el texto de dentro de los post ( como este texto de aki ) me sale pekeñisiiiimoooooo, y no se como se hace mas grande... ¿ alguien me puede decir como ?? el comando ??

mil gracias
Title: Re: ¿Cómo editar mi theme?
Post by: [darksteel] on June 17, 2006, 08:55:05 PM
en .smalltext o .normaltext del style.css


darksteel-
Title: Re: ¿Cómo editar mi theme?
Post by: forma on June 24, 2006, 10:43:05 PM
Quote from: [darksteel] on June 17, 2006, 08:55:05 PM
en .smalltext o .normaltext del style.css


darksteel-

que cosa mas rara.. resulta que la gente lo ve biennnnn... solo soy yo que cuando intento responder un post, me lo que escribo sale PEKEÑISIIIIMOOOOO que casi ni lo veo... cuando ya lo he escrito y le doy para que se publike sale bien, pero es esooo. que cuando intento responder un post.. a la hora de ditarlo.. escribirlo ,me sale pequeñisimaaaaaaaaaaaaaaaa..

helpme gracias :)
Title: Re: ¿Cómo editar mi theme?
Post by: fritpa on August 17, 2006, 03:26:14 AM
Como hago para que estos links

(http://img3.freeimagehosting.net/image.php?409dbe16d2.jpg)

se vean así



Dice al comienzo del thread, 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;
}

Pero en mi style.css el del default sale eso tal cual, que debo cambiar?

Gracias.
Title: Re: ¿Cómo editar mi theme?
Post by: Pedi que me borren on August 17, 2006, 05:09:48 AM
Admin...tema actua...Activar ligas en línea
Title: Re: ¿Cómo editar mi theme?
Post by: fritpa on August 18, 2006, 05:30:19 PM
Sorry no es eso, lo tenía sin activar es decir como árbol, al activar se supone quedarían lineales, hago el cambio de uno a otro y siguen siendo lineales...
Title: Re: ¿Cómo editar mi theme?
Post by: Pedi que me borren on August 18, 2006, 06:21:38 PM
Tenes el theme default?
hay themes en los que se anula...
Title: Re: ¿Cómo editar mi theme?
Post by: fritpa on August 19, 2006, 03:28:23 AM
Tengo el default, con este no se puede?
Title: Re: ¿Cómo editar mi theme?
Post by: Pedi que me borren on August 19, 2006, 07:37:47 PM
Deberia funcionar...
Title: Re: ¿Cómo editar mi theme?
Post by: fernandius on September 07, 2006, 01:01:22 PM
Quote from: [darksteel] on June 17, 2006, 08:55:05 PM
en .smalltext o .normaltext del style.css


darksteel-

hola darksteel, tenes idea en que parte del codigo hace referencia a la carga del message icon cuando muestra la lista de titulos de un tema general? puse un theme que sospecho no esta bien direccionado porque me sale la cruz roja. gracias y saludos
Title: Re: ¿Cómo editar mi theme?
Post by: MaRµ on September 21, 2006, 03:08:12 PM
En la primer pagina del post faltan todas las imagenes help!
Title: Re: ¿Cómo editar mi theme?
Post by: shinji on October 02, 2006, 11:34:15 AM
la consulta es la siguiente puedo colocar 1 tipo de imagen para cada foro asi como en invision

asi como esto:



saludos
Title: Re: ¿Cómo editar mi theme?
Post by: EgAr on October 02, 2006, 05:17:48 PM
Quote from: shinji on October 02, 2006, 11:34:15 AM
la consulta es la siguiente puedo colocar 1 tipo de imagen para cada foro asi como en invision

asi como esto:



saludos

http://www.simplemachines.org/community/index.php?topic=82435.msg547881#msg547881

ahi se explican 2 metodos para hacerlo...
Title: Re: ¿Cómo editar mi theme?
Post by: shinji on October 02, 2006, 07:30:18 PM
se agradece la respuesta coterraneo  ;) ;)

saludos
Title: Re: ¿Cómo editar mi theme?
Post by: nacholuk on October 05, 2006, 09:16:53 AM
Quote from: [darksteel] 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:


que es el default y con que programa de diseño hablas
Title: Re: ¿Cómo editar mi theme?
Post by: shinji on October 05, 2006, 10:46:23 AM
estimados se q la pregunta es muy sencilla pero no he podido pilla la forma de agrandar el table del foro para q ocupe el contorno completo de mi frame

lo que esta con rojo es el espacio que falta para llegar al borde del frame



saludos y disculpen tanta pregunta   :-[ :-[
Title: Re: ¿Cómo editar mi theme?
Post by: bigo on October 09, 2006, 03:58:45 PM
hola tengo una pregunta... me gustari saber como puedo colocar mas de una imagen en los costados donde muestra los circulos...


que archivo es el que tiene la estructura de ocmo se muestran los foros en la index? en realidad eso es loq ue quiero modificar completamente esa estructura....
Title: Re: ¿Cómo editar mi theme?
Post by: secuestro on November 09, 2006, 12:34:10 PM
Hola que tal,quiero eliminar todo el borde blanco que rodea al foro en si al igual que los links en cascada,segun el tuto es esto lo que tendria que editar:

Links en cascadas:

/* 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;
}

Probe borrando esto del archivo style.css pero la cascada sigue ahi,que tengo que hacer para eliminarla junto col el borde blanco,aqui dejo una imagen de lo que me refiero:



Gracias y saludos.
Title: Re: ¿Cómo editar mi theme?
Post by: Pedi que me borren on November 09, 2006, 06:10:38 PM
admin...tema actual...Activar ligas en línea (inline)
Eso te cambia la forma de mostrarlo
Title: Re: ¿Cómo editar mi theme?
Post by: Agustín on November 19, 2006, 06:39:09 PM
A ver si algún alma caritativa sabe explicarme cómo poner en "Times New Roman" el título de mis foros. He intentado crear una etiqueta title en el style.css de mi theme pero no funciona. La etiqueta es ésta:

title
{
   color: #ffff00;
   font-size: small;
   font-family: times, serif;
   font-weight: bold;
   font: times;
}

Pero no funciona en absoluto. Me temo que el tipo de letra del título hay que cambiarlo en algún otro sitio porque la etiqueta <title> no toma aquí los datos en un formato modificable que permita esta etiqueta ¿me equivoco? Pero ¿dónde? :(

Por cierto, esto me recuerda que siempre se me olvida preguntar que dónde diantres habría que colocar las etiquetas que modifican las barras de desplazamiento haciendo que tengan los colores generales de mi sitio web para que puedan mis foros SMF integrarse con aquél? He probado a añadirlos en la hoja de estilo style.css de mi theme y no ha funcionado tampoco :(

Un cordial saludo:
Agustín
Title: Re: ¿Cómo editar mi theme?
Post by: Pedi que me borren on November 19, 2006, 08:45:07 PM

Asi, no puede funcionar:
   font-family: times, serif;
   font-weight: bold;
   font: times;

Asi no se escrben las fuentes...

Title: Re: ¿Cómo editar mi theme?
Post by: Agustín on November 19, 2006, 09:21:44 PM
Quote from: el bar ® on November 19, 2006, 08:45:07 PM

Asi, no puede funcionar:
   font-family: times, serif;
   font-weight: bold;
   font: times;

Asi no se escrben las fuentes...

No entiendo...  Así es como se ve que se escriben en el style.css. Allí al menos aparecen las entradas de

   font-family: times, serif;
   font-weight: bold;

en varias ocasione. Lo de la otra entrada "font: times;" es algo que yo he añadido a la desesperada mirando en el catálogo oficial de etiquetas css. ¿Por qué dices que así no se escriben lasfuentes? ??? ¿Qué es lo que hago mal?

Un cordial saludo:
Agustín
Title: Re: ¿Cómo editar mi theme?
Post by: Pedi que me borren on November 19, 2006, 09:59:14 PM
La tenes repetida...
{
font-size: 9pt;
color: #000000;
font-family: Tahoma, arial, helvetica;
}

El manejo visual de las fuentes, no depende de que se las muestre, sino tambien de que se las pueda leer...tenes que darle la opcion a la pc, de que lea con otras fuentes...
Por eso, se generaliza. Tahoma y Arial...
Title: Re: ¿Cómo editar mi theme?
Post by: Darthemis on December 05, 2006, 06:34:32 PM
Hola buenas tengo una duda.

He podido cambiar el color de la fuente de los posts, pero el color de la fuente de las ramas diferentes del foro no sé cambiarla.
Alguien me puede explicar cómo cambiarla tocando el .css? Me he leído el tutorial, pero lo siento, no lo veo  :( :(

Gracias de antemano, y muy buen tutorial, me está ayudando a cambiarlo :D
Title: Re: ¿Cómo editar mi theme?
Post by: Heros Return on December 14, 2006, 01:03:04 AM
Como hacer para q salgan los mensajes recientes en la zona de centro de informacion?
Title: Re: ¿Cómo editar mi theme?
Post by: Heros Return on December 14, 2006, 02:10:26 AM
Una Preguntota, cual seria el codigo para poner lo q esta en blanco en el sig. color  #333333
Si me pueden ayudar, gracias.



Title: Re: ¿Cómo editar mi theme?
Post by: Pedi que me borren on December 26, 2006, 06:58:49 PM
Aqui hay una herramienta interesante de Smf Hacks (http://www.smfhacks.com/smf-theme-generator.html)
Title: Re: ¿Cómo editar mi theme?
Post by: Fanpic on January 06, 2007, 04:19:22 PM
No recuerdo de donde saqué esto pero lo comparto con Uds.

Theme Generator (http://www.smfhacks.com/smf-theme-generator.html)

[editado]

El bar me ganó

Title: Re: ¿Cómo editar mi theme?
Post by: Dhampire on January 06, 2007, 04:44:47 PM


como puedo   hacer esto?
Title: Re: ¿Cómo editar mi theme?
Post by: DRSoft on January 06, 2007, 04:57:08 PM
Quote from: Dhampire on January 06, 2007, 04:44:47 PM


como puedo   hacer esto?
¿Qué cosa, lo de Sub Foros? Eso se hace en el panel de Administración
Title: Re: ¿Cómo editar mi theme?
Post by: Dhampire on January 09, 2007, 10:00:00 AM
sip los  subforos... :(
bueno vere que hago :S
Title: Re: ¿Cómo editar mi theme?
Post by: Doro on February 01, 2007, 12:33:45 PM
Para eso creo que había un mod, pero no recuerdo cuál.... ???



Saludos,
Title: Re: ¿Cómo editar mi theme?
Post by: cadiz on February 08, 2007, 02:12:30 PM
no se ven las imagens del tutorial alguien me puede decir donde encontrarlo para que lo vea
Title: Re: ¿Cómo editar mi theme?
Post by: munyula on February 10, 2007, 06:37:19 AM
me gustaria cambiar el logo los botones de los foros y categorias como se hace?

url: http://aula35.byethost18.com/smf/index.php

version 1.1.1

(el logo hice lo q leii por aqui pero sige el de stilo!)
Title: Re: ¿Cómo editar mi theme?
Post by: cadiz on February 10, 2007, 09:08:03 AM
Alguien me puede decir si este es elcodigo del entorno del foro

/* The main body of the entire forum. */
body
{
   background-color: #0B2F83;
   margin: 0px;
   padding: 90px;

es que me gustaria crear un borde y me gustaria saber si en el css se tiene que colocar algun codigo borde para crearlo.
Title: Re: ¿Cómo editar mi theme?
Post by: cadiz on February 11, 2007, 12:11:19 PM
http://www.patrick.hcchosting.com/tutorials/#intro
Title: Re: ¿Cómo editar mi theme?
Post by: munyula on February 23, 2007, 10:15:56 AM
porfavor alguien me puede responder a mi duda levo 2 semanas esperando me pare muy mal que en un foro de ayuda me tenga q esperar tanto y si es grabe y si mis usuarios estan esperando porfavor e estado en foros de ayuda donde en 5 minutos me respondian vale que tarde un dia o dos pero 2 o 3 semanas porfavor!
Title: Re: ¿Cómo editar mi theme?
Post by: Doro on February 26, 2007, 12:54:37 PM

A ver si alguien sabe dónde cambiar el color de la fuente donde está escrito Centro de Información, que le da también color a los títulos de los bloques de las opciones del perfil y del centro de administración.


Thanks,  ;)
Title: Re: ¿Cómo editar mi theme?
Post by: Tjda on April 09, 2007, 09:43:55 AM
muy bueno manual
Title: Re: ¿Cómo editar mi theme?
Post by: bigubi on April 10, 2007, 07:06:36 AM
como puedo modificar este color es ke en mi foro es blanco y no lo distingo muy bien
Title: Re: ¿Cómo editar mi theme?
Post by: bigubi on April 14, 2007, 06:16:06 PM
nadie lo sabe ooo nada abra que esperar
Title: Re: ¿Cómo editar mi theme?
Post by: alvaroh15 on May 08, 2007, 02:23:59 PM
buff!!! dios no me entero de nada...jaja, bueno mi foro es http://lnx.sh1nsei.com/alrromal/smf pero vamos que llevo como 1 mes intentando instalarlo y nada, asta que ayer por fin se me instalo y oy instale otro ^^. Pero alguien tiene las imagenes que no se ven?? es para q las ponga por que estoy totalmente perdido, yo tengo la version 1.1.2 y no se si esa tb vale...xk a mi no me salen las cosas igual que salen ai....
Title: Re: ¿Cómo editar mi theme?
Post by: bodyboard_jerez on May 11, 2007, 11:31:05 AM
Muy útil !!, se agradece !!
Title: Re: ¿Cómo editar mi theme?
Post by: mario_64k on June 23, 2007, 09:06:55 PM
buen tutorial, pero hay algo que no entiendo

Estas modificaciones son solo para el THEME default ??


Esque yo tengo el THEME classic, y despues de editar todo el style.css no encontre  donde cambiar el background

y algunas cosas del style.css de este tutorial no los tiene el THEME classic
Title: Re: ¿Cómo editar mi theme?
Post by: snakee on July 27, 2007, 02:38:06 AM
Muy buen tutorial, pero deberian responder con mas rapidez las dudas de los users....
De todas maneras se agradece :D
Title: Re: ¿Cómo editar mi theme?
Post by: marvinc650 on July 30, 2007, 02:26:24 PM
Ayuda pues yo le cambie el fondo al theme pero el parte del emcabezado no se mira bien. que tengo que hacer para que se mire bien alguien me puede ayudar porfavor..

http://foro.latinsystem.net es el foro pueden observar
Title: Re: ¿Cómo editar mi theme?
Post by: manumar on August 01, 2007, 11:06:12 AM
Como puedo poner en subrayado el titulo del los topics????

Si mi css es asi:
Quote
/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
   color: black;
   font-style: normal;
   background: url(images/titlebg.jpg) #E9F0F6 repeat-x;
   border-bottom: solid 1px #9BAEBF;
   border-top: solid 1px #FFFFFF;
   padding-left: 10px;
   padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
   font-weight: bold;
   color: black;
   font-style: normal;
}

.titlebg a:hover
{
   color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
   color: black;
   font-style: normal;
   text-decoration: underline;
}

.titlebg2 a:hover
{
   text-decoration: underline;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
   background: url(images/catbg.jpg) #88A6C0 repeat-x;
   color: #ffffff;
   padding-left: 10px;
   padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
   background: url(images/catbg2.jpg) #A1BFD9 repeat-x;
   color: #00000;
   padding-left: 10px;
   padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
   border-bottom: solid 1px #375576;
}
.catbg, .catbg2
{
   font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
   font-size: 95%;
   color: red;
   text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
   color: red;
   text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
   color: #e0e0ff;

SALUDOS
Title: Re: ¿Cómo editar mi theme?
Post by: Esquipy on August 02, 2007, 07:03:26 PM
Quote from: [darksteel] on April 10, 2005, 08:25:28 PM
Si una paleta de colores.

darksteel-

Que tal Asi (http://www.webtaller.com/utilidades/csscoder/colores.php)

Salu2
-- Esquipy --
Title: Re: ¿Cómo editar mi theme?
Post by: Irmy on August 08, 2007, 02:58:06 PM
Esta muy bueno el tutorial, lastima que no se vean las imagenes..

Alguien me podria decir el nombre para modificar el color de fondo (el k esta fuera del foro) y tambien no logro encontrar  donde modificar el color de fondo de la tabla que lleva el logo o banner .
Gracias si alguien me responde..
Title: Re: ¿Cómo editar mi theme?
Post by: pILOTO-43 on September 10, 2007, 04:19:01 PM
Hola yo tengo el SMF Default Theme - Core, me gustaria poner adsense en el header y footer, pero no se que archivo modificar y donde insertarlo, alguien que me ayude, Gracias
Title: Re: ¿Cómo editar mi theme?
Post by: puchi on September 23, 2007, 04:10:53 AM
Cual es el código para modificar el color de la parte superior (Banner)?
Saludos ;)
Title: Re: ¿Cómo editar mi theme?
Post by: puchi on September 23, 2007, 05:18:35 PM
Quote from: puchi on September 23, 2007, 04:10:53 AM
Cual es el código para modificar el color de la parte superior (Banner)?
Saludos ;)
Nadie?
Title: Re: ¿Cómo editar mi theme?
Post by: MaNaRa on October 01, 2007, 06:08:46 PM
como podria cambiarle el nombre a un botón?? es decir, si el theme que uso está en inglés, que código tendría que modificar para cambiar los botones, de inglés a español?? me refiero a los de ((admin, buscar, etc...)) pero no salen como si fueran botones, son solo texto, como puedo cambiar el texto de los botones??
Title: Re: ¿Cómo editar mi theme?
Post by: johnnie on October 02, 2007, 05:13:07 AM
El index.spanish esta dentro de la carpeta lenguage.
Title: Re: ¿Cómo editar mi theme?
Post by: zejio on October 07, 2007, 12:14:51 PM
¿como puedo poner una imagen de fondo?
Title: Re: ¿Cómo editar mi theme?
Post by: pulgante on October 07, 2007, 11:52:34 PM
hola a todos tengo una duda yo acabe de hacer un foro con spainforos.com pero no puedo cambiar el logo ni nada por el estilo si alguie me puede explicar se lo agradeceria de corazon.
Title: Re: ¿Cómo editar mi theme?
Post by: virtcof05 on October 16, 2007, 08:31:16 AM
Gracias
Title: Re: ¿Cómo editar mi theme?
Post by: vegeta86 on November 09, 2007, 02:08:54 PM
tema importante asi que dejo un mesaje para que este marcado ja saludos y gracias
Title: Re: ¿Cómo editar mi theme?
Post by: themoreruler on November 10, 2007, 03:26:28 AM
donde se edita el color del texto de la barra del menu???? esa donde dice, inicio, perfil, administracion etc
Title: Re: ¿Cómo editar mi theme?
Post by: Vice88 on December 05, 2007, 06:49:44 AM
¿en que parte debería de añadir del CSS una línea que separe los datos del usuario de su post? como  veis no hay líneas verticales que lo separen y me gustaría añadirle una. Si alguien es tan amable de colocar un codigo y decir donde añadirlo...
Title: Re: ¿Cómo editar mi theme?
Post by: johnnie on December 11, 2007, 10:05:49 AM
sabeis donde se edita el color del fondo de las noticias
Title: Re: ¿Cómo editar mi theme?
Post by: johnnie on December 12, 2007, 11:51:02 AM
nadie sabe nada?
Title: Re: ¿Cómo editar mi theme? [OBSOLETO]
Post by: ÐąђfєĿbm on January 20, 2008, 05:16:42 PM
A todos les sugiero el Dremweaver 8 o CS3, los pueden conseguir en Emule o en foros de Wares, Sin embargo yo NO los uso, pero si se los recomiendo por comodidad.

johnnie-Tú tienes que tratar de buscarlo, si NO existe en el style.css, entonces se encuentra en el index.template.php, sin embargo, yo aprendí fue hacer una toma de mi desktop y pegarlo en fireworks, luego con el botón ·tinta·, miro que color es, y con el buscador de firefox lo busco, cambio todos los tonos que tengan ese color para comprovar que si edite lo que queria, si no edite nada, es porque esta en index.template.php. Pero creo que se encuentra en una etiqueta así:
Quote}
.windowbg2
{

themoreruler-No estoy seguro, sin embargo en el index.template.php, en las lineas donde diga: // Show the menu up top., o [home], [help], [profile], esa linea entera se encarga de los botones... averigua códigos html para cambiar el color del fondo y escribelos en la linea donde encuentres lo anterior...

zejio-Eso es simple, busca en el Style.css algo que diga: "body" o "main background", a eso hay una etiqueta que dice: "background: #FFFFFF;" (u otro color), reemplaza el "#FFFFFF" por "url(images/IMAGEN DE FONDO.jpg) repeat-x #FFFFFF", Si NO quieres que la imagen se repita, elimina el "repeat-x".

A todos los demás, para que tengan un mejor manejo y entiendan más el Style.css del SMF, vean esta página: http://www.smfhacks.com/smf-theme-generator.html (http://www.smfhacks.com/smf-theme-generator.html)

Saludos!, espero que los haya podido ayudar en algo.
Title: Re: ¿Cómo editar mi theme? [OBSOLETO]
Post by: cadiz on February 07, 2008, 08:16:56 AM
para que foro es sirve para el 1.0.7?
Title: Re: ¿Cómo editar mi theme? [OBSOLETO]
Post by: M-DVD on March 20, 2008, 04:20:25 PM
Esto parecerá una pregunta tonta pero... ¿porque el titulo al final dice  [OBSOLETO]?

¿Acaso este tutorial ya no tiene validez, es que sigo viendo mensajes recientes, además que si no tiene validez entonces no lo estudio  :D
Title: Re: ¿Cómo editar mi theme? [OBSOLETO]
Post by: johnnie on March 22, 2008, 08:00:31 PM
Quote from: M-DVD on March 20, 2008, 04:20:25 PM
Esto parecerá una pregunta tonta pero... ¿porque el titulo al final dice  [OBSOLETO]?

¿Acaso este tutorial ya no tiene validez, es que sigo viendo mensajes recientes, además que si no tiene validez entonces no lo estudio  :D

Pues no lo se..... :( A lo mejor es por la version nueva de smf
Title: Re: ¿Cómo editar mi theme? [OBSOLETO]
Post by: Vice88 on March 24, 2008, 05:31:00 AM
vaya xD aún sigue mi duda, pues no di en donde modificar para crear una línea de 1 píxel que separoe los datos del usuario con el mensaje del post
Title: Re: Editar Themes de Smf: Por darksteel
Post by: Iscate on August 20, 2008, 01:11:47 PM
Quote from: foxmulder 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.

seria buena idea, este post aporta mucha ayuda
Title: Re: ¿Cómo editar mi theme? [OBSOLETO]
Post by: arranka on November 09, 2008, 02:09:39 AM
la verdad que si
Title: Re: ¿Cómo editar mi theme? [OBSOLETO]
Post by: Juancho35 on November 10, 2008, 12:47:25 PM
Hola

[darksteel] podrías agregar las imagenes que faltan, te lo agradecería mucho ya que no se como editar mis themes....por favor.

saludos
Title: Re: ¿Cómo editar mi theme? [OBSOLETO]
Post by: cuarteto on March 02, 2009, 05:37:56 PM
Hola gente disculpen.. busque y busque en el codigo pero no lo logro encontrar..

como hago para cambair este fondito negro a un color donde las letras se lean??.. o bien cambiar las letras a otro color.. tipo gris o blanco.. miren las imagenes..





Espero ayuda..
Salu2! ;)
Title: Re: ¿Cómo editar mi theme? [OBSOLETO]
Post by: lean on May 13, 2009, 11:20:32 PM
deja la pagina para que la pueda ver y asi ayudarte mejor. Que misterio hay en que muestres la pagina?
Dale, a ver si te podemos ayudar.
Title: Re: ¿Cómo editar mi theme? [OBSOLETO]
Post by: dusst on December 08, 2009, 01:07:38 AM
donde encuentro el nuevo manual? xD
Title: Re: ¿Cómo editar mi theme? [OBSOLETO]
Post by: solorio on April 12, 2010, 04:05:36 PM
donde encuentro el inico de Hola Solorio blabla