Descuadre entre el Titulo y la descripcionTema Solucionado

[Zirac]

URL: http://www.urbanizacionelguijo.com/foro/
Versión phpBB: 3.0.11
MODs Instalados: Ninguno
Plantilla(s) usada(s): we_clearblue
Servidor: Linux
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No

Estoy intentando cuadrar el logo de la urba y como no se insertar una imagen lo ke hago es modificarlo directamente en la imagen de fondo, pero el problema que tengo es que al variar el titulo y la descipcion del foro se me descuadra, creo ke lo suyo seria que el titulo y la descripcion estubieran centrados el uno con el otro, y en ese lado como estan, pero si no se pudiera, como haria para alinearlos a la izq?
Se podria insertar delante del titulo el logo y aun asi, mantener el fondo?
Muchas gracias de antemano

[micontre]

de arreglar se podria arreglar haciendo algunos cambios .
de hecho ya se ha tratado en el foro algo parecido. Banner no se ajusta
pero te voy a sugerir algo . tu lo pruebas y ves como queda.
cambia la imagen root/styles/we_clearblue/theme/images/illustration.png por esta otra


asi se adaptara a tu estilo.
si todavia sigues decidido a los cambios mira el ling de arriba y veremos que hacemos.
saludos

[ThE KuKa]

Off Topic

---

@ micontre, grande!!! te veo colaborando cada día más con nosotros, o de cara a los usuarios, estas ayudando mucho, y creo que de bien nacido es ser agradecido.

Gracias por tu ayuda y soporte.

[Zirac]

No me acaba de convencer tu imagen, se agradece mucho el aporte, pero de todas maneras no sería esta la que pondria, ya que estoy esperando a una sesion fotografica personal lo ke de verdad me preocupa es ke no puedo cuadrar el Titulo con la Descripcion, salen desajustados, no van en la foto incrustados, son parte del style, pero no tengo ni idea de como ajustarlos para que se keden alineados los dos.

[micontre]

me parece muy bien.
preparo los cambios a hacer para que lo puedas poner como imagen en lugar de fondo y luego poner la descripción y titulo a tu gusto.
solo una pregunta ¿el enlace te gusta solamente en el titulo o en la imagen?


pues nada entonces solamente de guiare para mover esos elementos y tu lo dejas como mas te guste

Abrir archivo root/styles/we_clearblue/theme/common.css
buscar:

Código: Seleccionar todo

#site-description {
	margin-top: 60px;
	margin-left: 75px;
	position: absolute;
}

juega con margin-top: 60px; y

Código: Seleccionar todo

margin-left: 75px;

para dejar el conjunto de titulo y descripcion a tu antojo

busca

Código: Seleccionar todo

#site-description p {
	margin-left: 40px;
	line-height: 24px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 16px;
	color: #535353;
}

mbia el valor de margin-left: 40px; hasta que cuadre como quieres 0px hara que la descripcion empiece a la misma distancia de la izquierda que el titulo si lo quieres comience más a la izquierda utiliza el signo - delante de el numero.

al otra opción me la guardo

[Zirac]

¿el enlace te gusta solamente en el titulo o en la imagen?

Estaria bien en toda la imagen
Habría posibilidad de cambiar el color al titulo y descripcion? ponerlo en blanco, ya que he cambiado la foto y como veras, casi no se ve.
Por cierto, muchas gracias por el curro.

[micontre]

pues aqui te dejo los cambios .
antes de empezar realiza una copia de los archivos por si surgiera algun fallo. Abrir archivo root/styles/we_clearblue/template/overall_header.htlm Buscar - Nota: Esto puede ser una búsqueda parcial, y no una línea entera.

Código: Seleccionar todo

<div id="illustration">
			<div id="site-description">
				<h1><a href="{U_INDEX}" title="{L_INDEX}">{SITENAME}</a></h1>
				<p>{SITE_DESCRIPTION}</p>
			</div>

Reemplazar por - Nota: Reemplazar las líneas a encontrar por las siguientes líneas.

Código: Seleccionar todo

<div id="illustration">
			<div align="center" id="site-description">
            <a href="{U_INDEX}" title="{L_INDEX}"><img src="{T_THEME_PATH}/images/illustration.png"  height="199" alt="urbanizacionelguijo" /></a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
			</div>

Abrir archivo root/styles/we_clearblue/theme/common.css Buscar - Nota: Esto puede ser una búsqueda parcial, y no una línea entera.

Código: Seleccionar todo

#site-description {
	margin-top: 60px;
	margin-left: 75px;
	position: absolute;
}

#site-description h1 {
	font-size: 48px;
	font-weight: normal;
	color: #103143;
}

#site-description p {
	margin-left: 40px;
	line-height: 24px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 16px;
	color: #535353;
}

Reemplazar por - Nota: Reemplazar las líneas a encontrar por las siguientes líneas.

Código: Seleccionar todo

#site-description {
	    margin: 0 auto;
    position: absolute;
    width: 70%;
}

#site-description h1 {
	bottom: 150px;
    color: #fff;
    float: left;
    font-size: 48px;
    font-weight: normal;
    left: 100px;
    position: relative;
}

#site-description p {
	bottom: 100px;
    color: #fff;
    float: left;
    font-family: Georgia,"Times New Roman",serif;
    font-size: 16px;
    left: -40px;
    line-height: 24px;
    position: relative;
}

Buscar - Nota: Esta puede ser una búsqueda parcial y no la línea completa.

Código: Seleccionar todo

#account, #main-navigation {
	padding: 0 22px;
}

Reemplazar por - Nota: Reemplazar las líneas a encontrar por las siguientes líneas.

Código: Seleccionar todo

#account, #main-navigation {
	padding: 0 22px;
	 position: relative;
    z-index: 2;
}

Buscar - Nota: Esto puede ser una búsqueda parcial, y no una línea entera.

Código: Seleccionar todo

#illustration {
    background: url("{T_THEME_PATH}/images/illustration.png") no-repeat scroll right top transparent;
    height: 199px;
    margin: -6px auto 0;
}

Reemplazar por - Nota: Reemplazar las líneas a encontrar por las siguientes líneas.

Código: Seleccionar todo

#illustration {
	height: 199px;
	margin: -6px auto 0;
}

Todos los cambios estan preparado para la imagen que tienes y haciendo que quede centrada

en #site-description h1 y #site-description p puedes cambiar los valores de bottom: y left: para cambiarlo de posicion a parte de color: #FFFFFF; para cambiar el color.

[Zirac]

Buenas de nuevo, he hecho todo los cambios que me has comentado, y efectivamente se pone el texto en blanco y la foto entera tiene link, pero ahora me sale alargada hacia la derecha, que no se si es la foto ke es mas larga y antes no sobresalia y ahora si.
Veo que se complica, demasiado la cosa, no seria posible, simplemente, poner el Titulo y Descripcion en blanco y encuadrarlo?
He intentado poner solo la primera parte en el archivo common.css y no sale nada
alguna idea? si lo unico ke kiero es cuadrar el titulo y la descripcion y ponerla en blanco

[micontre]

claro que se puede, haciendo los canvios de http://www.phpbb-es.com/foro/soporte-pl ... ml#p222912 en lugar de los ultimos.

ya sabes donde se cambia el color.

restaura los archivos que editaste antes de hacerlo.

[Zirac]

He restaurado los archivos he cambiado el colo, pero solo me cambia el de la descripcion, alguna idea?

#site-description h1 {
font-size: 48px;
font-weight: normal;
color: #fff;
}

#site-description p {
margin-left: 0px;
line-height: 24px;
font-family: Georgia, "Times New Roman", serif;
font-size: 16px;
color: #fff;

[micontre]

cambia el color en el archivo colours.css

busca

Código: Seleccionar todo

#site-description h1 a {
	color: #103143;
}

[Zirac]

Perfecto!!!!!!!! ha kedado de lujo muchisimas gracias.
Pregunta tonta.... se puede hacer algo con las esquinas del borde del menu principal?

[micontre]

si marcas este como solucionado y habres otro con el tema si

[ThE KuKa]

!	Mensaje del Equipo por: ThE KuKa
	Esta duda ya ha sido resuelta, y he sido yo quien lo ha marcado así, cuando deberíais ser los propios usuarios autores del tema. Si hay una nueva duda, crea un nuevo tema por favor. Tema Solucionado y cerrado.