• ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión

Mod.Plantilla Rangos en CSS (no se necesitan imágenes)

lms

Administrador
Mensajes
7.743
Puntuación de reacciones
2.158
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Si cambias en Panel de control -> Usuarios -> Lista de grupos -> clic en el grupo -> Usar el siguiente título de usuario -> defínelo (absolutamente necesario para cada grupo) como quieras para denominar al grupo. Ej.:
Añade también el siguiente texto en la plantilla message_user_info.css:
Insertar CODE, HTML o PHP:
.userrank
{
	display: block;
	width: 108px;
	margin: -2px 0 5px 6px;
	padding: 2px 0 3px 0;
	border: 1px solid @primaryLight;
	border-radius: 5px;
	background: @primaryLighterStill url('@imagePath/xenforo/gradients/tab-unselected-25px-light.png') repeat-x top;
	text-align: center;
	font: 11px verdana,sans-serif;
	text-decoration: none;
	color: @primaryMedium;
	text-shadow: 1px 1px 0 #fff;
	outline: 0;
}
Busca en la plantilla message_user_info:
Insertar CODE, HTML o PHP:
<xen:if hascontent="true"><em class="userTitle" itemprop="title"><xen:contentcheck>{xen:helper userTitle, $user}</xen:contentcheck></em></xen:if>
y cámbialo por
Insertar CODE, HTML o PHP:
<xen:if hascontent="true"><em class="userrank" itemprop="title"><xen:contentcheck>{xen:helper userTitle, $user}</xen:contentcheck></em></xen:if>
Demo: en este foro ahora mismo
Imagen de ejemplo:

Busca en la plantilla sidebar_online_users
Insertar CODE, HTML o PHP:
                <xen:contentcheck>
                    <xen:foreach loop="$onlineUsers.records" value="$user">
                        <xen:if is="{$user.is_moderator} OR {$user.is_admin}">
                            <li>
                                <xen:avatar user="$user" size="s" img="true" />
                                <xen:username user="$user" rich="true" />
                                <div class="userTitle">{xen:helper userTitle, $user}</div>
                            </li>
                        </xen:if>
                    </xen:foreach>
                </xen:contentcheck>
Cámbialo por
Insertar CODE, HTML o PHP:
                <xen:contentcheck>
                    <xen:foreach loop="$onlineUsers.records" value="$user">
                        <xen:if is="{$user.is_moderator} OR {$user.is_admin}">
                            <li>
                                <xen:avatar user="$user" size="s" img="true" />
                                <xen:username user="$user" rich="true" />
                                <div class="userrank">{xen:helper userTitle, $user}</div>
                            </li>
                        </xen:if>
                    </xen:foreach>
                </xen:contentcheck>

Salud2
 

lms

Administrador
Mensajes
7.743
Puntuación de reacciones
2.158
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Y con este css en la plantilla message_user_info.css:
Insertar CODE, HTML o PHP:
.userrank
{
                                display: block;
                                width: 100px;
                                margin: 2px 0 10px 45px;
                padding: 2px 0 3px 0;
                border: 1px solid @primaryLight;
                border-radius: 5px;
                background: @primaryLighterStill url('@imagePath/xenforo/gradients/tab-unselected-25px-light.png') repeat-x top;
                                text-align: center;
                                font: 11px verdana,sans-serif;
                text-decoration: none;
                color: @primaryMedium;
                text-shadow: 1px 1px 0 #fff;
                box-shadow: 0px 2px 5px rgba(0,0,0, 0.2);
                outline: 0;
}
luce así

Salud2
 

KingRuko

Nuevo
Mensajes
8
Puntuación de reacciones
16
Puntos
3
Gracias por el aporte, aunque modifiqué un poco el css a mi gusto, me parece un aporte interesante.
 

ManuTdi

XenForoUser
Mensajes
1.189
Puntuación de reacciones
405
Puntos
583
País
España
Versión de XenForo
2.1.x
Un apunte lms, esto:
Insertar CODE, HTML o PHP:
margin: 2px 0 10px 45px;
Es asi:
Insertar CODE, HTML o PHP:
margin: 2px 0 10px 2px;
Si no se separa mucho
 

lms

Administrador
Mensajes
7.743
Puntuación de reacciones
2.158
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Yo lo tengo así para el nombre en la sidebar:
PHP:
.userrank_lms
{
                                display: block;
                                width: 100px;
                                margin: 2px 0 10px 45px;
				padding: 2px 0 3px 0;
				border: 1px solid @primaryLight;
				border-radius: 5px;
				background: @primaryLighterStill url('@imagePath/xenforo/gradients/tab-unselected-25px-light.png') repeat-x top;
                                text-align: center;
                                font: 11px verdana,sans-serif;
				text-decoration: none;
				color: @primaryMedium;
				text-shadow: 1px 1px 0 #fff;
				box-shadow: 0px 2px 5px rgba(0,0,0, 0.2);
				outline: 0;
}
y así para la message_user_info.css
PHP:
.userrank
{
                                display: block;
                                width: 120px;
                                margin: 2px 0 10px -6px;
				padding: 2px 0 3px 0;
				border: 1px solid @primaryLight;
				border-radius: 5px;
				background: @primaryLighterStill url('@imagePath/xenforo/gradients/tab-unselected-25px-light.png') repeat-x top;
                                text-align: center;
                                font: 11px verdana,sans-serif;
				text-decoration: none;
				color: @primaryMedium;
				text-shadow: 1px 1px 0 #fff;
				box-shadow: 0px 2px 5px rgba(0,0,0, 0.2);
				outline: 0;
}
Salud2
 

Tize

XenForoUser
Mensajes
356
Puntuación de reacciones
54
Puntos
28
Sitio web
xenfacil.com
País
España
Versión de XenForo
Página web
Web
Pues sí chicos, es exactamente lo que busco.
Voy a ponerme manos a la obra a ver el resultado final que me da, muchas gracias por vuestro tiempo.
Ya os comentaré que tal a ido.
Saludos y muy agradecido.
 
Arriba