Rangos y medallas para tu foro

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



Comentarios hacia esta página:
Comentado por Mami, 03-07-2013, 15:01 (UTC):
Zune and iPod: Most people coarmpe the Zune to the Touch, but after seeing how slim and surprisingly small and light it is, I consider it to be a rather unique hybrid that combines qualities of both the Touch and the Nano. It's very colorful and lovely OLED screen is slightly smaller than the touch screen, but the player itself feels quite a bit smaller and lighter. It weighs about 2/3 as much, and is noticeably smaller in width and height, while being just a hair thicker.VA:F [1.9.10_1130]please wait...VA:F [1.9.10_1130](from 0 votes)

Comentado por:26-10-2012, 03:56 (UTC)
tu-corazoncito
tu-corazoncito
Offline

me gusta



Añadir comentario acerca de esta página:
Tu nombre:
Tu mensaje:

=> ¿Desea una página web gratis? Pues, haz clic aquí! <=