• Página 1 de 1
  • 1
Moderador del foro: ZorG  
Foro uCoz » Módulos de uCoz » Usuarios del sitio » CAMBIO DEL COLOR DEL NICK
CAMBIO DEL COLOR DEL NICK
GUARAGUAO
Mensajes: 2362
Reputación: 81
Mensaje Nº 1 | 1:51 PM
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
<script>
var usersonline = document.all['uonline'].innerHTML;
if(usersonline.indexOf("aquí_está_el_nick_del_usuario") > -1)
usersonline = usersonline.replace(' aquí_está_el_nick_del_usuario ','<font color="aquí_está_color"> aquí_está_el_nick_del_usuario</font>');
document.all['uonline'].innerHTML = usersonline;
</script>

С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
<script src="ruta_de_acceso_al_archivo_en_el_sitio" type="text/javascript"></script>

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
<script type="text/javascript"> $(document).ready(function(){ $('a[text="aquí_está_el_nick_del_usuario"]').addClass('asd'); });</script>
<title>$FORUM_TITLE$</title>
<link type="text/css" rel="StyleSheet" href="http://dirección_del_sitio/_st/my.css" />

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
<script type="text/javascript"> $(document).ready(function(){ $('a[text="aquí_está_el_nick_del_usuario1"]').addClass('asd'); });$('a[text="aquí_está_el_nick_del_usuario2"]').addClass('asd'); });$('a[text="aquí_está_el_nick_del_usuario3"]').addClass('asd'); });</script>
<title>$FORUM_TITLE$</title>
<link type="text/css" rel="StyleSheet" href="http://dirección_del_sitio/_st/my.css" />

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.
JuanF1182
Mensajes: 4
Reputación: 0
Mensaje Nº 2 | 10:35 PM
hola men, estoy muy interesado en probar esto de cambiar el color de los nicks, pero realmente no entiendo mucho. cree mi web hace 2 dias aun soy un novatote jeje, trate de seguir todos los pasos pero no di con ellos.

para empezar que es Bajamos a nuestro sitio jQuery. ??? le di clicl en jQuery y me descargo un archivo pero no me abre.

2)en el segundo paso, ese codigo lo pongo al final de esa plantilla?? o en que sitio.
3) no se donde encontrar esta plantilla “Hojas de estilo (CSS)” las busque por donde pude y no la vi.

Te agradeceria que me ayudaras con este tema.

Muchas gracias.

GUARAGUAO
Mensajes: 2362
Reputación: 81
Mensaje Nº 3 | 12:04 PM
El color del nick lo puedes al editar la clase necesaria en CSS. Pa’ eso pasa al Panel de Control de tu sitio: Inicio » Diseño » Gestión de diseño (CSS).
También te recomiendo que leas este post: http://foro.ucoz.es/forum/8-9-36-16-1227525191

Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
Foro uCoz » Módulos de uCoz » Usuarios del sitio » CAMBIO DEL COLOR DEL NICK
  • Página 1 de 1
  • 1
Búscar: