Arredondar postbit

jesusanz · 02/05/2010

Buenas!

Me gustaría redondear estas esquinas:

Muchas Gracias!

Andrés Durán · 03/05/2010

Hola jesusanz.

Busca en la plantilla postbit.css:

Inserir CODE, HTML ou PHP:

    margin: -{vb:stylevar postbithead_border.borderWidth}{vb:stylevar postbithead_border.units} -{vb:stylevar postbithead_border.borderWidth}{vb:stylevar postbithead_border.units} 0;
    font: {vb:stylevar postbithead_font};
    padding: 4px 0;

Agrega debajo:

Inserir CODE, HTML ou PHP:

    -moz-border-radius-top{vb:stylevar left}:{vb:stylevar border_radius};
    -moz-border-radius-top{vb:stylevar right}:{vb:stylevar border_radius};

Saludos.

agalmen · 03/05/2010

Hola Andrés...

Me ha gustado mucho esta modificación.... muchas gracias!

...¿y en el ThreadList cómo sería?

🙂

jesusanz · 03/05/2010

Buenas!
Lo he modificado, quedándose de la siguiente manera:

Pero no se ha modificado(ver en mi firma el foro).
¿Qué puede ser?

Gracias Andrés 🙂

agalmen · 03/05/2010

Pues yo sí lo veo modificado.... lo que se te ha quedado cuadrado es lo que yo preguntaba, el ThreadList.

🙂

ZEL · 03/05/2010

Andres muchas gracias hermano quedo prefecto mira la foto muchas gracias.

Ver o anexo 3557

jesusanz · 03/05/2010

¿Con cuáles navegadores lo véis bien?
¿Se podría modificar el radio de curva?

Gracias!

agalmen · 03/05/2010

jesusanz disse:
¿Con cuáles navegadores lo véis bien?
¿Se podría modificar el radio de curva?

Gracias!

Yo estoy con Firefox.....

Andrés Durán · 03/05/2010

El atributo CSS "radius" no es compatible con IE.
El radio de la curva se modifica editando la variable de estilo border_radius.
Si se modifica esa variable, el header y también otros lugares se verán afectados.
Para aumentar el valor solamente en esa sección, podrían utilizar esto:

Inserir CODE, HTML ou PHP:

    -moz-border-radius-top{vb:stylevar left}:8px;
    -moz-border-radius-top{vb:stylevar right}:8px;

Saludos.

agalmen · 04/05/2010

agalmen disse:
Hola Andrés...

Me ha gustado mucho esta modificación.... muchas gracias!

...¿y en el ThreadList cómo sería?

🙂

Andrés Durán disse:
El atributo CSS "radius" no es compatible con IE.
El radio de la curva se modifica editando la variable de estilo border_radius.
Si se modifica esa variable, el header y también otros lugares se verán afectados.
Para aumentar el valor solamente en esa sección, podrían utilizar esto:

Inserir CODE, HTML ou PHP:

-moz-border-radius-top{vb:stylevar left}:8px; -moz-border-radius-top{vb:stylevar right}:8px;

Saludos.

¿Y para redondear el Thread List?

🙂

Andrés Durán · 04/05/2010

Busca esto en la plantilla threadlist.css:

Inserir CODE, HTML ou PHP:

    -moz-border-radius-top{vb:stylevar right}: {vb:stylevar threadlisthead_top_corner_radius};
    -moz-border-radius-top{vb:stylevar left}: {vb:stylevar threadlisthead_top_corner_radius};

Reemplázalo por:

Inserir CODE, HTML ou PHP:

    -moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
    -moz-border-radius-top{vb:stylevar left}: {vb:stylevar border _radius};

Saludos.

agalmen · 05/05/2010

Hola Andrés, muchas gracias..... pero se me redondea sólo la esquina izquierda.... la derecha no......

..?????

---Edito pasados unos minutos---

Curioso a más no poder, mira: Para que se me redondee la esquina derecha, el código es este

-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
-moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};

Es decir, hay que duplicar la que lleva el "right".

¿Por qué?

???

jesusanz · 05/05/2010

¿Me podeis decir si mi foro lo veis redondeado?
Yo ni en chrome ni en firefox lo veo :S

agalmen · 05/05/2010

Hola Jesús, yo veo redondeadas las esquinas de la página principal del foro, pero ni el threadlist ni los propios posts.... tienes que hacer lo que te decía Andrés, yo lo he hecho y me funciona perfecto.

Y luego para rematar, haces lo mismo para el threadlist, pero tendrás que duplicar una de las lineas, tal y como pongo un post más arriba.

🙂

Andrés Durán · 05/05/2010

Es extraño, agalmen, funciona perfecto para mi 😛. ¿Utilizas un estilo personalizado en el que yo pueda reproducir el error?.

ZEL · 05/05/2010

jesusanz disse:
¿Con cuáles navegadores lo véis bien?
¿Se podría modificar el radio de curva?

Gracias!

Lo veo solo con firefox con internet explore No sebe asi 🙁

Andrés Durán · 05/05/2010

Ni Internet Explorer ni Opera soportan el atributo CSS "radius".

agalmen · 07/05/2010

Andrés Durán disse:
Es extraño, agalmen, funciona perfecto para mi 😛. ¿Utilizas un estilo personalizado en el que yo pueda reproducir el error?.

Andrés, creo que no has leido bien, a mí me funciona ya todo perfectamente, el que no lo consigue es jesusanz y yo le estaba explicando que hiciera lo que tú le dijiste, que le tenía que funcionar sí o sí.

🙂

Andrés Durán · 07/05/2010

En ese mensaje que citas, hacía referencia a esto:

agalmen disse:
Hola Andrés, muchas gracias..... pero se me redondea sólo la esquina izquierda.... la derecha no......

..?????

---Edito pasados unos minutos---

Curioso a más no poder, mira: Para que se me redondee la esquina derecha, el código es este

-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
-moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};

Es decir, hay que duplicar la que lleva el "right".

¿Por qué?

???

Es por ello que te preguntaba si utilizas un estilo personalizado en el que yo pueda reproducir el error. 😛

agalmen · 08/05/2010

Andrés Durán disse:
En ese mensaje que citas, hacía referencia a esto:

Es por ello que te preguntaba si utilizas un estilo personalizado en el que yo pueda reproducir el error. 😛

No Andrés, uso el estilo por defecto, pero no te preocupes que así me funciona perfectamente, el que tiene más problemas es jesusanz, que a él no le funciona.

🙂

Arredondar postbit

jesusanz

Andrés Durán

agalmen

jesusanz

agalmen

ZEL

jesusanz

agalmen

Andrés Durán

agalmen

Andrés Durán

agalmen

jesusanz

agalmen

Andrés Durán

ZEL

Andrés Durán

agalmen

Andrés Durán

agalmen

Tópicos similares