https://ginernet.com/cdn/imagenes/banners/720x90-es.gif

Arreglar banner, header

Para soporte y discusión en relación con las plantillas, temas y galerías de imágenes en phpBB 3.0.x.

Moderadores: Personalizaciones de Estilo, Estilos

victor_nesta
Menos de 100 mensajes
Menos de 100 mensajes
Mensajes: 48
Registrado: Mié Feb 01, 2012 1:26 am
Contactar:

Arreglar banner, header

Mensaje sin leer por victor_nesta »

Buenas, hoy vengo con la siguiente inquietud, que debería haber sido la 1era pero...
bueh, al grano porque confundo...

La cosa es que mi estilo actual "prosilver", tiene copiado del estilo proFormell: el "colours.css" y el contenido de "../theme/images/". Y apenas algunos cambios propios siguiendo el Knowledge Base de acá.

Cuestion que el

Código: Seleccionar todo

.headerbar
del Prosilver original es mas pequeño que el del proFormell, y la imagen que esta incrustada ahí, fue siguiendo "el molde del proFormell".
Modifique el tamaño de este y se logra visualizar correctamente, pero... las imagenes "corners_left.gif y cormers_right" (si no me equivoco) están fuera de lugar, igual el "logo.png" y la caja del buscador que quedaron demasiado elevadas.

Como se que dije mucho y se entendió poco, dejo una imagen con el detalle.
Imagen
Se que la imagen no dice demasiado: En Rojo los corners_xxx.gif y en verde el lugar donde deberían aparecer el Logo, la descripción y la caja de búsquedas.

Al entrar al sito se ve bien lo que digo pero no les puedo pedir que entren y vean.

Saludos y gracias de antemano!! (y perdon por la redacción digna de un mono ebrio)
Tumithak Forum
phpBB™ 3.0.10 - es - Prosilver
Mods: AOS Topic Statistics, ABBC3, PDF24, mChat, NV ALTT, StarPage, Prime Trash Bin, Advertisement Management.

https://ginernet.com/cdn/imagenes/banners/720x90-es.gif
Avatar de Usuario
Leviatan21
Lider phpBB Argentina
Lider phpBB Argentina
Mensajes: 1993
Registrado: Mié Nov 25, 2009 4:43 pm
Ubicación: Buenos Aires, Argentina
Contactar:

Re: Arreglar banner, header

Mensaje sin leer por Leviatan21 »

probemos haciendo estos cambios

Abrir :

Código: Seleccionar todo

raíz/styles/prosilver/theme/common.css
Buscar :

Código: Seleccionar todo

/* Site description and logo */
#site-description {
	float: left;
	width: 70%;
}
Reemplazar por :

Código: Seleccionar todo

/* Site description and logo */
#site-description {
	float: left;
	width: 70%;
	height: 130px;
}
Abrir :

Código: Seleccionar todo

raíz/styles/prosilver/theme/colours.css
Buscar :

Código: Seleccionar todo

.headerbar {
	background-color: #4ADA1E;
	background-image: url("{T_THEME_PATH}/images/Tumithak_header_bg.png");
	color: #FFFFFF;
	max-width: 1400px;
	min-width: 590px;
	height: 140px;
	margin: 0 auto;
	margin-bottom: 2px;

/* .headerbar {
	background: #FFFFFF url("{T_THEME_PATH}/images/header_bg_tumi.png") no-repeat 50% 0;
	#d2d2d2
	     */
}
Reemplazar por :

Código: Seleccionar todo

.headerbar {
	background-color: #4ADA1E;
	background-image: url("./styles/prosilver/theme/images/Tumithak_header_bg.png");
	color: #FFFFFF;
	margin: 0 auto 2px;
}
Guardar los cambios, subir los archivos al servidor vía FTP y desde el ACP -> ESTILOS : COMPONENTES DE ESTILO : Tema : Prosilver pulas en el enlace actualizar
También deberás actualizar ( F5 ) el navegador, al menos dos veces para ver los cambios
Lea las reglas | Nosotros | Acerca de phpBB | Descargas | Soporte | Blog
Ex Miembro del Equipo QA en phpbb.com
No se brindará soporte por Mensaje Privado, por favor pregunte en un tema público, tenga en cuenta que su problema puede ser también un problema para otros ;)

victor_nesta
Menos de 100 mensajes
Menos de 100 mensajes
Mensajes: 48
Registrado: Mié Feb 01, 2012 1:26 am
Contactar:

Re: Arreglar banner, header

Mensaje sin leer por victor_nesta »

Parece que no modifico mucho (o nada) el aspecto. (ojo yo lo estoy viendo en 1080X800, capaz en otra resolución cambia)

los bordes redondeados

Código: Seleccionar todo

<span class=​"corners-bottom">​
siguen en el mismo lugar.

Por ahora, nada. De mientras sigo tocando a ver si modifico algo.

Gracias, Saludos!!
Tumithak Forum
phpBB™ 3.0.10 - es - Prosilver
Mods: AOS Topic Statistics, ABBC3, PDF24, mChat, NV ALTT, StarPage, Prime Trash Bin, Advertisement Management.

Avatar de Usuario
nextgen
Lider Equipo de Estilos
Lider Equipo de Estilos
Mensajes: 556
Registrado: Jue Jun 17, 2010 12:36 am
Ubicación: Guatemala, Guatemala
Contactar:

Re: Arreglar banner, header

Mensaje sin leer por nextgen »

Para darle una solución temporal tendras que modificar el
common.css
y buscar

Código: Seleccionar todo

#search-box {
    color: #FFFFFF;
    display: block;
    float: right;
    margin-right: 5px;
    margin-top: 30px;
    position: relative;
    text-align: right;
    white-space: nowrap;
}
entre mas sea el
margin-top
que le agregues más de deslizara la caja de busqueda hacía abajo y se ajustaran los corner's a no ser que el señor Levitan21 tenga una mejor forma de hacerlo.
Recorda rellenar Imagen para cuálquier problema con tu foro.

victor_nesta
Menos de 100 mensajes
Menos de 100 mensajes
Mensajes: 48
Registrado: Mié Feb 01, 2012 1:26 am
Contactar:

Re: Arreglar banner, header

Mensaje sin leer por victor_nesta »

Listo, ya están los bordes redondeados y el tamaño es el acorde (asi eso lo damos por solucionado). (el comment anterior era porque tenia algún problema con la actualización del tema, aparecía una cosa, después otra después ninguna. Misterios de la ciencia).
Falta los titulos y tengo una raya del lado derecho de la cabezera, que estuvo siempre, pero aun no se fue. ¿?
Ahora pruebo lo de que me recomendaste Nextgen.
Muchas gracias!!

PD: el

Código: Seleccionar todo

position: absolute
, me puede llegar a servir para estos casos?
Tumithak Forum
phpBB™ 3.0.10 - es - Prosilver
Mods: AOS Topic Statistics, ABBC3, PDF24, mChat, NV ALTT, StarPage, Prime Trash Bin, Advertisement Management.

Avatar de Usuario
Leviatan21
Lider phpBB Argentina
Lider phpBB Argentina
Mensajes: 1993
Registrado: Mié Nov 25, 2009 4:43 pm
Ubicación: Buenos Aires, Argentina
Contactar:

Re: Arreglar banner, header

Mensaje sin leer por Leviatan21 »

victor_nesta escribió:Falta los titulos
¿ Que hay que hacer con los títulos ?
No leí nada de eso...
victor_nesta escribió:y tengo una raya del lado derecho de la cabezera, que estuvo siempre, pero aun no se fue. ¿?
La linea es de tu imagen de fondo, como no alcanza a cubrir todo el ancho se está repitiendo horizontalmente y al parecer al margen Izquierdo comienza con una linea o espacio, edita la imagen y ajusta eso ;)
Lea las reglas | Nosotros | Acerca de phpBB | Descargas | Soporte | Blog
Ex Miembro del Equipo QA en phpbb.com
No se brindará soporte por Mensaje Privado, por favor pregunte en un tema público, tenga en cuenta que su problema puede ser también un problema para otros ;)

victor_nesta
Menos de 100 mensajes
Menos de 100 mensajes
Mensajes: 48
Registrado: Mié Feb 01, 2012 1:26 am
Contactar:

Re: Arreglar banner, header

Mensaje sin leer por victor_nesta »

nextgen escribió:Para darle una solución temporal tendras que modificar el
common.css
y buscar

Código: Seleccionar todo

#search-box {
entre mas sea el [codeinline]margin-top[/codeinline] que le agregues más de deslizara la caja de busqueda hacía abajo y se ajustaran los corner's a no ser que el señor Levitan21 tenga una mejor forma de hacerlo.[/quote]

Hice eso con un margen de 85px, en titulo y en buscador! Joya!! 
Muchas Gracias!

[quote="Leviatan21"]
[quote="victor_nesta"]y tengo una raya del lado derecho de la cabezera, que estuvo siempre, pero aun no se fue. ¿?[/quote]
La linea es de tu imagen de fondo, como no alcanza a cubrir todo el ancho se está repitiendo horizontalmente y al parecer al margen Izquierdo comienza con una linea o espacio, edita la imagen y ajusta eso ;)[/quote]

Si, me di cuenta despues que lo dije  :lol:  (yo no hice la imagen), si esta unos pixeles fuera del recuadro.

Gracias,  Levitan21!!

Ustedes dos fueron yosapas, pediatras o algo así en otra vida, por que tienen una paciencia...  :lol: 

Lo del Titulo, era dejarlo medianamente a como quedo ahora que le puse un magin de 85.
Pero... ahora que lo veo "in situ" es espantoso. 
Busque la manera de que no salgan o queden transparente o que se esfumen magicamente. Vi en el sitio-hermano a este, que recomendaban borrar el titulo del overall_header. (¿esto no es perjudicial para el SEO o estoy diciendo sandeces como siempre?)

Saludos y muchas grasias, todo con ese para variar un poco
Tumithak Forum
phpBB™ 3.0.10 - es - Prosilver
Mods: AOS Topic Statistics, ABBC3, PDF24, mChat, NV ALTT, StarPage, Prime Trash Bin, Advertisement Management.

Avatar de Usuario
Leviatan21
Lider phpBB Argentina
Lider phpBB Argentina
Mensajes: 1993
Registrado: Mié Nov 25, 2009 4:43 pm
Ubicación: Buenos Aires, Argentina
Contactar:

Re: Arreglar banner, header

Mensaje sin leer por Leviatan21 »

En lugar de un margin a
#site-description h1
, mejor sería que eliminar la linea que hace que el logo flote a la izquierda :
Abrir :

Código: Seleccionar todo

raíz/styles/prosilver/theme/common.css
Buscar :

Código: Seleccionar todo

#logo {
    float: left;
Eliminar :

Código: Seleccionar todo

float: left;
Si quieres dejar el título, pero que sea invisible :
Abrir :

Código: Seleccionar todo

raíz/styles/prosilver/theme/common.css
Buscar :

Código: Seleccionar todo

#site-description h1 {
Debajo, agregar :

Código: Seleccionar todo

color: transparent;
victor_nesta escribió:Lo del Titulo, era dejarlo medianamente a como quedo ahora que le puse un magin de 85.
Pero... ahora que lo veo "in situ" es espantoso.
Busque la manera de que no salgan o queden transparente o que se esfumen magicamente. Vi en el sitio-hermano a este, que recomendaban borrar el titulo del overall_header. (¿esto no es perjudicial para el SEO o estoy diciendo sandeces como siempre?)
Eliminar la eqtiqueta <title> es perjudicial, el título dentro de la cabecera no es problemático

En la plantilla :

Código: Seleccionar todo

raíz/styles/prosilver/template/overall_header.html
Buscar y eliminar : ( para título )

Código: Seleccionar todo

<h1>{SITENAME}</h1>
Buscar y eliminar : ( para descripción )

Código: Seleccionar todo

<p>{SITE_DESCRIPTION}</p>
Lea las reglas | Nosotros | Acerca de phpBB | Descargas | Soporte | Blog
Ex Miembro del Equipo QA en phpbb.com
No se brindará soporte por Mensaje Privado, por favor pregunte en un tema público, tenga en cuenta que su problema puede ser también un problema para otros ;)

victor_nesta
Menos de 100 mensajes
Menos de 100 mensajes
Mensajes: 48
Registrado: Mié Feb 01, 2012 1:26 am
Contactar:

Re: Arreglar banner, header

Mensaje sin leer por victor_nesta »

Perfecto, Genial, tremendo, Gracias!! (por mas que sea un hincha "esferas", estoy aprendiendo bola <-ahi si bolas je :D )

Una mas y no jodemos mas....

Si se fijan (en mi sitio obvio), al achicar la ventana del navegador, llega a una instancia donde el buscador "no quepa" y agranda al header y lo desfigura. Supongo que esto tiene que ver con alguna etiqueta que le dirá: "-cuando ves que no entras adáptate automáticamente" y ustedes genios del alma seguro saben de alguna que le dice al header : "-Te moves hasta acá, ni un paso más, eh"

Un gracias enorme, y prometo que pronto los dejo de molestar por un tiempo :lol:
Tumithak Forum
phpBB™ 3.0.10 - es - Prosilver
Mods: AOS Topic Statistics, ABBC3, PDF24, mChat, NV ALTT, StarPage, Prime Trash Bin, Advertisement Management.

Avatar de Usuario
Leviatan21
Lider phpBB Argentina
Lider phpBB Argentina
Mensajes: 1993
Registrado: Mié Nov 25, 2009 4:43 pm
Ubicación: Buenos Aires, Argentina
Contactar:

Re: Arreglar banner, header

Mensaje sin leer por Leviatan21 »

Abrir :

Código: Seleccionar todo

raíz/styles/prosilver/theme/common.css
Buscar :

Código: Seleccionar todo

#site-description {
	float: left;
	height: 100px;
	width: 70%;
}
Eliminar :
width: 70%;
Lea las reglas | Nosotros | Acerca de phpBB | Descargas | Soporte | Blog
Ex Miembro del Equipo QA en phpbb.com
No se brindará soporte por Mensaje Privado, por favor pregunte en un tema público, tenga en cuenta que su problema puede ser también un problema para otros ;)

Cerrado