Iconos del foro cambiar alto de fila...Tema Solucionado

[Remy]

Hola gente, hace varios días que vengo buscando la manera de solucionar esto pero no logro encontrar la vuelta....
Lo que hice fue asignarle iconos más grandes al foro, pero no logro poder modificar el alto de las columnas para que queden bien, tampoco he podido lograr desplazar el texto un poco más a la derecha para que se pueda leer. Una imágen lo explica mejor.

Y otra cosa que me gustaría hacer es encerrar donde dice, "Fecha actual" "Su última visita" "Buscar temas sin respuesta" etc, en algo como lo explica la siguiente imágen en amarillo. Puede ser como el de arriba o el de abajo, por eso las 2 flechas.

Por último y ya menos importante... he añadido una barra lateral siguiendo la guía de mitch http://www.phpbb-es.com/foro/anadir-fac ... 18400.html, pero me gustaría agregar otra del lado derecho, algo como esto. http://www.phpbb3hacks.com/ ¿Me podrán dar una mano?

[memoadian]

mira, lo de los iconos se soluciona asignando las nuevas medidas al archivo que se las da el cual es el
FTP styles imageset imageset.cfg

ahi vienen predefinidas las medidas de todos los iconos, solo cambia los valores
si venia por ej. 20X20
lo pones 30X40 etc. dependendo de las medidas. la segunda pregunta no la entendi, pero supongo solo es cosa del css.

[memoadian]

añadiendo info, no veo el foro con la barra de mitch, ¿es el mismo? por que asi podria ver que div es el que contiene a la fecha y agregar el codigo correspondiente.
algo como

Código: Seleccionar todo

#div
{
background-color:#yellow;
border: 1px solid yellow mas fuerte :P;
}

y la tercera cuestion, "eso de las dos barras se llama portal"

[Remy]

Bueno ante todo gracias por responder memodian.
En cuanto a la medida de los íconos, las he asignado, estoy usando imágenes png de 48x48 pixeles, aquí el imageset.cfg, también limpié la cache pensando que podía ser eso, pero los íconos no se ven en su totalidad, quedan como tapados por la fila de arriba y asi susesivamente, también los títulos me quedan arriba (encima) de cada ícono, no logro que quede un espacio, una sangría entre imágen y título...

Código: Seleccionar todo

#
# phpBB Imageset Configuration File
#
# @package phpBB3
# @copyright (c) 2006 phpBB Group
# @license http://opensource.org/licenses/gpl-license.php GNU Public License
#
#
# At the left is the name, please do not change this
# At the right the value is entered
# For on/off options the valid values are on, off, 1, 0, true and false
#
# Values get trimmed, if you want to add a space in front or at the end of
# the value, then enclose the value with single or double quotes.
# Single and double quotes do not need to be escaped.
#
#

# General Information about this style
name = prosilverDVD
copyright = © phpBB Group, 2007
version = 3.0.7

# Images
img_site_logo = cavic.png*85*75
img_poll_left =
img_poll_center =
img_poll_right =
img_icon_friend =
img_icon_foe =

img_forum_link = forum_link.png*48*48
img_forum_read = forum_read.png*48*48
img_forum_read_locked = forum_read_locked.png*48*48
img_forum_read_subforum = forum_read_subforum.png*48*48
img_forum_unread = forum_unread.png*48*48
img_forum_unread_locked = forum_unread_locked.png*48*48
img_forum_unread_subforum = forum_unread_subforum.png*48*48

img_topic_moved = topic_moved.png*48*48

img_topic_read = topic_read.png*48*48
img_topic_read_mine = topic_read_mine.png*48*48
img_topic_read_hot = topic_read_hot.png*48*48
img_topic_read_hot_mine = topic_read_hot_mine.png*48*48
img_topic_read_locked = topic_read_locked.png*48*48
img_topic_read_locked_mine = topic_read_locked_mine.png*48*48

img_topic_unread = topic_unread.png*48*48
img_topic_unread_mine = topic_unread_mine.png*48*48
img_topic_unread_hot = topic_unread_hot.png*48*48
img_topic_unread_hot_mine = topic_unread_hot_mine.png*48*48
img_topic_unread_locked = topic_unread_locked.png*48*48
img_topic_unread_locked_mine = topic_unread_locked_mine.png*48*48

img_sticky_read = sticky_read.png*48*48
img_sticky_read_mine = sticky_read_mine.png*48*48
img_sticky_read_locked = sticky_read_locked.png*48*48
img_sticky_read_locked_mine = sticky_read_locked_mine.png*48*48
img_sticky_unread = sticky_unread.png*48*48
img_sticky_unread_mine = sticky_unread_mine.png*48*48
img_sticky_unread_locked = sticky_unread_locked.png*48*48
img_sticky_unread_locked_mine = sticky_unread_locked_mine.png*48*48

img_announce_read = announce_read.png*48*48
img_announce_read_mine = announce_read_mine.png*48*48
img_announce_read_locked = announce_read_locked.png*48*48
img_announce_read_locked_mine = announce_read_locked_mine.png*48*48
img_announce_unread = announce_unread.png*48*48
img_announce_unread_mine = announce_unread_mine.png*48*48
img_announce_unread_locked = announce_unread_locked.png*48*48
img_announce_unread_locked_mine = announce_unread_locked_mine.png*48*48

img_global_read = announce_read.png*48*48
img_global_read_mine = announce_read_mine.png*48*48
img_global_read_locked = announce_read_locked.png*48*48
img_global_read_locked_mine = announce_read_locked_mine.png*48*48
img_global_unread = announce_unread.png*48*48
img_global_unread_mine = announce_unread_mine.png*48*48
img_global_unread_locked = announce_unread_locked.png*48*48
img_global_unread_locked_mine = announce_unread_locked_mine.png*48*48

img_subforum_read = subforum_read.png*9*11
img_subforum_unread = subforum_unread.png*9*11

img_pm_read = topic_read.png*48*48
img_pm_unread = topic_unread.png*48*48

img_icon_back_top = icon_back_top.gif*11*11

img_icon_contact_aim = icon_contact_aim.gif*20*20
img_icon_contact_email = icon_contact_email.gif*20*20
img_icon_contact_icq = icon_contact_icq.gif*20*20
img_icon_contact_jabber = icon_contact_jabber.gif*20*20
img_icon_contact_msnm = icon_contact_msnm.gif*20*20

img_icon_contact_www = icon_contact_www.gif*20*20
img_icon_contact_yahoo = icon_contact_yahoo.gif*20*20

img_icon_post_delete = icon_post_delete.gif*20*20

img_icon_post_info = icon_post_info.gif*20*20

img_icon_post_report = icon_post_report.gif*20*20
img_icon_post_target = icon_post_target.gif*9*11
img_icon_post_target_unread = icon_post_target_unread.gif*9*11

img_icon_topic_attach = icon_topic_attach.gif*10*7
img_icon_topic_latest = icon_topic_latest.gif*9*11
img_icon_topic_newest = icon_topic_newest.gif*9*11
img_icon_topic_reported = icon_topic_reported.gif*14*16
img_icon_topic_unapproved = icon_topic_unapproved.gif*14*16

img_icon_user_profile =

img_icon_user_warn = icon_user_warn.gif*20*20

En cuanto a la segunda pregunta, sí, seguramente es algo de css, lo que quiero es, "encerrar en una caja" como por ejemplo "Índice general", o "Información" lo que me queda suelto en blanco...
Puedo poner por algunas horas el estilo así queda más gráfico, no lo estoy usando porque quiero pulir estos detalles.

[DaVidU]

para darle espacio a los iconos se hace desde el archivo:
root/foro/styles/prosilver/theme/content.css

busca esta parte:

Código: Seleccionar todo

/* Forum list column styles */
dl.icon {
	min-height: 35px;
	background-position: 10px 50%;		/* Position of folder icon */
	background-repeat: no-repeat;
}

dl.icon dt {
	padding-left: 45px;					/* Space for folder icon */
	background-repeat: no-repeat;
	background-position: 5px 95%;		/* Position of topic icon */
}

cambia el "min-height" y el "padding-left" de ambas etiquetas css a tus medidas de las nuevas imágenes, si aún sigue cortándose las imágenes deberás darle una medida mínima a cada celda para que me entiendas, en este caso debes buscar esto en el mismo archivo:

Código: Seleccionar todo

li.row {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #8f8f8f;
}

y lo reemplazas por esto otro:

Código: Seleccionar todo

li.row {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #8f8f8f;
	min-height: 100px;
}

te he puesto una altura mínima de 100 pixeles para cada celda, seguramente sea demasiado, cámbialo a la medida que necesites
como no lo he comprobado si no cambia la altura de las celdas puedes hacer lo mismo en la misma etiqueta pero en el archivo colours.css

[Remy]

Bueno DaVidU, que decir! Muchísimas gracias, me ha sido de gran utilidad tu aporte.
Ahora se ven bastante mejor los íconos, pero no logro que se vean del todo. Algunos se ven bien, como la imagen que pongo a continuación.

Pero otros se ven cortados y apilados como todos juntos.

No se porqué hace eso, parece ser como que el texto de la derecha es quien delimita el tamaño, mientras más texto hay, mejor se ven los iconos. ¿Puede ser?
Todo eso mientras la ventana está maximizada, pero cuando las restauro y juego con el tamaño, se pueden ver perfectamente bien.


¿Habrá alguna manera de centrar los íconos y el texto? Porque veo como que quedan muy pegados en el top de cada fila. O tal vez se pueda delimitar un tamaño mínimo al texto de la derecha.

[Remy]

Bueno, creo que encontré el error, era que no había dado actualizar al tema desde estilos. Ahora se ven perfectamente bien. Ya casi daría por solucionado el asunto. Pero ahora se han puesto muy altos los "encabezados de los títulos" (no se si se llaman así, los de color azul). ¿Que pude haber tocado? o ¿Que debería modificar mara manejar el alto? O de última manejar el tamaño de los títulos para incrementar el tamaño de la fuente.

[DaVidU]

eso generalmente se toca en el margin de esta etiqueta del archivo common.css:

Código: Seleccionar todo

li.header dt, li.header dd {
	line-height: 1em;
	border-left-width: 0;
	margin: 2px 0 4px 0;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

asegurate de darle más tamaño al min-height de esta otra en el mismo archivo, 35 es muy poco, dale 50 por probar:

Código: Seleccionar todo

/* Forum list column styles */
dl.icon {
	min-height: 35px;
	background-position: 10px 50%;		/* Position of folder icon */
	background-repeat: no-repeat;
}

estos cambios solo en el archivo common.css, revisa no hayas cambiado desde otro archivo css estas etiquetas y se estén contradiciendo

[Remy]

DaVidU, ¿puede ser que hayas querido decir, content.css? Porque en commons no tengo nada de eso.

[Remy]

Si, efectivamente era ese, modifiqué algunos valores y volvió a estar como antes. Sin querer había puesto min-height en dl.icon dt {
Lo malo es que los íconos volvieron a verse mal como antes, (aunque ahora un poquito mejor), y otro error que veo, es que cuando restauro la ventana y juego con el tamaño, el texto de "Último Mensaje" se viene encima del ícono, no se si me explico. Lo que veo es que tiene como una pequeña línea divisoria cada columna, debajo de Temas Mensajes Último mensaje etc y no todas son iguales, algunas no llegan hasta abajo de la fila y esas son las que se escapan y tapan el ícono.
Espero no haber maereado demasiado

A ver... los archivos que modifiqué son estos.
content.css

Código: Seleccionar todo

/* Forum list column styles */
dl.icon {
	min-height: 60px;
	background-position: 10px 50%;		/* Position of folder icon */
	background-repeat: no-repeat;
}

dl.icon dt {
	padding-left: 75px;					/* Space for folder icon */
	background-repeat: no-repeat;
	background-position: 5px 95%;		/* Position of topic icon */
}


    li.row {
       border-top: 1px solid #FFFFFF;
       border-bottom: 1px solid #8f8f8f;
       min-height: 60px;
    }

Este estaba intacto

Código: Seleccionar todo

li.header dt, li.header dd {
	line-height: 1em;
	border-left-width: 0;
	margin: 2px 0 4px 0;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

colours.css

Código: Seleccionar todo

li.row {
	border-top-color:  #FFFFFF;
	border-bottom-color: #00608F;
	min-height: 60px;
}

[Remy]

Llevo unos cuantos dias retocando la estética de mi foro y la verdad estoy bastante conforme, pero no logro decifrar que estoy haciendo mal, para que los benditos iconos no se vean cortados. Ya modifiqué el alto en los archivos content.css y colours.css pero nada, se siguen viendo de esta manera.

Las filas se agrandan, pero los iconos es como si quedaran pegados a un margen.

[leviatan21]

Hola Remy:
Todavía necesitas hacer un último cambio, a demás del archivo content.css hay otro más que es el que lleva los "trucos"
Abrir :
raíz/styles/el_nombre_de_tu_estilo_basado_en_prosilver/theme/tweaks.css
Buscar :

Código: Seleccionar todo

dl.icon {
	min-height: 35px;
	min-height: 80px;
	height: auto !important;
	height: 35px;
}

Reemplazar por :

Código: Seleccionar todo

dl.icon {
/*	min-height: 35px;	*/
	min-height: 80px;
	height: auto !important;
	height: 80px;
/*	height: 35px;*/
}

Al finalizar, guardar los cambios, subirlo por FTP a tu servidor y desde el ACP, refrescar el tema

[Remy]

¡¡¡AAAAAHHh!!! Que alegría me diste leviatan.
¡Gracias a todos los que me dieron una mano!

Tema solucionado