Topic: [TIP] Sacar la linea blanca del Board.

September 25, 2011 - 09:54 21:54

[TIP] Sacar la linea blanca del Board.

Muchas veces deseamos tener nuestro foro con un estilo único y que se vea bien visualmente, obviamente por nuestra experencia en ello o conocimiento nulo es casi imposible. Por eso el día de hoy les traigo un muy buen Tip de como sacar la famosa linea blanca del Board que separa a cada foro/estadísticas/imagen on-off, espero que les sirva y es algo sencillo.

Imagen del problema:

Show content

Solución #1:

Buscamos en css/index.css:

Code: [Select]

table
{
	empty-cells: show;
}

Remplazamos por:

Code: [Select]

table
{ 
border-collapse: separate;
border-spacing: 0px;
empty-cells: show;
}

Solución #2:

Buscamos por:

Code: [Select]

table.table_list
{
	width: 100%;
}

Remplazamos por:

Code: [Select]

table.table_list
{
	border-collapse: collapse;
	width: 100%;
}

De está manera omitiremos el espacio o linea blanca que se forma entre los foros, espero que les sirva mucho es algo sencillo pero a la vez que muchos tal vez buscan

Saludos, JTX3.

**Reply #1** September 25, 2011 - 10:57 22:57

great!

**Reply #2** September 26, 2011 - 03:18 03:18

Buenas [starter]..
Estaría bueno una captura para ver el resultado final
Gracias igualmente
Saludos!

**Reply #3** September 26, 2011 - 01:29 13:29

El resultado finare @4kstore es el siguiente:

Show content

Saludos.

**Reply #4** September 26, 2011 - 01:34 13:34

Lindo tip! +1

**Reply #5** September 26, 2011 - 01:46 13:46

Quote from: JTX3 on September 26, 2011 - 01:29 13:29

El resultado finare @4kstore es el siguiente:

Show content

Saludos.

Queda bastante mejor! Buen TIP!

**Reply #6** October 15, 2011 - 04:10 16:10

Muy buen tip! +1
Aqui les dejo para eliminar los que estan en el messageindex.template.php:
Buscar y eliminar:

Code: [Select]

.table_frame .table_list td.icon, .table_frame .table_list td.info, .table_frame .table_list td.stats
{
	border-right: 2px solid white;
}

Buscar:

Code: [Select]

table.table_grid td
{
	padding: 3px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

Reemplazar por:

Code: [Select]

table.table_grid td
{
	padding: 3px;
}

Resultado:

Show content

**Reply #7** October 15, 2011 - 08:05 20:05

gracias por el agregado dani! +1

[TIP] Sacar la linea blanca del Board.