Uso de la Web

Publicado por Felipe Martínez Pastor en 28/08/08 11:37h mensajes: 285 ☆ ☆ ☆

Me parece muy bien
Yo creo que habría que dejar un poquito de margen a los lados de la columna central. Un "ex" o así.

Publicado por Pablo Moreno García en 07/09/08 12:07h mensajes: 832 ☆ ☆ ☆ ☆

Hola

Me pregunta el duende que qué son los títulos de primer nivel y que qué es un "ex" (en el contexto de css, se entiende).

Un saludo

Publicado por Felipe Martínez Pastor en 07/09/08 12:55h mensajes: 285 ☆ ☆ ☆

Un título de primer nivel es el que va entre etiquetas < h1 >...< /h1 > en el HTML. Es decir, en este momento el que sale gris, negrita y grandote. A propósito de esto, vale que sea naranja, pero que sea muy, muy, muy oscuro, por favor. Y sugiero que el resto de lo que se ponga en naranja sea también muyyy oscuro. Ahora los títulos de tercer nivel están definidos como Coral (#F76541). Yo lo pondría Coral3 (#C34A2C), aunque también pegan los Sienna y Dark Orange oscuros (ver colorines web en http://www.computerhope.com/htmcolor.htm).

Pero no olvidemos: el mejor contraste es negro sobre blanco. No nos alejemos mucho de ahí.

El "ex" es una unidad de medida tipográfica. Es un espacio equivalente al ancho de una x. También existe el "m" (no explico a que equivale ). Son tamaños relativos, ya que dependen del tamaño de letra activo en ese momento (lo cual tiene sus ventajas y desventajas). Por supuesto, te puedes ir a valores absolutos, y entonces tienes el "px", "cm", "in", etc.

Vamos, que lo que quiero decir es que hay que dejar un margen mínimo. Si no existe, tipográficamente es incorrecto, estéticamente queda feo, y funcionalmente peor (al menos a mí, me saltan a menudo los menús cuando quiero seleccionar texto que está pegado al margen izquierdo).

Saludos.

Publicado por Jabier Ruiz Mirazo en 09/09/08 04:11h mensajes: 407 ☆ ☆ ☆

Qué bien le queda al duende el gorrito violeta

Yo me refiero por Primer nivel a los títulos encabezados por un único signo de admiración (en lenguaje tiki-wiki), que seguramente equivaldrán a los h1 del html.

Yo es que me paso mi tikiexistencia poniendo el primer encabezado con dos signos de admiración, para evitar el gris ese. Pero estoy de acuerdo con que el naranja sea oscurillo.

Salud

Publicado por Felipe Martínez Pastor en 09/09/08 10:19h mensajes: 285 ☆ ☆ ☆

Perdón, es que yo empecé con el HTML, jejeje.
Sí, el nivel 1 es ! y el 3 es !!!, etc.

Publicado por José María en 10/09/08 11:52h mensajes: 469 ☆ ☆ ☆ ☆

La Wikipedia y yo creemos que el ex tiene que ver con el alto de la x, y no con su ancho:

http://en.wikipedia.org/wiki/X-height

Saludetes,

Publicado por Felipe Martínez Pastor en 10/09/08 12:41h mensajes: 285 ☆ ☆ ☆

Cierto (aunque como una x es generalmente cuadrada... ).

Publicado por Pablo Moreno García en 21/09/08 22:52h mensajes: 832 ☆ ☆ ☆ ☆

Hola

Ya están hechos los cambios solicitados. Ahora los títulos de primer y tercer nivel se parecen mucho, no sé si os gustará, en Pendientes se puede ver bien. Lo del margen también está hecho.

Un saludo
Pablo

Publicado por Felipe Martínez Pastor en 22/09/08 11:03h mensajes: 285 ☆ ☆ ☆

No me parece mal.
¿Por qué se salta de los de primer a los de tercer nivel? Si es cosa del aspecto, habría que cambiar los de segundo nivel. Habría que primar la estructura, ¿no?

Publicado por Pablo Moreno García en 22/09/08 11:41h mensajes: 832 ☆ ☆ ☆ ☆

El que se los salta es el (o los) que diseñaron la página, y se puede cambiar. De hecho es la única que ví así y por eso la nombré. Los títulos de segundo nivel se usan mucho en el tiki, no creo que sean feos, aunque si queréis se cambian.

Un saludo
Pablo

PD: Si usando testing lo veis igual que antes, borrad los datos de sitios web sin conexión y recargad la página.

Publicado por Pablo Moreno García en 14/10/08 23:13h mensajes: 832 ☆ ☆ ☆ ☆

Hola

¿Se aceptan estas modificaciones como definitivas?

Un saludo
Pablo

Publicado por Jabier Ruiz Mirazo en 15/10/08 02:53h mensajes: 407 ☆ ☆ ☆

Por mi parte, desde luego. Gracias por desarrollarlo . Aunque no sé que pasará al pasar a 2.1, pero güeno, entretanto...
Salud

Publicado por Jabier Ruiz Mirazo en 17/10/08 00:35h mensajes: 407 ☆ ☆ ☆

Otras dos cosas para el CSS:

2- Poner un cierto espacio entre las imágenes de los artículos y el texto de su resumen, tal y como se visualizan en la portada (el plugin articles, debe de ser).

3- La portada para anónimos no tiene incluida esa x famosa para separar los contenidos de la columna izquierda.

Petit à petit...

Publicado por Jabier Ruiz Mirazo en 14/04/09 09:27h mensajes: 407 ☆ ☆ ☆

Jeje, he encontrado este antiguo hilo...

A mi me pasa que si estoy escribiendo en un foro y le doy a vista previa, es como si se me duplicara el ancho de la página, y es en la columna derecha (inicialmente "invisible") donde figuran las posibilidades de edición de tu página, y en la columna izquierda aparece la secuencia de mensajes del foro (menos el tuyo que se ha ido al otro lado).
Te puedes apañar a encontrar tu texto en el amasijo de letras que se forma, pero fino-fino, no es .

Pongo una vela, pues, para ver si un hada le echa un ojo.

Publicado por Felipe Martínez Pastor en 15/04/09 00:33h mensajes: 285 ☆ ☆ ☆

Anda, es verdad.
¿Y esto depende del CSS? Me lo apunto para investigarlo, pero si a alguien se le ocurre dónde puede estar el fallo y lo arregla, mejor
Saludetes.

Publicado por Pablo Moreno García en 21/04/09 12:23h mensajes: 832 ☆ ☆ ☆ ☆

Jo, que rabia. ¿Pero eso antes pasaba? Yo no lo recuerdo, y suelo usar siempre la Vista Previa.

A ver si me lo puedo mirar en un rato que saque

Un saludo
Pablo

Publicado por Pablo Moreno García en 28/04/09 21:27h mensajes: 832 ☆ ☆ ☆ ☆

mmm

Ahora va bien. Si las cosas funcionan no hay quien arregle nada

Publicado por Jabier Ruiz Mirazo en 09/10/09 02:14h mensajes: 407 ☆ ☆ ☆

Me gusta esto de retomar hilos antiguos, de cuando éramos más activos en la web ;-)

El duende Pablo tal vez sepa por qué me salen (Firefox, en OpenSuse) los títulos de primer nivel más pequeños que los de segundo. ¡¡Si este fue el primer asunto de este hilo!!

Salud!

Publicado por Pablo Moreno García en 09/10/09 09:58h mensajes: 832 ☆ ☆ ☆ ☆

Jabi tío, que yo ya de esto no me acuerdo

A ver, mirando en http://precarios.org/styles/precarios.css:

h1 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 140%;
font-weight: bold;
color: #C35617;
margin : 0 0 10px 0;
}

h2 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 140%;
font-weight: bold;
color: #C35617;
margin : 0 0 10px 0;
}

h3 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #000000;
border-bottom: 1px dotted #997090;
margin: 6px 0 2px 0;
line-height : 18px;
}

h4 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 110%;
font-weight: bold;
border-bottom: 1px dashed grey;
color: #C34A2C;
}

h5 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
border-bottom: 1px dashed lightgrey;
color: orange;
}

h1 y h2 son iguales y el font-size está definido como un tanto por ciento pero ¿respecto a qué?

Y h3 18 px. Luego h4 y h5 vuelven a ser porcentuales.

Centrándonos, no sé por qué te salen más grandes los h3 que los h2, pero se puede arreglar dando coherencia y poniendo h3 a 120 (o 125) %

¿Os parece bien?

Publicado por Jabier Ruiz Mirazo en 09/10/09 13:20h mensajes: 407 ☆ ☆ ☆

Veo que tienes un sentimiento de responsabilidad conmigo porque la combinación OpenSuse-Firefox dé guerra, y respondes pronto

La cosa es que a mi me salía al revés h1 y h2 (no h3). Es muy probable que sea porque tengo toqueteados el tipo de letra en las opciones de visualización. Pero vaya, sirve para detectar estas minucias.

Yo sugiero poner 100-110-120-130-140 % para los h5 a h1, y así todos son distintos en tamaños, además de en color.

Gracias, Pablo.