A piece of my code: noviembre 2010

Tenía pendiente asimilar un conocimiento básico y esencial para la programación sana siempre orientada al rendimiento. Usualmente cuando ocupo una lista en el código que trabajo siempre utilizo un "ArrayList" y la verdad tenía en la caja del olvido la implementación de "LinkedList". ¿Cuáles son las principales diferencias entre estas dos implementaciones?

Ventajas del ArrayList

1. El ArrayList utiliza internamente un arreglo para el almacenamiento. Esto lo hace particularmente más rápido para los accesos aleatorios tipo "obtener(#n)".

Desventajas del ArrayList

1. El ArrayList es más lento para agregar/borrar elementos en el inicio o en el medio de la colección debido a que todos los elementos (localizados antes o después) deben ser copiados adelante o atrás.

Grafiquémolo de esta manera. Digamos que tengamos esta lista con 6 elementos.

Y queremos insertar otro elemento antes del segundo.

Para poder agregar ese elemento, internamente la lista tiene que copiar todos los elementos del índice 1 a 5 una posición adelante.

2. Similar al problema anterior, el ArrayList tiene problemas de rendimiento cuando el arreglo interno se llena ya que tiene que crear uno arreglo más grande y copiar todos los elementos del arreglo viejo al nuevo.

Ventajas del LinkedList

1. La LinkedList (o lista enlazada) es lo opuesto a el ArrayList. Es más eficiente para agregar/borrar elementos en el medio o al comienzo de la colección. Si alguna vez les tocó programar a pie una estructura de datos de lista enlazada, recordarán que en la clase nodo se guarda un puntero o referencia al siguiente elemento.

En este caso lo que se hace para insertar un nodo en el medio es crea un nuevo nodo apuntando al elemento de adelante (->c) y se actualiza el puntero/referencia del nodo anterior para que apunte al nuevo nodo (->b).

2. Como no tiene restricciones de tamaño, la LinkedList no tiene los problemas de crecimiento del ArrayList.

Desventajas del LinkedList

1. Los accesos aleatorios son costosos en un LinkedList ya que en el peor de los casos tiene que recorrer toda la lista para llegar al elemento solicitado.

En resumen podemos decir que deberíamos utilizar el ArrayList solo si sabemos que vamos a tener muchos accesos aleatorios, en caso contrario usamos el LinkedList por defecto.

Quisiera hacer eco de un artículo que me encontré buscando algunos estilos para aplicar a una tabla HTML. Mi intención no es hacer plagio del artículo sino el de dejar disponible de una forma más clara los CSS que utilizó en cada una de las tablas.

Ciertamente el estilo por defecto de una tabla HTML es demasiado crudo; muy feo se ve en mi opinión. Aún cuando agregamos algunos detalles básicos como bordes, las tablas que usualmento le aplico mi estilo terminan siendo aún menos vistosas.

Si descubro más estilos llamativos los anexaré a esta entrada de blog.

0. Default

DEC	OCT	HEX	BIN	Symbol	HTML Number	HTML Name	Description
48	060	30	00110000	0	0	-	cero
49	061	31	00110001	1	1	-	uno
50	062	32	00110010	2	2	-	dos
51	063	33	00110011	3	3	-	tres
52	064	34	00110100	4	4	-	cuatro
53	065	35	00110101	5	5	-	cinco
54	066	36	00110110	6	6	-	seis
55	067	37	00110111	7	7	-	siete
56	070	38	00111000	8	8	-	ocho
57	071	39	00111001	9	9	-	nueve

1. Minimalista Horizontal

DEC	OCT	HEX	BIN	Symbol	HTML Number	HTML Name	Description
48	060	30	00110000	0	0	-	cero
49	061	31	00110001	1	1	-	uno
50	062	32	00110010	2	2	-	dos
51	063	33	00110011	3	3	-	tres
52	064	34	00110100	4	4	-	cuatro
53	065	35	00110101	5	5	-	cinco
54	066	36	00110110	6	6	-	seis
55	067	37	00110111	7	7	-	siete
56	070	38	00111000	8	8	-	ocho
57	071	39	00111001	9	9	-	nueve

  
#minimalista-horizontal { 
   background:none repeat scroll 0 0 #FFFFFF; 
   border-collapse:collapse; 
   font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif; 
   font-size:12px; 
   margin:20px; 
   text-align:left; 
   width:480px;
}
#minimalista-horizontal th { 
   border-bottom:2px solid #6678B1; 
   color:#003399; font-size:14px; 
   font-weight:normal; 
   padding:10px 8px;
}
#minimalista-horizontal td { 
   color:#666699; 
   padding:9px 8px 0;
}

2. Minimalista Vertical

DEC	OCT	HEX	BIN	Symbol	HTML Number	HTML Name	Description
48	060	30	00110000	0	0	-	cero
49	061	31	00110001	1	1	-	uno
50	062	32	00110010	2	2	-	dos
51	063	33	00110011	3	3	-	tres
52	064	34	00110100	4	4	-	cuatro
53	065	35	00110101	5	5	-	cinco
54	066	36	00110110	6	6	-	seis
55	067	37	00110111	7	7	-	siete
56	070	38	00111000	8	8	-	ocho
57	071	39	00111001	9	9	-	nueve


#minimalista-vertical { 
   border-collapse:collapse; 
   font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif; 
   font-size:12px; margin:30px 30px 30px 15px;
   text-align:left; width:480px;
}
#minimalista-vertical th { 
   border-bottom:2px solid #6678B1; 
   border-left:30px solid #FFFFFF;
   border-right:30px solid #FFFFFF;
   color:#003399; 
   font-size:14px;
   font-weight:normal;
   padding:8px 2px;
}
#minimalista-vertical td { 
   border-left:30px solid #FFFFFF; 
   border-right:30px solid #FFFFFF;
   color:#666699; padding:12px 2px 0;
}

3. Caja

DEC	OCT	HEX	BIN	Symbol	HTML Number	HTML Name	Description
48	060	30	00110000	0	0	-	cero
49	061	31	00110001	1	1	-	uno
50	062	32	00110010	2	2	-	dos
51	063	33	00110011	3	3	-	tres
52	064	34	00110100	4	4	-	cuatro
53	065	35	00110101	5	5	-	cinco
54	066	36	00110110	6	6	-	seis
55	067	37	00110111	7	7	-	siete
56	070	38	00111000	8	8	-	ocho
57	071	39	00111001	9	9	-	nueve

  
#caja { 
   border-collapse:collapse; 
   font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif; 
   font-size:12px; margin:20px; 
   text-align:left; width:480px;
}
#caja th { 
   background:none repeat scroll 0 0 #B9C9FE;
   border-bottom:1px solid #FFFFFF;
   border-top:4px solid #AABCFE;
   color:#003399;
   font-size:13px; 
   font-weight:normal; 
   padding:8px;
}
#caja td { 
   background:none repeat scroll 0 0 #E8EDFF; 
   border-bottom:1px solid #FFFFFF; 
   border-top:1px solid transparent; 
   color:#666699; 
   padding:8px;
}

4. Zebra Horizontal

DEC	OCT	HEX	BIN	Symbol	HTML Number	HTML Name	Description
48	060	30	00110000	0	0	-	cero
49	061	31	00110001	1	1	-	uno
50	062	32	00110010	2	2	-	dos
51	063	33	00110011	3	3	-	tres
52	064	34	00110100	4	4	-	cuatro
53	065	35	00110101	5	5	-	cinco
54	066	36	00110110	6	6	-	seis
55	067	37	00110111	7	7	-	siete
56	070	38	00111000	8	8	-	ocho
57	071	39	00111001	9	9	-	nueve

  
#zebra-hor { 
   border-collapse:collapse; 
   font-family:"Lucida Sans Unicode","Lucida Grande",Sans- Serif;
   font-size:12px; 
   margin:20px; 
   text-align:left; 
   width:480px;
}
#zebra-hor th {   
   color:#003399; 
   font-size:14px; 
   font-weight:normal; 
   padding:10px 8px;
}
#zebra-hor .odd { 
   background:none repeat scroll 0 0 #E8EDFF;
}
#zebra-hor td { 
   color:#666699;
   padding:8px;
}

5. Zebra Vertical

DEC	OCT	HEX	BIN	Symbol	HTML Number	HTML Name	Description
48	060	30	00110000	0	0	-	cero
49	061	31	00110001	1	1	-	uno
50	062	32	00110010	2	2	-	dos
51	063	33	00110011	3	3	-	tres
52	064	34	00110100	4	4	-	cuatro
53	065	35	00110101	5	5	-	cinco
54	066	36	00110110	6	6	-	seis
55	067	37	00110111	7	7	-	siete
56	070	38	00111000	8	8	-	ocho
57	071	39	00111001	9	9	-	nueve


#zebra-ver { 
   border-collapse:collapse;
   font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
   font-size:12px;
   margin:0 20px 20px;
   text-align:left;
   width:480px;
}
.zebrav-odd { 
   background:none repeat scroll 0 0 #EFF2FF;
}
.zebrav-even { 
   background:none repeat scroll 0 0 #E8EDFF;
}
#zebra-ver  th { 
   border-left:1px solid #FFFFFF; 
   border-right:1px solid #FFFFFF; 
   color:#003399; 
   font-size:14px; 
   font-weight:normal; 
   padding:12px 15px;
}
#zebra-ver  td {
   border-left:1px solid #FFFFFF; 
   border-right:1px solid #FFFFFF; 
   color:#666699; 
   padding:8px 15px;
}

6. Enfasis en una Columna

DEC	OCT	HEX	BIN	Symbol	HTML Number	HTML Name	Description
48	060	30	00110000	0	0	-	cero
49	061	31	00110001	1	1	-	uno
50	062	32	00110010	2	2	-	dos
51	063	33	00110011	3	3	-	tres
52	064	34	00110100	4	4	-	cuatro
53	065	35	00110101	5	5	-	cinco
54	066	36	00110110	6	6	-	seis
55	067	37	00110111	7	7	-	siete
56	070	38	00111000	8	8	-	ocho
57	071	39	00111001	9	9	-	nueve


#una-col { 
   border-collapse:collapse;
   font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif; 
   font-size:12px;
   margin:20px;
   text-align:left;
   width:480px;
}
#una-col th { 
   color:#003399; 
   font-size:14px; 
   font-weight:normal; 
   padding:12px 15px;
}
#una-col td {
   border-top:1px solid #E8EDFF; 
   color:#666699; 
   padding:10px 15px;
}
.una-col-primero  { 
    background:none repeat scroll 0 0 #D0DAFD; 
    border-left:10px solid transparent; 
    border-right:10px solid transparent;
}

7. Periódico

DEC	OCT	HEX	BIN	Symbol	HTML Number	HTML Name	Description
48	060	30	00110000	0	0	-	cero
49	061	31	00110001	1	1	-	uno
50	062	32	00110010	2	2	-	dos
51	063	33	00110011	3	3	-	tres
52	064	34	00110100	4	4	-	cuatro
53	065	35	00110101	5	5	-	cinco
54	066	36	00110110	6	6	-	seis
55	067	37	00110111	7	7	-	siete
56	070	38	00111000	8	8	-	ocho
57	071	39	00111001	9	9	-	nueve

 
#periodico { 
   border:1px solid #6699CC;
   border-collapse:collapse;
   font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
   font-size:12px; 
   margin:25px;
   text-align:left;
   width:480px;
}
#periodico th { 
   border-bottom:1px dashed #6699CC; 
   color:#003399;
   font-size:14px;
   font-weight:normal;
   padding:12px 17px;
}
#periodico td { 
   color:#666699; 
   padding:7px 17px;
}
#periodico tbody tr:hover td { 
   background:none repeat scroll 0 0 #D0DAFD; 
   color:#333399;
}

8. Esquinas Redondeadas

DEC	OCT	HEX	BIN	Symbol	HTML Number	HTML Name	Description
48	060	30	00110000	0	0	-	cero
49	061	31	00110001	1	1	-	uno
50	062	32	00110010	2	2	-	dos
51	063	33	00110011	3	3	-	tres
52	064	34	00110100	4	4	-	cuatro
53	065	35	00110101	5	5	-	cinco
54	066	36	00110110	6	6	-	seis
55	067	37	00110111	7	7	-	siete
56	070	38	00111000	8	8	-	ocho
57	071	39	00111001	9	9	-	nueve

  
#esqui-red{ 
   border-collapse:collapse;
   font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
   font-size:12px;
   margin:20px;
   text-align:left;
   width:480px;
}
#esqui-red th { 
   background:none repeat scroll 0 0 #B9C9FE;
   color:#003399;
   font-size:13px; 
   font-weight:normal;
   padding:8px;
}
#esqui-red td { 
   background:none repeat scroll 0 0 #E8EDFF;
   border-top:1px solid #FFFFFF;
   color:#666699;
   padding:8px;
}
#esqui-red thead th.izq-sup-red{ 
   background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOmd9-h2iL32mVV54AeJBKAST4RmkCC5nfTPsUgTY0RkYnon4Db9_GNobIbaLIJrJFZV8-hp_mI8o_EqnN2jORB498MTOBIez_fPjG_XhhPuO0IqQzWfgF5T4SJR1u13__yVmRwq5ddinn/s800/izq.png") no-repeat scroll left -1px #B9C9FE;
}
#esqui-red thead th.der-sup-red{  
   background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX2suMO0KnpgjB7V8hlmDHp7W0o1Pl8UejVqzAWAOHHz61s3lfRaU7WV5X9ZkdT3YTa1Ke_XcGRJ__WzmGhGHMlD0KpZVme3MHN3f8GPd-_zDSW__5pTAtbzJUiW_tk5oXX5aMxlziv403/s800/der.png") no-repeat scroll right -1px #B9C9FE
}
#esqui-red  td.pie-izq-red{ 
   background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip4X_LCHnrSPDhS0RSjHGkl1E9JlpgJCq2VHVHK7W5DtaL6JU3smT2lkVFY1oCM7klASCUZvtMeGyWrBb9P-H2z82VmS_j2CPX3zlUIrYQc0oJqQSdKnDIk3KIgnLw6ye1pnY6Gu6_Zyy3/s800/abaj-izq.png") no-repeat scroll left bottom #E8EDFF;
}
#esqui-red   td.pie-der-red{ 
   background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvwUrfVgG1h0O_KexURGkf8YJKpt4J-5OPxa9ZIrPrRLDb7dJYubhIX6RqJ4zVW0sYy08aur8H1KIlMUmVEKuZiDZsqbhPSF8HDF9xMAjlutXL9MRPqKCyktwoSyvsZ901Jhnuq-StqsKb/s800/abaj-der.png") no-repeat scroll right bottom #E8EDFF;
}

9. Fondo

DEC	OCT	HEX	BIN	Symbol	HTML Number	HTML Name	Description
48	060	30	00110000	0	0	-	cero
49	061	31	00110001	1	1	-	uno
50	062	32	00110010	2	2	-	dos
51	063	33	00110011	3	3	-	tres
52	064	34	00110100	4	4	-	cuatro
53	065	35	00110101	5	5	-	cinco
54	066	36	00110110	6	6	-	seis
55	067	37	00110111	7	7	-	siete
56	070	38	00111000	8	8	-	ocho
57	071	39	00111001	9	9	-	nueve


#fondo-img { 
   border-collapse:collapse;
   font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
   font-size:12px;
   margin:20px;
   text-align:left;
   width:480px;
}

#fondo-img tbody {
   background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyprXjlzDAUg6BxomURrsMN6A0C2_ETlkTIQIzphkLti2-HBynIau0IWOgUV3vsvKAsPFtRIMbPwURxYd-R_LmXZmYZThVkb3HJ2OAGtV5JMctiNMyCDEEmOj15NpZWw9Y7sH_WLhXh2wb/s144/blurry.jpg") no-repeat scroll 330px 59px transparent;
}
#fondo-img th { 
   color:#333399; 
   font-size:14px; 
   font-weight:normal; 
   padding:12px;
}
#fondo-img  td { 
   background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3_iSAWJdnL2XRTZMW-ICJR2c6hksYsR7xrbghCliBd1on0mnmSbJFDEnmTjVNZ8iod4tyVZMKLclAM85Ry5OZmQWVs1-XgXqvBpX36T1dGyFqbKNRwmuh1WA6kk9X6Sxbi_j0uFcs-BWm/s144/back.png") repeat scroll 0 0 transparent; 
   border-top:1px solid #FFFFFF; 
   color:#666699;
   padding:9px 12px;
}
#fondo-img  tr:hover td { 
   background:none repeat scroll 0 0 transparent;
   color:#333399; 
}

10. Fondo Celda /Gradiente

DEC	OCT	HEX	BIN	Symbol	HTML Number	HTML Name	Description
48	060	30	00110000	0	0	-	cero
49	061	31	00110001	1	1	-	uno
50	062	32	00110010	2	2	-	dos
51	063	33	00110011	3	3	-	tres
52	064	34	00110100	4	4	-	cuatro
53	065	35	00110101	5	5	-	cinco
54	066	36	00110110	6	6	-	seis
55	067	37	00110111	7	7	-	siete
56	070	38	00111000	8	8	-	ocho
57	071	39	00111001	9	9	-	nueve

 
#fondo-celda-a { 
   border-collapse:collapse;
   font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
   font-size:12px;
   margin:20px; 
   text-align:left;
   width:480px;
}
#fondo-celda-a th { 
   background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUuEgtmepzBtvhJRVFokZUVN-n6T63SQDZQf57xMe1g9o0_ttPbfjiwqn4epR6ZRtB6mm6CXkuJDsoWh7bi0lY6ZgR5dMGR4JMHYWF5aAncimCTyXfW9Rgnc8SLkqmrzWFX-yEikaK7-f_/s800/fondo-celda-encabezado-a.png") repeat-x scroll 0 0 #B9C9FE; 
   border-bottom:1px solid #FFFFFF; 
   border-top:2px solid #D3DDFF; 
   color:#003399; font-size:13px; 
   font-weight:normal; 
   padding:8px;
}
#fondo-celda-a td { 
   background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPG-_PpA8vEGSCYkyNamO1qEfQonemzLRHfgScSdQUKlwwTsOZTq-q2TPSbBgro6-6lyzBkAyA1lvt76M3VoW-hGDjQR9sCMJk5HyfssHcWt9LxkTGCOtsz2pqLTlokF2ieyrQYgm8aJJV/s800/fondo-celda-cuerpo-a.png") repeat-x scroll 0 0 #E8EDFF; 
   border-bottom:1px solid #FFFFFF; 
   border-top:1px solid #FFFFFF; 
   color:#666699; padding:8px;
}
#fondo-celda-a  tr:hover td { 
   background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhppsNKUORN9SFfbGfLWk7OYl860P4sHH5b9TTofbpkScBd0rHQcEMt-pLDNjZ14vukPjxJxglYIH05HTZ8LxdFsqlmaR7Cw3AaKENistMZmSpxVT4rkPWR1bfHrOsoMI-LdkLX85gYZumR/s800/fondo-celda-cuerpo-hover-a.png") repeat-x scroll 0 0 #D0DAFD;
   color:#333399;
}

11. Fondo Celda /Rayas

DEC	OCT	HEX	BIN	Symbol	HTML Number	HTML Name	Description
48	060	30	00110000	0	0	-	cero
49	061	31	00110001	1	1	-	uno
50	062	32	00110010	2	2	-	dos
51	063	33	00110011	3	3	-	tres
52	064	34	00110100	4	4	-	cuatro
53	065	35	00110101	5	5	-	cinco
54	066	36	00110110	6	6	-	seis
55	067	37	00110111	7	7	-	siete
56	070	38	00111000	8	8	-	ocho
57	071	39	00111001	9	9	-	nueve

 
#fondo-celda-b { 
   background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj83uee8BOyGztyw8lIqLuA-QBTD6wmoePe9HaVUYAiaMFM8QdqFrz8o7BXmH0JwsIMAjHLzfxdP4ukGVpibVfnM18cfani8U4YwvPgDaV_FotExeb-opg7HC_3ITqy-e821KfMuTEuUAOf/s800/rayas.png") repeat scroll 0 0 transparent; border-collapse:collapse; 
   font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;   
   font-size:12px;
   margin:20px;
   text-align:left;
   width:480px;
}
#fondo-celda-b thead tr { 
   background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7SZd69O73qGrPLvajWX0I9olFDoAzplFbaAmrvxlYtQOGdE8NFL0NngjWnQDwFbVLm01-NIHf5v7tDm7ZRMxYxIY_Q0l67mgrXko6PqcTJLiEB48MkZZBPuSKscVr_Pxys9cV3v6C1fIx/s800/rayas-encabezado.png") repeat scroll 0 0 transparent;
}
#fondo-celda-b th { 
   border-bottom:1px solid #FFFFFF; 
   color:#003399;    font-size:13px;                    
   font-weight:normal; 
   padding:8px;
}
#fondo-celda-b  td { 
   border-bottom:1px solid #FFFFFF;
   border-top:1px solid transparent; 
   color:#666699; padding:8px;
}
#fondo-celda-b  tr:hover td { 
   background:none repeat scroll 0 0 #FFFFFF; color:#333399;
}

12. Fondo Celda /Púrpura

DEC	OCT	HEX	BIN	Symbol	HTML Number	HTML Name	Description
48	060	30	00110000	0	0	-	cero
49	061	31	00110001	1	1	-	uno
50	062	32	00110010	2	2	-	dos
51	063	33	00110011	3	3	-	tres
52	064	34	00110100	4	4	-	cuatro
53	065	35	00110101	5	5	-	cinco
54	066	36	00110110	6	6	-	seis
55	067	37	00110111	7	7	-	siete
56	070	38	00111000	8	8	-	ocho
57	071	39	00111001	9	9	-	nueve


#fondo-celda-c { 
   background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjch6njeVElf62w7QSOHa7DEnW60GPdNjqqQp6y8U-NFOZT34vbL-6umLGgCjKAoqDcv8kFbUXl1IKKXo3fF6iiwXMMuVm3NJcz8IqAPqbNQtSm37IYs7PoAemMIRT5hkOwnSz_-2ykcjWl/s800/patron.png") repeat scroll 0 0 transparent; 
border-collapse:collapse;
   font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
   font-size:12px;
   margin:20px;
   text-align:left;
   width:480px;
}
#fondo-celda-c thead tr { 
   background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNqIHLvfZsm73UY3Sk45d1hhZzT1vVwY0rHpO653wYU1w1B4o5B9Eu7jeM2fwB_1ZXMHUu_gHhjEhEmQcCMQiImzbv9giQSUne7NcDaPpq8vAmjlMYILbUtr80BajwWmXlABfzECP6e1rr/s800/patron-encabezado.png") repeat scroll 0 0 transparent;}
#fondo-celda-c th { 
   border-bottom:1px solid #FFFFFF;
   color:#003399; 
   font-size:13px;
   font-weight:normal; 
   padding:8px;
}
#fondo-celda-c  td 
{
   border-bottom:1px solid #FFFFFF; 
   border-top:1px solid transparent; 
   color:#666699; padding:8px;
}
#fondo-celda-c  tbody tr:hover td { 
   background:none repeat scroll 0 0 #CDCDEE; color:#333399;
}

A piece of my code

jueves, 25 de noviembre de 2010

ArrayList versus LinkedList

miércoles, 17 de noviembre de 2010

Joomla | Templates | jdoc:inculde tipo módulo

martes, 2 de noviembre de 2010

Catalogo de tablas

0. Default

1. Minimalista Horizontal

2. Minimalista Vertical

3. Caja

4. Zebra Horizontal

5. Zebra Vertical

6. Enfasis en una Columna

7. Periódico

8. Esquinas Redondeadas

9. Fondo

10. Fondo Celda /Gradiente

11. Fondo Celda /Rayas

12. Fondo Celda /Púrpura

Datos personales

Etiquetas

Buscar...

LinkedIn

Archivo del blog

Seguidores

Vistas de página en total

Entradas populares