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
La clase helper está por defecto en la plantilla navigation en Beta 4.
Si ejecutas Beta 3 o menor versión, debes añadirlo añadiendo un spam casi al final y dejarlo como sigue:
Busca esto al final de la plantilla
Y reemplázalo con esto:
Tras ello, añade este CSS relevante en la plantilla EXTRA.css como sigue..
Necesitas cambiar los atributos para que se adapten a la imagen que uses.
También necesitas cambiar la ruta de la imagen si no lo colocas en el directorio predeterminado styles.
Para añadir la imagen a la izquierda, añade esto a la plantilla EXTRA.css:
Te quedará así:
Para añadir una imagen a la derecha y a la izquierda, añade esto a EXTRA.css:
Te quedará así:
Para añadir la imagen a la izquierda, centro e izquierda, añade esto a EXTRA.css:
Cuyo resultado es:
Los gráficos adjuntos han sido creados por Shelley y nos ha permitido amblemente reutilizarlos.
Artículo en inglés Por Brogan
Salud2
Si ejecutas Beta 3 o menor versión, debes añadirlo añadiendo un spam casi al final y dejarlo como sigue:
Busca esto al final de la plantilla
Insertar CODE, HTML o PHP:
</div>
</nav>
</div>
</div>
Insertar CODE, HTML o PHP:
</div>
<span class="helper"></span>
</nav>
</div>
</div>
Necesitas cambiar los atributos para que se adapten a la imagen que uses.
También necesitas cambiar la ruta de la imagen si no lo colocas en el directorio predeterminado styles.
Para añadir la imagen a la izquierda, añade esto a la plantilla EXTRA.css:
Insertar CODE, HTML o PHP:
#navigation .helper {
background: transparent url(styles/default/shelley_snow_l.png) no-repeat;
display: block;
height: 25px;
left: -5px;
position: absolute;
top: -16px;
width: 250px;
}
![35297631.png](/proxy.php?image=http%3A%2F%2Fimg149.imageshack.us%2Fimg149%2F4396%2F35297631.png&hash=4e56948ed15788d813d5024e78affc68)
Insertar CODE, HTML o PHP:
#navigation .helper {
background: url(styles/default/shelley_snow_l.png) no-repeat 0% 0%, url(styles/default/shelley_snow_r.png) no-repeat 100% 0%;
display: block;
height: 25px;
left: -5px;
padding: 0px 5px;
position: absolute;
top: -16px;
width: 100%;
}
![60080633.png](/proxy.php?image=http%3A%2F%2Fimg525.imageshack.us%2Fimg525%2F5028%2F60080633.png&hash=f5d347f6ea94599815ebc90943e836ba)
Insertar CODE, HTML o PHP:
#navigation .helper {
background: url(styles/default/shelley_snow_l.png) no-repeat 0% 0%, url(styles/default/shelley_snow_c.png) no-repeat 50% 0%, url(styles/default/shelley_snow_r.png) no-repeat 100% 0%;
display: block;
height: 25px;
left: -5px;
padding: 0px 5px;
position: absolute;
top: -16px;
width: 100%;
}
![27077619.png](/proxy.php?image=http%3A%2F%2Fimg14.imageshack.us%2Fimg14%2F2339%2F27077619.png&hash=375456333551d46aa22edb2858d99ceb)
Artículo en inglés Por Brogan
Salud2