Inclusión de un banner en el header

[gustadg]

Hola amigos de este interesante foro, tengo una consulta algo basica para ustedes pero importante para mi, aclaro que no se mucho de programacion.

La pregunta es la siguiente, en mi blog [URL="http://ganadineroconinternet.net"]ganadineroconinternet.net[/URL] de wordpress estoy intentando poner un banner de 728 X 90 en el encabezado al lado derecho del logo, leyendo algunos temas he logrado ponerlo, pero el problema es que el banner no me esta dirigiendo al articulo que deseo sino que me envía a la home page de nuevo...

Alguien me puede ayudar por favor...

Muchas gracias...

[fede5426]

Solamente tenés que cambiar el "href" de la etiqueta <a> que envuelve tu imagen.



Link de la imagen: http://i57.tinypic.com/izn96t.jpg

Lo que está envuelto en rojo, es tu banner.. lo que está sombreado en verde es lo que tenés que cambiar, ahí va la dirección a donde quieras que el banner te redirija.

Saludos

[superweb360]

tu web es responsive pero los baners no. Tienes que ocultarlos mediante media queries cuando la pantalla se haga más pequeña

[gustadg]

Iniciado por fede5426

Solamente tenés que cambiar el "href" de la etiqueta <a> que envuelve tu imagen.



Link de la imagen: [url]http://i57.tinypic.com/izn96t.jpg[/url]

Lo que está envuelto en rojo, es tu banner.. lo que está sombreado en verde es lo que tenés que cambiar, ahí va la dirección a donde quieras que el banner te redirija.

Saludos

Que tal amigo gracias por tu respuesta, el problema es que el banner que me muestras es el del logo esa si debe dirigir a la home page, pero yo quiero que el banner del lado derecho del logo dirija a otra direccion.

Mejor dicho el codigo del banner es este

<a href="http://ganadineroconinternet.net/ganar-dinero-desde-casa"><img src="http://ganadineroconinternet.net/wp-content/uploads/2015/04/Banner-Ganar-Dinero-Desde-Casa1.bmp" border="0" width=”728px” height=”90px” ></a>

y asi lo he puesto en el header.php, el problema es que al hacer click allí me lleva a la home page, cuando hago click en cualquier parte del encabezado me lleva a la home, menos en los botones sociales, es como si el direccionamiento del banner estuviera nulo o envuelto por otro código. Cuando hago click sobre lo señalado en la imagen.



Gracias si me pueden ayudar

[gustadg]

Iniciado por superweb360

tu web es responsive pero los baners no. Tienes que ocultarlos mediante media queries cuando la pantalla se haga más pequeña

Gracias amigo me puedes decir que es media queries y como se utiliza si no es mucha molestia.

Muchas gracias...

[superweb360]

bien, en los baners que son imágenes, simplemente puedes poner el siguiente estilo

Código CSS:

img
{
     max-width:100%;
}
 

Luego, en los báners grandes de adsense, tienes que poner un ID al DIV que contiene el baner:

Código HTML:

<div id="mibaner">
       <!-- aquí está el baner -->
</div>
 

luego pones esto en tu CSS:

Código CSS:

@media all and (max-width: 900px)
    {
         #mibaner { display: none; }  
    }
 

con esto conseguirás que, cuando la pantalla sea inferior a 900 píxeles, el baner desaparezca.

[gustadg]

Iniciado por superweb360

bien, en los baners que son imágenes, simplemente puedes poner el siguiente estilo

Código CSS:

img
{
     max-width:100%;
}
 

Luego, en los báners grandes de adsense, tienes que poner un ID al DIV que contiene el baner:

Código HTML:

<div id="mibaner">
       <!-- aquí está el baner -->
</div>
 

luego pones esto en tu CSS:

Código CSS:

@media all and (max-width: 900px)
    {
         #mibaner { display: none; }  
    }
 

con esto conseguirás que, cuando la pantalla sea inferior a 900 píxeles, el baner desaparezca.

Muchas gracias amigo, muy útil, aunque aun no logro resolver mi problema con el banner en pc, no me dirige a donde yo deseo, si tu lo sabes se agradece.

[superweb360]

he revisado el código fuente y creo que no estás poniendo el baner en el sitio adecuado. Lo correcto sería algo así:

Código HTML:

<div>
    <div style="float:left;">
        <a href="http://ganadineroconinternet.net" title="Ganar Dinero por Internet es posible">
            <img class="mainlogo-img" src="http://ganadineroconinternet.net/wp-content/uploads/2015/04/Logo-final-ganar-dinero-por-internet1-e1427985777565.jpg" alt="Ganar Dinero por Internet es posible" />
        </a>
    </div>
    <div style="float:right;">
        <a target="_blank" href=" http://ganadineroconinternet.net/ganar-dinero-desde-casa">
            <img style="max-width:100%;" alt="" src="http://ganadineroconinternet.net/wp-content/uploads/2015/04/Banner-Ganar-Dinero-Desde-Casa1.bmp">
        </a>        
    </div>
    <div style="clear:both;"></div>
</div>
 

Si te fijas, he usado floats para crear columnas.

[gustadg]

Iniciado por superweb360

he revisado el código fuente y creo que no estás poniendo el baner en el sitio adecuado. Lo correcto sería algo así:

Código HTML:

<div>
    <div style="float:left;">
        <a href="http://ganadineroconinternet.net" title="Ganar Dinero por Internet es posible">
            <img class="mainlogo-img" src="http://ganadineroconinternet.net/wp-content/uploads/2015/04/Logo-final-ganar-dinero-por-internet1-e1427985777565.jpg" alt="Ganar Dinero por Internet es posible" />
        </a>
    </div>
    <div style="float:right;">
        <a target="_blank" href=" http://ganadineroconinternet.net/ganar-dinero-desde-casa">
            <img style="max-width:100%;" alt="" src="http://ganadineroconinternet.net/wp-content/uploads/2015/04/Banner-Ganar-Dinero-Desde-Casa1.bmp">
        </a>        
    </div>
    <div style="clear:both;"></div>
</div>
 

Si te fijas, he usado floats para crear columnas.

[gustadg]

Iniciado por superweb360

he revisado el código fuente y creo que no estás poniendo el baner en el sitio adecuado. Lo correcto sería algo así:

Código HTML:

<div>
    <div style="float:left;">
        <a href="http://ganadineroconinternet.net" title="Ganar Dinero por Internet es posible">
            <img class="mainlogo-img" src="http://ganadineroconinternet.net/wp-content/uploads/2015/04/Logo-final-ganar-dinero-por-internet1-e1427985777565.jpg" alt="Ganar Dinero por Internet es posible" />
        </a>
    </div>
    <div style="float:right;">
        <a target="_blank" href=" http://ganadineroconinternet.net/ganar-dinero-desde-casa">
            <img style="max-width:100%;" alt="" src="http://ganadineroconinternet.net/wp-content/uploads/2015/04/Banner-Ganar-Dinero-Desde-Casa1.bmp">
        </a>        
    </div>
    <div style="clear:both;"></div>
</div>
 

Si te fijas, he usado floats para crear columnas.

Disculpa amigo pero es que soy un poco torpe con esto de los codigos, el codigo del banner lo puse en el apartado header.php de mi web, pero en ese apartado no logro identificar el banner que corresponde al logo de mi blog, como hago para ver el código fuente completo y poder editarlo?

Gracias

[superweb360]

Iniciado por gustadg

Disculpa amigo pero es que soy un poco torpe con esto de los codigos, el codigo del banner lo puse en el apartado header.php de mi web, pero en ese apartado no logro identificar el banner que corresponde al logo de mi blog, como hago para ver el código fuente completo y poder editarlo?

Gracias

En Wordpress me parece que no es posible editar el código fuente completo, puesto que todo está por trozos: header.php, footer.php, sidebar.php etc. Deberás encontrar en que fichero se encuentra el logo de tu blog.

[gustadg]

Iniciado por superweb360

En Wordpress me parece que no es posible editar el código fuente completo, puesto que todo está por trozos: header.php, footer.php, sidebar.php etc. Deberás encontrar en que fichero se encuentra el logo de tu blog.

Tus comentarios han sido de gran ayuda, pero aun no logro resolver el problema.

Si sabes donde esta el código del banner del logo en el tema Pagelines te agradecería de corazón, lo que pasa es que hay mas de 40 ficheros:::

[superweb360]

Iniciado por gustadg

Tus comentarios han sido de gran ayuda, pero aun no logro resolver el problema.

Si sabes donde esta el código del banner del logo en el tema Pagelines te agradecería de corazón, lo que pasa es que hay mas de 40 ficheros:::

ahora no se me ocurre nada. Tendría que tocar tu código para saberlo. A ver si algún otro forero se le ocurre algo.

bueno, podrías utilizar este plugin para buscar por los ficheros https://wordpress.org/plugins/miwoftp/

[siddartha23]

El div.ads esta mal ubicado, para una correción rápida del problema tendrías que moverlo dentro del .content-pad aunque los más óptimo sería rehacer todo el header...

[gustadg]

Iniciado por siddartha23

El div.ads esta mal ubicado, para una correción rápida del problema tendrías que moverlo dentro del .content-pad aunque los más óptimo sería rehacer todo el header...

Bueno la verdad es que se muy poco de codificación, si pudieras ser un poco mas explicito y decirme los pasos a seguir te agradecería de corazón.