Colocar imagen en p...
Avisos
Vaciar todo

Colocar imagen en parte superior de la web  

 
Alberto
 Alberto
Estimable Member

Hola buenos dias, he estado intentando mirar como colocar una imagen en la parte superior de la web, pero no lo consigo.

¿Como podria hacerlo?

Adjunto imagenes, Gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 06/03/2014 12:19 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Hacer esto y que te quede bien puede ser bastante complicado.

Una posibilidad sería agregar la imagen desde los estilos CSS en forma de fondo. Sería algo como lo siguiente:

div#header_right {
background-image: url("ruta-y-nombre-imagen.png");
background-repeat: no-repeat;
}
ResponderCitar
Respondido : 06/03/2014 1:56 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Alberto
 Alberto
Estimable Member

Hola Pablo,

¿En qué archivo css ubico el texto que me has facilitado?

Gracias por tu respuesta, Saludos

ResponderCitar
Respondido : 06/03/2014 2:16 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Serviría cualquier archivo css que se cargue con la página. Por ejemplo puedes utilizar el archivo themes/leoconv/css/global.css y poner el código al final del todo.

Si, por ejemplo, creas una imagen de fondo con el nombre fondo.png súbela en la ruta themes/leoconv/img y pon el siguiente código:

div#header_right {
background-image: url("../img/fondo.png");
background-repeat: no-repeat;
}
ResponderCitar
Respondido : 06/03/2014 3:28 pm

Cursos Gratuitos WordPress

Alberto
 Alberto
Estimable Member

Hola Pablo ya he puesto el código y queda superpuesto con otros elementos .

¿Cómo se podría poner más a la derecha?

Gracias

ResponderCitar
Respondido : 06/03/2014 7:01 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Prueba a modificar el mismo código de la siguiente manera:

div#header_right {
background-image: url("../img/fondo.png");
background-position: right center;
background-repeat: no-repeat;
}

Saludos.

ResponderCitar
Respondido : 07/03/2014 12:57 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Alberto
 Alberto
Estimable Member

Hola Jhon, colocando ese código queda demasiado a la derecha tapando el elemento del lenguaje, como se podría desplazar un poco más a la izquierda?

Adjunto captura

Gracias

ResponderCitar
Respondido : 07/03/2014 10:10 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Prueba a sustituir el código anterior por este:

div#header_right {
background-image: url("../img/fondo.png");
background-position: 450px center;
background-repeat: no-repeat;
}
ResponderCitar
Respondido : 07/03/2014 2:26 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Alberto
 Alberto
Estimable Member

Perfecto Pablo, Gracias

ResponderCitar
Respondido : 07/03/2014 4:05 pm