Redondear postbit

  • Autor Autor jesusanz
  • Fecha de inicio Fecha de inicio
J

jesusanz

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Buenas!

Me gustaría redondear estas esquinas:
capturajx.png


Muchas Gracias!
 
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.
 
Hola Andrés...

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

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

🙂
 
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 🙂
 
Pues yo sí lo veo modificado.... lo que se te ha quedado cuadrado es lo que yo preguntaba, el ThreadList.

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

Gracias!
 
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 dijo:
Hola Andrés...

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

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

🙂
Hacer clic para expandir...

Andrés Durán dijo:
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.
Hacer clic para expandir...

¿Y para redondear el Thread List?

🙂
 
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.
 
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é?

???
 
¿Me podeis decir si mi foro lo veis redondeado?
Yo ni en chrome ni en firefox lo veo :S
 
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.

🙂
 
Es extraño, agalmen, funciona perfecto para mi 😛. ¿Utilizas un estilo personalizado en el que yo pueda reproducir el error?.
 
Ni Internet Explorer ni Opera soportan el atributo CSS "radius".
 
Andrés Durán dijo:
Es extraño, agalmen, funciona perfecto para mi 😛. ¿Utilizas un estilo personalizado en el que yo pueda reproducir el error?.
Hacer clic para expandir...

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í.

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

agalmen dijo:
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é?

???
Hacer clic para expandir...

Es por ello que te preguntaba si utilizas un estilo personalizado en el que yo pueda reproducir el error. 😛
 
Andrés Durán dijo:
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. 😛
Hacer clic para expandir...

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.

🙂
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

D
Redondear Imagenes en Blogger
Respuestas
8
Visitas
500
Noa1000words
Noa1000words
AnalyticsR
Se solicita [Duda] Ataque masivo L7 de POST en Nginx/HestiaCP (Bypasseando WAF y rotando Referers)
Respuestas
1
Visitas
17
ProxyStyler
ProxyStyler
ZlatanIbrahimovic
  • Cerrado
Compra Compartidas o post en tus redes
Respuestas
6
Visitas
194
cesarseo
cesarseo
50euros
  • Cerrado
Venta Cuenta reddit 1.1k post 0 comentario 2022
Respuestas
6
Visitas
65
fannyexplore
fannyexplore
IBDEV
  • Cerrado
Se solicita Diseñador para posts de Redes Sociales
Respuestas
2
Visitas
102
mannyaw277
mannyaw277
Atrás
Arriba