20-12-2013, 04:39 PM
0
Bueno queridos amigos en esta ocasion compartire con ustedes un tutorial sencillo de como darle un poco de efecto a los grupos de usuarios de cada rango que existe en tu comunidad una mezcla de html + css, espero les sirva ya que al inicio me equivoque colocando el CSS, en la plantilla de "GLOBAL" la cual no funcionaba asi que para salir de dudas googlie y me encontre la solucion.
Pasos a seguir acontinuacion.
1º Paso y Ultimo Paso
Ir a AdminCP > Grupos y Usuarios > Grupos > ESCOGES CUALQUIER GRUPO >
En el cuadro de "Username Style" o "Estilo de Nombre de Usuario", borran el contenido que esta ahi y colocan lo siguiente.
Paso a explicar cada parte del codigo:
Si gustas le colocas con imagen o sin imagen eso depende del criterio de cada uno, por lo tanto como resultado de este pequeña agregacion obtendremos lo siguiente.
DEMO
Aqui les adjunto unos background para cada grupo de usuario que tengan en su comunidad.
Descarga Mediafire
Saludos
Pasos a seguir acontinuacion.
1º Paso y Ultimo Paso
Ir a AdminCP > Grupos y Usuarios > Grupos > ESCOGES CUALQUIER GRUPO >
En el cuadro de "Username Style" o "Estilo de Nombre de Usuario", borran el contenido que esta ahi y colocan lo siguiente.
Código:
<span style="color: #FF0000; font-weight: bold; text-shadow: 0px 0px 7px #FF0000; background:url(http://i53.tinypic.com/24p085z.gif)"><strong>{username}</strong></span>
Paso a explicar cada parte del codigo:
Código:
color: #FF0000; -----> Color en codigo hexadecimal, en este caso seria el color rojo.
font-weight: bold; -----> Para ponerlo en negrita mi texto.
text-shadow: 0px 0px 7px #FF0000; El color de sombra y ubicacion de la sombra "top 0px - right 0px - bottom 7px"
background:url(http://i53.tinypic.com/24p085z.gif); -----> El fondo del texto.
Si gustas le colocas con imagen o sin imagen eso depende del criterio de cada uno, por lo tanto como resultado de este pequeña agregacion obtendremos lo siguiente.
DEMO
Aqui les adjunto unos background para cada grupo de usuario que tengan en su comunidad.
Descarga Mediafire
Saludos
Si te gusto algun tema puedes darle 1+ a mi Reputacion