lms
Administrador
- Mensajes
- 7.741
- Puntuación de reacciones
- 2.163
- Puntos
- 2.613
- Sitio web
- xenfacil.com
- Versión de XenForo
- 2.1.x
- Página web
- Web
Aquí coloco algunos pasos simples para crear un aviso de bienvenida que el autor usa en su sitio y que algunos miembros de XenForo le han preguntado como lo ha hecho.
La idea original proviene de Kier en este mensaje de ejemplo. Sólo he agregado el botón "Regístrate ahora" y realizado algunos cambios extra en las reglas de CSS según mis necesidades.
DEMO
Primero hay que crear un aviso yendo a PCA -> Lista de avisos -> Crear aviso
Bajo la pestaña Opciones del aviso agregaremos el HTML del aviso y configuraremos las opciones.
Opciones:
Advierte: La opción Agregar estilo de aviso predeterminado al texto debe estar deseleccionada para poder tener control sobre el aviso y que se muestre correctamente.
Criterios de usuario:
Bajo la pestaña Criterios de usuario configuraremos qué usuarios verán el aviso.
CSS:
Agregar a la plantilla EXTRA.css:
Naturalmente, esto está hecho para mi sitio y puedes cambiar los nombres de clases a otros completamente diferentes para que se ajusten a tu sitio.
Artículo original de Qwk86gn en http://xenforo.com/community/threads/sign-up-welcome-notice.25354/
Salud2
La idea original proviene de Kier en este mensaje de ejemplo. Sólo he agregado el botón "Regístrate ahora" y realizado algunos cambios extra en las reglas de CSS según mis necesidades.
DEMO
Primero hay que crear un aviso yendo a PCA -> Lista de avisos -> Crear aviso
Bajo la pestaña Opciones del aviso agregaremos el HTML del aviso y configuraremos las opciones.
HTML:
<img src="/styles/notice-background.png" style="display:block; width:672px;" title="XenFacil.com" />
<div class="csgoIntro" style="position:absolute; top:0; left:0; height:100%; width:230px;">
<div style="padding: 10px;">
<h4>¡Bienvenido a XenFacil.com!</h4>
<p>Estás en la Comunidad sobre XenForo en español. <a href="http://www.xenfacil.com/login/">Regístrate ahora</a> y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.</p>
<div class="noticeButtonContainer">
<label for="LoginControl" id="SignupButton"><a href="http://www.xenfacil.com/login" class="inner"><b>¡Regístrate ahora!</b></a></label>
</div>
<div class="csgoMember">¿Ya eres miembro? <a href="http://www.xenfacil.com/login/">¡Accede ahora!</a></div>
</div>
</div>
Opciones:
Advierte: La opción Agregar estilo de aviso predeterminado al texto debe estar deseleccionada para poder tener control sobre el aviso y que se muestre correctamente.
Criterios de usuario:
Bajo la pestaña Criterios de usuario configuraremos qué usuarios verán el aviso.
CSS:
Agregar a la plantilla EXTRA.css:
PHP:
.noticeButtonContainer
{
width: 190px;
padding: 10px;
}
.csgoIntro
{
background: rgba(0,0,0, 0.6);
color: #ffffff;
font-size: 13px;
text-align: center;
}
.csgoIntro a
{
color: @secondaryMedium;
font-weight: bold;
}
.csgoIntro h4
{
color: @secondaryMedium;
font-size: 14px;
font-weight: bold;
}
.csgoMember
{
font-size: 9px;
font-weight: bold;
}
.csgoMember a
{
color: @secondaryLight;
}
Naturalmente, esto está hecho para mi sitio y puedes cambiar los nombres de clases a otros completamente diferentes para que se ajusten a tu sitio.
Artículo original de Qwk86gn en http://xenforo.com/community/threads/sign-up-welcome-notice.25354/
PD: cambia la ruta www.xenfacil.com por la que corresponda a tu sitio.
Salud2