Crear nueva posición para colocar logo Web en Template Beez 20  

 
Jorge
 Jorge
Estimable Member

Hola buenos días,

Hasta ahora en la plantilla Beez 20 tenía puesta una imagen que hacia las veces de cabecera y logo pero al final siguiendo el siguiente tutorial elaborado por Webempresa

https://www.webempresa.com/blog/insertando-nueva-posicion-en-la-plantilla-beez-20-para-joomla-17-y-anadiendo-imagenes-con-enlace-con-jt-skitter-slideshow.html

he colocado en su lugar el Slide del mismo tutorial, lo cual le da una mejor presencia a la portada de la web, no obstante quería crear una posición nueva por encima del menú superior actual para albergar un pequeño logo con una imagen.

Aquí os pongo una captura de como está actualmente la posición de los módulos en la zona superior de la web

Sería posible crear un espacio entre las posición del buscador y la posición del menú superior para colocar un logo de unos 250px X 80px?

Un saludo y muchas gracias por adelantado

Contenido solo visible a usuarios registrados

Citar
Respondido : 13/07/2012 11:33 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

En principio puede añadir una nueva posición a la plantilla Beez 20 en la posición que indicas siguiente un sistema similar al que viene en la entrada de blog que enlazas.

Tendrás que editar el archivo index.php de la plantilla y buscar el siguiente código:

                                        

Debajo, tendrás que añadir el código para la nueva posición del módulo. Por ejemplo, si la nueva posición se va a llamar poslogo, el código sería algo así:

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 13/07/2012 1:30 pm

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

Jorge
 Jorge
Estimable Member

Buenas tardes Pablo,

He modificado los dos archivos mencionados como bien se puede ver en las capturas siguientes:

Por otro lado, me queda aplicarle un estilo como indica el tutorial para el slideshow que era el siguiente y estaba localizado en el position.css

.slideshow  /* Estilo nuevo para el módulo Skitter Slideshow en la posición slideshow  08/07/2012 */
{              
		display:block !important;
		position:relative;
		z-index:1000;
		padding:0px 10px 0 10px;
		margin:0 0 0 0;

}

Lo he modificado de la siguiente manera,

.poslogo  /* Estilo nuevo para el módulo poslogo en la posición poslogo 14/07/2012 */
{

	display:block !important;
        position:relative;
        z-index:1000;
	background: url(../images/logo.gif) no-repeat;
        width: 250px;
	height: 50px;
	padding:0px 10px 0 10px;
	margin:0 0 0 0;
        left: 0;
}

me puedes decir por favor si está correcto?

Un saludo y muchas gracias

ResponderCitar
Respondido : 14/07/2012 3:48 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

HOla Jorge

Agrega contenido , el logo, para ver si se ve correctamente tu nueva posición, ya que es dificil decirte si el CSS es correcto cuando no hay contenido en la posición nueva.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 14/07/2012 5:30 pm

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

Jorge
 Jorge
Estimable Member

Hola buenas tardes Jhon,

He colocado una imagen transparente con las mismas medidas que tendrá el logo para que puedas echarle un vistazo y me des alguna indicación sobre ello.
Como hace poco he colocado un módulo con un slider y había quedado un espacio muy reducido, he tenido que modificar un poquito los archivos personal.css y position.css para darle algo mas de espacio pues se montaba encima del menú superior, quizás todavía necesite ajustar un poquito mas pero espero que te sirva como está ahora para que puedas ver lo que necesites.

Venga un saludo y muchas gracias por adelantado

ResponderCitar
Respondido : 15/07/2012 7:47 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola Jorge

Tal como lo planteas, una opción simple, sin modificar CSS, es que tu imagen tenga ambos logos uno mostrándose a la izquierda y otro a la derecha y al medio un espacio en blanco, tu imagen debe tener el ancho aprox de tu página.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 16/07/2012 11:34 pm

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

Jorge
 Jorge
Estimable Member

Buenas tardes Jhon,

No se si será lo mas acertado o no, al final he modificado el logo de 350px X 50px por uno de 1030px X 50px que ocupa algo menos de todo el ancho de la página y me parece que no queda mal, así que por el momento lo dejaré así.

Un saludo y gracias por las indicaciones

ResponderCitar
Respondido : 18/07/2012 3:31 pm

Por favor Iniciar Sesión o Registro