• ¡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
#1
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
#2
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
 

ManuTdi

XenForoUser
#4
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
#5
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
#6
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