Redondear postbit

jesusanz Seguir

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
8 Oct 2006
Mensajes
468
Buenas!

Me gustaría redondear estas esquinas:
capturajx.png


Muchas Gracias!
 

Andrés Durán

Xi
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
23 Abr 2009
Mensajes
4.371
Hola jesusanz.

Busca en la plantilla postbit.css:

Insertar CODE, HTML o 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:

Insertar CODE, HTML o 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

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
11 Jul 2009
Mensajes
183
Hola Andrés...

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

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

:)
 

jesusanz

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
8 Oct 2006
Mensajes
468
Buenas!
Lo he modificado, quedándose de la siguiente manera:
postbit.png

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

Gracias Andrés :)
 

agalmen

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
11 Jul 2009
Mensajes
183
Pues yo sí lo veo modificado.... lo que se te ha quedado cuadrado es lo que yo preguntaba, el ThreadList.

:)
 

jesusanz

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
8 Oct 2006
Mensajes
468
¿Con cuáles navegadores lo véis bien?
¿Se podría modificar el radio de curva?

Gracias!
 

Andrés Durán

Xi
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
23 Abr 2009
Mensajes
4.371
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:

Insertar CODE, HTML o PHP:
    -moz-border-radius-top{vb:stylevar left}:8px;
    -moz-border-radius-top{vb:stylevar right}:8px;

Saludos.
 

agalmen

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
11 Jul 2009
Mensajes
183
Hola Andrés...

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

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

:)

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:

Insertar CODE, HTML o 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

Xi
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
23 Abr 2009
Mensajes
4.371
Busca esto en la plantilla threadlist.css:

Insertar CODE, HTML o 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:

Insertar CODE, HTML o 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

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
11 Jul 2009
Mensajes
183
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

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
8 Oct 2006
Mensajes
468
¿Me podeis decir si mi foro lo veis redondeado?
Yo ni en chrome ni en firefox lo veo :S
 

agalmen

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
11 Jul 2009
Mensajes
183
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

Xi
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
23 Abr 2009
Mensajes
4.371
Es extraño, agalmen, funciona perfecto para mi :p. ¿Utilizas un estilo personalizado en el que yo pueda reproducir el error?.
 

agalmen

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
11 Jul 2009
Mensajes
183
Es extraño, agalmen, funciona perfecto para mi :p. ¿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

Xi
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
23 Abr 2009
Mensajes
4.371
En ese mensaje que citas, hacía referencia a esto:

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. :p
 

agalmen

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
11 Jul 2009
Mensajes
183
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. :p

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.

:)
 
Arriba