ACERCA DEL TRUCO DE GRUPOS COLOREADOS - Amigos de Gabito

Muchos se estuvieron preguntando acerca de los efectos especiales que se hicieron en los Grupos recomendados de estos dos últimos días:

http://www.gabitogrupos.com/kirenia_taller/

http://www.gabitogrupos.com/fcharm/

No es que se quiera mantener una exclusividad, como dicen algunos... O al menos a mi en particular, me parece bien que se comparta el conocimiento... Así que les contaré...

Es un truco que descubrieron algunos habilidosos, al no estar filtrado el HTML en el nombre de los elementos del menú dinámico de la izquierda. Dicho nombre tiene un límite de 80 caracteres. En él se pueden aplicar ciertos efectos, sabiendo lo básico del HTML:

Colorear texto (en este caso, azul en hexadecimal del RGB):

<font color="#0000FF">TEXTO AQUI</font>

Insertar Imagen:

Colorear Grupo:

Este último, es un archivo de Hojas de estilo en cascada (CSS) que esté guardado en otro servidor... El ejemplo del Grupo rosado que vieron es este: http://hgg.comuv.com/ki.css

¿Por qué no saqué estos trucos a la luz antes? Porque estuve trabajando en los problemas de seguridad que conlleva no filtrar el HTML correctamente.

Además, no estoy de acuerdo en que los usuarios de Gabito Grupos tengan que saber o aprender HTML y CSS para poder darle un formato propio a sus Grupos (como pasa por ejemplo en MySpace).

Mi idea es desarrollar una herramienta más fácil, práctica y profesional, para que puedan darle más personalidad a sus Grupos, cambiándole el diseño a gusto de cada uno, sin la necesidad de grandes conocimientos... Podrán seguir usando el diseño "clásico" de MSN Grupos (el actual), o uno completamente distinto creado por ustedes mismos. Pero dicha herramienta la tengo pensada desarrollar luego de "Encuestas y Test" (que ya casi están por salir), y la tan esperada de los E-Mails...

Por eso les cuento todo esto, que es más una anécdota que un tutorial...

Saludos!

Gran Gabiyo (Webmaster)

Ah.... se ven padres las páginas con tanta cosa pero eso requiere tiempo, juaa!!

Gracias por la explicación Gabito!!!!

Como bien dicen qué sea cuando tenga que ser el cambiar colores y todo eso que a fin de cuentas no es indispensable.

No te conozco personalmente,supongo que nunca te conocere,no lo necesito, porque se que eres.

Un gran tipo !!!!!!

Saluditos Cordiales

* Solo modifica las cosas que se te piden, los colores deben ir en codigo */
/* IDEA ORIGINAL por http://www.gabitogrupos.com/weloveicons/ */
/* TUTORIAL por http://www.gabitogrupos.com/Hazard_ous/ */

A.Command {color: #dd0355} /* Color de los links en general */
A.Command:hover {color:#000000 } /* Color de los links en general al pasar el mouse sobre ellos */
A.NavLink {color: #dd0355} /* Color de los links del menu */
A.NavLink:hover {color: #000000} /* Color de los links del menu al pasar el mouse sobre ellos */
.ThmBgAlternate {background-image:url(http://i284.photobucket.com/albums/ll4/titty_067/1kire.png); background-repeat: repeat}
/* Solo modifica la URL por la de la imagen que quieres de fondo en el menu */
.ThmFgStandard {color: #dd0355} /* Mensajes de los partis en Novedades */
.ThmBgHighlightLight {background-color: #ffe0eb} /* Fondo de las paginas */
.ThmBgUnknown1 {background-color: #dd0355} /* Color de la barra superior de Novedades */
.ThmBgFraming {background-color: #dd0355} /* Color de la barra sobre los mensajes en Novedades */
.ThmFgFrameTitle {color: #ffe0eb} /* Titulo de la barra anterior */
.ThmBgHeader {background-color: ##ffe0eb} /* Cajas de mensajes */
.ThmFgTitleLightBk {color: dd0355} /* Titilos en general */
.ThmFgColumnHeader {color: dd0355} /* Tema en el panel de mensajes */
.ThmFgInactiveText {color: dd0355} /* Links en el panel de mensajes */
.ThmFgCommand {color: dd0355} /* Informacion de mensajes y archivos */
A.MsgLink {color: dd0355} /* Links en el panel de mensajes */
A.MsgLink:hover {color: #000000} /* Links en el panel de mensajes al pasar sobre ellos el mouse */

¡Qué bien! Herramientas nuevas a la vista :)

Ok, ya ví, ya aprendí, cuando tenga tiempo hago las pruebas, aunque sería mejor esperar a los skins o nuevas herramientas para decorar los grupos.

Bye, hasta la próxima.

SI AMIGOS ES MEJOR ESPERAR PORQUE YO CAMBIE EL FONDO DE MI GRUPO CON EL CODIGO Y TODO Y SI QUE SE CAMBIO PERO HABIA VECES QUE IVA MUY LENTO EL GRUPO Y GABI ME DIJO QUE ERA POR ESO A SI QUE ESPERARE SUS HERRAMIENTAS

Hola queria compartir mi pagina.....

Use algunos codigos html y css.

Espero su opinion gracias

Espero tus herramientas Gaby

Estuve visitando el Grupo, observando todo el trabajo que le has dedicado y mi opinion te digo que se ve muy prolijo todo, los botones de acceso muy buenos.

Todo muy secillo pero bueno, a mi me ha gustado.

La musica en cada pagina, muy bien, se escucha fuerte y en el arranque inmediatamente se abre cada pagina.

He notado la ausencia de Link en las paginas a otra pagina misma, eso obviamente porque no hay forma de tener paginas ocultas. Pero igualmente veo que no has bajado los brazos y te las arreglastes con lo que se dispone y te salio todo bien.-

He visto, en el Panel de la lista de participantes, que has puesto un fondo negro y como las letras que indican el nombre de esa lista y la cantidad de participantes esta en color negro, no se ven, seguramente deberias pasarlas a blanco ¿si?, (es un detalle que logicamente con el trabajo, a uno se le pudo haber pasado), pero eso no desmerece en absoluto el trabajo.-

Te felicito por la dedicación y por haber realizado el trabajo sin tanto "Ruido"..

Estoy emitiendo mi opinión, porque tu estas pidiendo nuestro comentario y me parece obvio hacertelo saber.