CAMBIO DEL COLOR DEL NICK

Mensaje Nº 1 | 1:51 PM 2009-04-21

COLOR DEL NICK EN EL BLOQUE “ESTADÍSTICA” EN EL SITIO Y EN EL MÓDULO “FORO”

ESTADÍSTICA:

1) Vamos a la plantilla “Páginas del sitio”, encontramos $ONLINE_USERS_LIST$ y lo sustituimos con $ONLINE_USERS_LIST$
2) Después de $ONLINE_USERS_LIST$ colocamos

Code

Сon ayuda de este código se puede crear una reflexión al lado del nick de la imagen, entonces modificamos un poco una parte del script de

Code

usersonline = usersonline.replace('aquí_está_el_nick_del_usuario','<font color="aquí_está_color">aquí_está_el_nick_del_usuario</font>');

por

Code

usersonline = usersonline.replace('aquí_está_el_nick_del_usuario','<font color="aquí_está_color">aquí_está_el_nick_del_usuario</font> <img src="http://dirección_de_la_imagen">');

El resultado puede ser más o menos así:

Observación:

En la parte del script

Code

usersonline = usersonline.replace('aquí_está_el_nick_del_usuario','<font color="aquí_está_color">aquí_está_el_nick_del_usuario</font> <img src="http://dirección_de_la_imagen">');

en la línea aquí_está_el_nick_del_usuario las palabras "aquí_está_el_nick_del_usuario" pueden estar sustituidas por cualquieras otras que se expondrán en vez del nick. Por ejemplo: si quiero que en vez de mi nick se exponga la palabra roja “vip”, la cosa será así:

Code

usersonline = usersonline.replace('Leónidas','<font color="red">vip</font>');

así mismo en vez del nick se puede poner sólo una imagen. En este caso se expondrá lo siguiente:

Code

usersonline = usersonline.replace('aquí_está_el_nick_del_usuario','<img src="http://dirección_de_la_imagen">');

________________________________________

FORO:

1) Bajamos a nuestro sitio jQuery.
2) En la plantilla “Aspecto general de las páginas del foro” ante introducimos el script para conectar el archivo bajado en el p.1:

Code

3) Pasamos a la plantilla “Hojas de estilo (CSS)” y buscamos la categoría /* User Group Marks */ y agregamos allá una línea a.asd:link,a.asd:visited,a.asd:hover {color:color_requerido;} y obtenemos más o menos esto:

Code

/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
a.asd:link,a.asd:visited,a.asd:hover {color:pink;}
/* ---------------- */

4) Pasamos a la plantilla “Aspecto general de las páginas del foro” y bajo la línea agregamos un script:

Code

Como resultado obtenemos el nick de un cierto usuario con un color determinado en el bloque del foro “Información adicional”, en los mensajes de este usuario, en el bloque “Foro es mirado” en cada sección del foro, en la tabla “Lista de participantes del foro”, así como al propio usuario su nick se hace colorado en la línea “Ha entrado Ud como _nick del usuario_”.
Observación:
Para que varios usuarios tengan el mismo color, en el script después de $('a[text="aquí_está_el_nick_del_usuario"]').addClass('asd'); agregamos una misma línea más y obtenemos lo siguiente:

Code

pero en caso de que se requiere un color aparte para cada de ellos, hacemos lo siguiente:
- Pasamos al p. 3 y agregamos más abajo una línea más, o sea, creamos un clase nuevo: por ejemplo, en vez de “asd” hacemos “zxc” y escribimos el color requerido, de la misma manera creamos el número necesario de los clases con diferentes colores según el número de usuarios a los cuales queremos cambiar su color;
- En el script de la observación cambiamos el clase “as” para "aquí_está_el_nick_del_usuario2", "aquí_está_el_nick_del_usuario3" etc. por los otros creados en el p. 3, por ejemplo: por “zxc” etc.
Nos deleitamos con el resultado que hemos obtenido, pues, ¡la franca!, hemos hecho fantástico.

Las vírgenes tienen muchas navidades pero ninguna Nochebuena.

Últimos temas

Temas populares

Página 1 de 1 1
Moderador del foro: ZorG