• ¡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

Ayuda ¿Como pongo link externo a imagen de fondo?

xavimtz

XenForoUser
Mensajes
218
Puntuación de reacciones
89
Puntos
28
Hola amigos necesito su ayuda con un problema que me trae loco, bueno el punto es que a mi theme le agregue una imagen de fondo con este codigo:

EXTRA.CSS

Insertar CODE, HTML o PHP:
@media (min-width: 1025px) {
html {
  background: url(https://forovita.com/wa.jpg) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}
}

@media (max-width: 1025px) {
#header {
  background-color: @primaryDarker !important;
}
}

El problema es que quiero agregar la url de un link para que cuando alguien le de clic en la imagen del fondo lo lleve a otra pagina web.

¿Como puedo hacer eso?

Gracias
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
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
El problema es que quiero agregar la url de un link para que cuando alguien le de clic en la imagen del fondo lo lleve a otra pagina web.

¿Como puedo hacer eso?
Editando la plantilla en la que esté el fondo y colocando el enlace con la clase del fondo. Es más complejo de lo que te parece y (estoy en el curro) aún no tengo claro que sea posible.

Salud2
 

xavimtz

XenForoUser
Mensajes
218
Puntuación de reacciones
89
Puntos
28
Editando la plantilla en la que esté el fondo y colocando el enlace con la clase del fondo. Es más complejo de lo que te parece y (estoy en el curro) aún no tengo claro que sea posible.

Salud2
Hola LMS muchas gracias , ojala si se pueda es que la verdad ya he puesto varios códigos incluso en el page container y ninguno va .
 

nextgen

XenForoUser
Mensajes
87
Puntuación de reacciones
34
Puntos
18
Sitio web
xenhispano.net
País
Guatemala
Versión de XenForo
2.1.x
No logre encontrar ígual que vos, el problema más que nada radica en que xenforo usa 3 wrappers para contener todo el sitio, la única manera que he visto y he probado es agregando solo imágenes laterales tipo banners de publicidad, eso si, el foro tiene que ser de ancho fijo para que se vean bien.

Insertar CODE, HTML o PHP:
<div style="text-align: right;"><a href="URL DE DIRECCIÓN" style= "right: 1px; position: fixed; top: 0; bottom: 0;"><img src="http://telcoenergyefficiency.com/files/2013/07/160x600.gif" alt="" style= "width: 160px;" /></a></div>


<div style="text-align: left;"><a href="URL DE DIRECCIÓN" style= "left: 1px; position: fixed; top: 0; bottom: 0;"><img src="http://telcoenergyefficiency.com/files/2013/07/160x600.gif" alt=""  style= "width: 160px;" /></a></div>

Se colocaría ese código antes del cierre del body
Insertar CODE, HTML o PHP:
</body>
 

luis

Administrador
Mensajes
1.636
Puntuación de reacciones
727
Puntos
613
Sitio web
xenfacil.com
País
España
Versión de XenForo
1.5.12
PayPal
Donar dinero a este usuario
Página web
Web
En este caso no es posible colocar un enlace a la imagen de fondo, dicha imagen de fondo está controlada por la propiedad @html, las etiquetas de apertura y cierre de está propiedad están situadas al inicio y al final de la plantilla PAGE_CONTAINER respectivamente.

Dicho esto, tendrías que hacer lago como, fijate lo resaltado en rojo:
Rich (BB code):
<!DOCTYPE html>
<a href="mi_enlace_aqui.es">
<html ...>
   <head>
     *************
     *************
   </head>

   <body ...>

     <header>
       *************
       *************
     </header>

     <footer>
       *************
       *************
     </footer>

   </body>
</html>
</a>
Pero como he dicho esto no funcionará....
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
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
No logre encontrar ígual que vos, el problema más que nada radica en que xenforo usa 3 wrappers para contener todo el sitio, la única manera que he visto y he probado es agregando solo imágenes laterales tipo banners de publicidad, eso si, el foro tiene que ser de ancho fijo para que se vean bien.

PHP:
<div style="text-align: right;"><a href="DIRECCION_URL" style= "right: 1px; position: fixed; top: 0; bottom: 0;"><img src="http://telcoenergyefficiency.com/files/2013/07/160x600.gif" alt="" style= "width: 160px;" /></a></div>


<div style="text-align: left;"><a href="DIRECCION_URL" style= "left: 1px; position: fixed; top: 0; bottom: 0;"><img src="http://telcoenergyefficiency.com/files/2013/07/160x600.gif" alt=""  style= "width: 160px;" /></a></div>

Se colocaría ese código antes del cierre del body
PHP:
</body>
Esto es lo más viable de todo. Habría que tener un estilo que hiciese el hueco a ambas imágenes dejando el margen apropiado (en este caso unos 170px)

Salud2
 
Arriba