Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje01-11-2010, 22:25 (UTC)    
Título del mensaje: (Tablas) (celdas) (filas) de colores - html

Este codigo deberia ir en acerca de codigos pero...

Es para recordarles que CADA DIA se agregan codigos nuevos los cuales podran ver en..

http://www.paginawebgratis.es/forum/viewforum.php?f=21

Ya que esa zona no es muy visitada :O

Si lo agrego aqui,,.. no lo veran.
Segun la encuesta realizada a mas de 22 de us visitan mas "Otros temas" :P

Visiten y aporten tambien en las demas zonas


Les recomiendo tambien que visiten...
http://www.paginawebgratis.es/forum/viewforum.php?f=15

Tambien ahy nuevos

Bueno empezemos con el codigo...

Código:
<script language="JavaScript" type="text/javascript">
   tigra_tables('demo_table', 3, 1, '#ffffff', '#ffffcc', '#ffcc66', '#cccccc');
</script>
<h2 style="text-align: center;">&nbsp;</h2>
<table width="80%" cellspacing="0" cellpadding="1" bgcolor="#9933ff" align="center">
    <tbody>
        <tr>
            <td>
            <table width="100%" cellspacing="1" cellpadding="3" border="0" align="center" id="demo1_table">
                <tbody>
                    <tr>
                        <th bgcolor="#ffffff" colspan="2">SKULLDARKNIGHT -&nbsp; BY FERCHI</th>
                    </tr>
                    <tr style="background-color: rgb(204, 204, 255);" order="0">
                        <td width="20%">&nbsp;skulldarknight</td>
                        <td>&nbsp;skulldarknight.es.tl</td>
                    </tr>
                    <tr style="background-color: rgb(255, 255, 255);" order="1">
                        <td>skulldarknightcom.ar</td>
                        <td>skulldarknight</td>
                    </tr>
                    <tr style="background-color: rgb(204, 204, 255);" order="0">
                        <td>skulldarknight.es.tl</td>
                        <td>skulldarknight</td>
                    </tr>
                    <tr style="background-color: rgb(255, 255, 255);" order="1">
                        <td>skulldarknight</td>
                        <td>skulldarknight.com.ar</td>
                    </tr>
                    <tr style="background-color: rgb(204, 153, 255);" order="0">
                        <td>BY FERCHI</td>
                        <td>skulldarknight.es.tl</td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
<script language="JavaScript" type="text/javascript">
   tigra_tables('demo1_table', 1, 0, '#ffffff', '#ccccff', '#ffccff', '#cc99ff');
</script>
<h2>&nbsp;</h2>



El codigo es para modificar los colores de las celdas / columnas Y filas o toda la tabla.


Que puedo modificar del codigo?
Como en toda tabla podras modificar el borde(border) mientras mas grande sea el numero asignado mayor sera el grosor del borde.

Tambien la alineacion(left, right, center)

Height y widht, que son el tamaño.

Tambien no olvides quitar skulldarknight del codigo, a menos de que lo queras dejar xD

seria buena idea :D


como agregar mas celdas?

Para agregar mas celdas usa este codigo despues de donde quieres que aparesca.

Código:
<tr style="background-color: rgb(255, 255, 255);" order="1">
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>


COmo modificar los colores ?

COmo podran darse cuenta aparece en el codigo background-color: rgb(255, 255, 255 que es lo que permite que se puede establezer un fondo en cada celda.
El numero de color actua en RGB pero puedes usar colores Exadecimales por ejemplo:

FFFFFF
000000

Los colores exadecimales tienen 6 numeros.
Aqui puedes ver / encontrar el color que quieras:
http://html-color-codes.info/codigos-de-colores-hexadecimales/






Resultado final de la celda de colores:



Vista previa personalizada en un sitio en tiempo real:
http://skulldarknight.es.tl/Conociendo_mas.htm

No olvides que puedes mejorar tu sitio simplemente visita:

http://www.paginawebgratis.es/forum/viewforum.php?f=21
SKULLDARKNIGHT - BY FERCHI - INTENTA SUPERARNOS
Mensaje01-11-2010, 22:33 (UTC)    
Título del mensaje:

Sin duda, muy buen explicado.
Pero este topic va en Acerca de Codigos y este no va en Otros Temas.

Saludes.
Team!.

______________
Team-Soporte.
Moderador de PaginaWebGratis.es

www.team-soporte.es.tl | @jeremymolina
Mensaje01-11-2010, 22:35 (UTC)    
Título del mensaje:

Muy bueno el código
______________
Luciano Jmz
Luciano Jmz
Mensaje01-11-2010, 22:40 (UTC)    
Título del mensaje:

Buen codigo aunque son tablas seria mejor los divs

Salu2
______________
Miguel García | Desarrollador web freelance
Mensaje02-11-2010, 01:26 (UTC)    
Título del mensaje:

Tienes razon con lo de otros temas, y para que se animen a publicar, se deberia abrir un concurso, tu que opinas skull, el que mas publique en codigos, aunque creo que ganaria fafo-ayuda , y que el ganador obtubiera un post-it, aunque abria que pedirle a martinp la autorizacion, aunque creo que sería una buena causa.
______________
Twitter: @Giobuscador
Mensaje02-11-2010, 05:21 (UTC)    
Título del mensaje:

giobuscador escribió:
Tienes razon con lo de otros temas, y para que se animen a publicar, se deberia abrir un concurso, tu que opinas skull, el que mas publique en codigos, aunque creo que ganaria fafo-ayuda , y que el ganador obtubiera un post-it, aunque abria que pedirle a martinp la autorizacion, aunque creo que sería una buena causa.


Nada mas piensas en concursos lol jaja, no lo creo conveniente abria mucho spam mejor dejarlo asi, ya que no se necesitan de concursos los usuarios que en verdad quiere ayudar lo hacen y no por concursos

Salu2
______________
Miguel García | Desarrollador web freelance
Mensaje01-02-2012, 15:03 (UTC)    
Título del mensaje:

Este tema ha sido promovido, ya que cumple las características para ello.

Información sobre promoción de temas a zonas dedicadas:
http://www.paginawebgratis.es/forum/viewtopic.php?t=66177
(Los diseños o artículos, serán movidos a la zona de selección, si el moderador así lo considera)

saludes,
Team-Soporte.
______________
Team-Soporte.
Moderador de PaginaWebGratis.es

www.team-soporte.es.tl | @jeremymolina
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group