Menú



    Este sitio en dominio .es.tl

          http://mexcodes.es.tl

Si buscas hosting web, dominios web, correos empresariales o crear páginas web gratis, ingresa a PaginaMX
Por otro lado, si buscas crear códigos qr online ingresa al Creador de Códigos QR más potente que existe


Con este tutorial podrán crear rangos de colores y medallas para el extra foro 

Vistas Previas 
pagina principal del foro / categoria 
------------------------------------------------------------------------------------------------------------------------------ 
 
------------------------------------------------------------------------------------------------------------------------------ 

Tema / Respuestas 
------------------------------------------------------------------------------------------------------------------------------ 
 
------------------------------------------------------------------------------------------------------------------------------ 

1.debemos activar el extra "Foro" 
para eso vamos a Controlar Extras >> Agregar Extra >> Foro >> Agregar 

2.Ahora tenemos que sacar el numero de usuario del foro que queremos convertir: 

para sacar el numero de usuario, el usuario tiene que hacer un tema o responder uno. 

3.una vez creado el tema o respondido uno, hacemos clic sobre el nombre de usuario 

------------------------------------------------------------------------------------------------------------------------------ 
 
------------------------------------------------------------------------------------------------------------------------------ 

eso nos llevara a su perfil; 
la url sera algo asi: http://tuweb.es.tl/Foro/profil-4.htm 

4.Listo, ya tenemos el numero de usuario (en este caso es 4), recuerdenlo para luego. 

5.Pegamos este codigo en Controlar Extras >> Foro >> Texto que va por encima del foro 
Cita:
<h3>Rangos</h3> 
<font color="orange">admin</font> <font color="green">mod</font> <font color="black">user</font> <font color="red">banned</font> 
<style type="text/css"> 
/*user*/ 
td[width="120"] a,td[width="123"] a{ 
color: black; 
background-image: url('http://cdn2.iconfinder.com/data/icons/ledicons/medal_gold_1.png'); 
background-repeat: no-repeat; 
background-position: center right; 
padding-right: 16px; 
} 
/* por promocionatupagina.com */ 
</style>


7.los siguientes son los codigos de cada rango Controlar Extras >> Foro >> Texto que va por encima del foro 
recuerda editar lo de rojo por el numero del usuario 

Baneado 
Cita:
<style type="text/css"> 
/*banned*/ 
td[width="120"] a[href="profil-NUM.htm"],td[width="123"] a[href="profil-NUM.htm"]{ 
color:red; 
background-image: url('http://cdn2.iconfinder.com/data/icons/diagona/icon/16/101.png'); 
background-repeat: no-repeat; 
background-position: center right; 
padding-right: 16px; 
} 
/* por promocionatupagina.com */ 
</style> 

Moderador 
Codigo:
<style type="text/css"> 
/*mod*/ 
td[width="120"] a[href="profil-NUM.htm"],td[width="123"] a[href="profil-NUM.htm"]{ 
color:green; 
background-image: url('http://cdn1.iconfinder.com/data/icons/silk2/award_star_silver_3.png'); 
background-repeat: no-repeat; 
background-position: center right; 
padding-right: 16px; 
} 
/* por promocionatupagina.com */ 
</style> 

Administrador 
Codigo:
<style type="text/css"> 
/*admin*/ 
td[width="120"] a[href="profil-NUM.htm"],td[width="123"] a[href="profil-NUM.htm"]{ 
color:orange; 
background-image: url('http://cdn1.iconfinder.com/data/icons/silk2/award_star_gold_1.png'); 
background-repeat: no-repeat; 
background-position: center right; 
padding-right: 16px; 
} 
/* por promocionatupagina.com */ 
</style> 


8.Guardar los cambios 

Para agregar mas rangos, solo es necesario editar y agregar este codigo 
Codigo:
<style type="text/css"> 
/* NOMBRE */ 
td[width="120"] a[href="profil-NUM.htm"],td[width="123"] a[href="profil-NUM.htm"]{ 
color:COLOR; 
background-image: url('URL DE LA IMAGEN DEL RANGO(16x16px)'); 
background-repeat: no-repeat; 
background-position: center right; 
padding-right: 16px; 
} 
/* por promocionatupagina.com */ 
</style> 

*Azul:Url de la imagen de la medalla, cada rango lleva una diferente por defecto. 
*verde: Color del rango, se puede cambiar por colores hexadecimales. 
*Rojo: Numero de usuario (explicado en el tutorial) 
*solo se puede poner un rango a cada usuario. 
*en caso de no ponerle rango, aparecera como "usuario" normal. 
*puedes poner el codigo de los rango cuantas veces quieras.
 
Tutorial hecho por promocionatupagina.com
Tu Sitio Web Gratis
© 2025