Página 1 de 1

body-wrapper y background-image con link

Publicado: 26 Jul 2012, 08:44
por alientunero
URL: http://www.indicevita.es
Versión phpBB: 3.0.10
MODs Instalados: Board3 2.0.0, SafeGamerTag 3.2, SHARE TOPIC PLUS, Thank For Post 1.3.1, Automod, Stk, ReIMG Image Resizer 2.0.1, Mod Presentaciones
Plantilla(s) usada(s): Artodia Helion
Servidor: Pago, 1&1 Dual basic
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No
AutoMOD: Si y no (a veces)

Hola de nuevo chic@s. No sabia si poner este post aquí o donde los themes/skins. Si está mal ubicado, siento las molestias.

Como puedo hacer para que el <div class="body-wrapper"> que contiene una background-image al pulsar sobre esta imagen te redirija a, por ejemplo, http://www.google.es

He estado investigando y con el evento "onclick" funciona a medias, es decir, funciona en toda la web, en cualquier sitio que haga click redirige y no solo en la imagen (que es lo que quiero).

No se si me explico bien.

Un gran saludo.

Os dejo las reglas css que tengo ahora mismo:

Colours.css

Código: Seleccionar todo

.phpbb .body-wrapper {
	background-color: white;
	background-image: url("{T_THEME_PATH}/images/wallpaper.jpg"); 
	height:100%; 
	width:100%; 
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
}
Y el overall_header.html ->

Código: Seleccionar todo

</head>
<body class="phpbb section-{SCRIPT_NAME}">
<div class="body-wrapper" id="wrap">
<!-- INCLUDE _top.html -->

<div class="layout-outer">
<div class="forum-wrapper">
<div class="layout-wrapper">

....
..
He pensado en hacer algo de este estilo:

Código: Seleccionar todo

<a href...><img src... width="100%" height="100%" align="center" style="position: top;"><div class="body-wrapper" id="wrap">
<!-- INCLUDE _top.html -->

<div class="layout-outer">
<div class="forum-wrapper">
<div class="layout-wrapper">

....
..</div></a>
¿Alguna sugerencia?

Gracias de antemano

Re: body-wrapper y background-image con link  Tema Solucionado

Publicado: 27 Jul 2012, 07:49
por alientunero
Solucionado.

Tan solo deben de poner <body><a href="www.IndiceVita.es"><img src="laquesea.jpg"/></a><div class="body-wrapper">

Lo que está en negrita entre el body y el primer div (el body-wrappper).

Saludos