Botones sociales en cabecera, no se muestran las imagenes

websgp · 8 Ene 2014

Estoy modificando el theme beeGee para usarlo en mi blog, en concreto estoy intentanto poner botones sociales en la cabecera encima del formulario de busqueda, googleando he encontrado como hacerlo pero para blogger, asi que he adaptado esa forma a wordpress de la siguiente manera:
en el header.php he puesto esto

HTML:

	<div class="clear"></div>
			<div id='subscribes'>
<a rel='nofollow' href='http://www.twitter.com/webmascreativo'><img src='http://www.webmastercreativo.com/wp-content/themes/beeGee/images/twiiter.png'/></a>
<a rel='nofollow' href='http://www.facebook.com/pages/Webmastercreativo/137861519713087'><img src='http://www.webmastercreativo.com/wp-content/themes/beeGee/images/facebook.png'/></a>
<a rel='nofollow' href='http://plus.google.com/+Webmastercreativoherramientaswebmaster'><img src='http://www.webmastercreativo.com/wp-content/themes/beeGee/images/google-plus.png'/></a>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"'><img src='http://www.webmastercreativo.com/wp-content/themes/beeGee/images/rss.png'/></a>
</div>
			<div class="buscador-header"><?php include('searchform.php'); ?></div>
		</div>

y style.css he puesto esto

Código:

#subscribes {
float: right;
position: relative;
padding: 25px;
border-radius: 0 0 5px 5px;
}
#subscribes a {
padding-left:25px;
}

con esto solo he conseguido que se agreguen los enlaces a mis redes sociales debajo del formulario de busqueda pero no se muestran las imagenes de los botones. Por eso pidyo ayuda, a ver si alguien da con la forma correcta de hacerlo.

lobogris · 8 Ene 2014

Si no se muestran unas imágenes con ruta absoluta está claro que esas imágenes no existen

websgp · 8 Ene 2014

En esto te equivocas, las imagenes existen, las he subido por ftp antes de probar la modificación.

GracianoVip · 8 Ene 2014

Wordpress es una cosa y blog es otra no creo que ese codigo funcione en blogger.

Bleed · 8 Ene 2014

GracianoVip dijo:
Wordpress es una cosa y blog es otra no creo que ese codigo funcione en blogger.

Bravo! Por fin una respuesta seria! Gracias amigo.

No, ya en serio, con la ruta absoluta debería funcionar si o si. Comprueba que no hay error en el tipo de extension y mayúsculas/minúsculas en el nombre.

EDITO: estoy en el móvil, pero probé a acceder directamente a una de las imágenes y efectivamente no existía.

websgp · 9 Ene 2014

Ya lo tengo casi solucionado, he creado una nueva sidebar en el header y he puesto los botones en un widget, ya se muestran en el header, solo me queda posicionarlo encima del formulario de busqueda.

- - - Actualización- - -

Estoy liado intentnado colocar el sidebar del header encima del formulario de redes sociales, ahora sale debajo del logo,pero no lo consigo, he creado una etiqueta css de esta manera

Código:

.header-sidebar select {
	margin: 7px 0 15px 0;
	padding: 7px 15px;
	min-width: 75%;
	float:right;
	}

pero nada, sigue igual, en header.php tengo este codigo puesto

PHP:

<div id= "header-sidebar">
	<?php
		if ( is_active_sidebar( 'header-sidebar' ) )
			dynamic_sidebar( 'header-sidebar' );
		  ?>
	</div>

a ver alguien da con la solución

- - - Actualización- - -

He avanzado algo, he conseguido poner el sidebar debajo del formulario de busqueda, solo me queda ponerlo encima.

- - - Actualización- - -

Por fin lo he conseguido, tema soluciconado.

Botones sociales en cabecera, no se muestran las imagenes

websgp

lobogris

websgp

GracianoVip

Suspendido

Bleed

websgp

Comparte esta página