Foros del Web » Creando para Internet » CSS »

Forma de arco (de triunfo... ARGH)

Estas en el tema de Forma de arco (de triunfo... ARGH) en el foro de CSS en Foros del Web. Buenas a todos. Abro otro post para trasladaros una nueva duda (cómo no...) Tengo 3 divs en partes fijas de la pantalla (izquierda, superior y ...
  #1 (permalink)  
Antiguo 28/08/2009, 02:31
 
Fecha de Ingreso: agosto-2009
Mensajes: 67
Antigüedad: 8 años, 4 meses
Puntos: 0
Forma de arco (de triunfo... ARGH)

Buenas a todos.

Abro otro post para trasladaros una nueva duda (cómo no...)


Tengo 3 divs en partes fijas de la pantalla (izquierda, superior y derecha) que ocupan completamente su borde respectivo.

Estos divs son de color y, claro, hacen al juntarse ángulos de 90 grados, lo que no me parece 'grácil, bello y sutil' , así que la idea que tuve es dar forma a la página como un arco, o sea, con las uniones redondeadas y un trocito de las esquinas superiores digamos... transparente para que se vea el fondo.

Mirando cómo hacer esto, he visto que no hay forma de hacer esquinas redondeadas salvo con trucos y en un par de páginas que he visto, maquetan con tablas y a un par de celdas les ponen una imágen con la esquina redonda y así lo simulan.

Lo que pretendo hacer yo es algo similar, entiendo, pero ¿se necesita la misma técnica para resolverlo? Si es así... ¿qué necesito? ¿algún programa que calcule la posición de los divs para generar la curva, como si de una pestaña redondeada se tratase?

¿Y para la parte transparente? También es redondeada. Había pensado en ponerle a los divs una imágen repetida simulando piedra o algo así (las ideas siempre gustan más que la realidad, por desgracia... ) pero entonces creo que no podré meter la transparencia... ¿cómo sería? ¿una imágen en el div? ¿paso de divs y meto tablas?


Como podeis ver, creo que esto me ha superado con mucho.

Se agradece cualquier comentario, aclaración, manual, aportación, respuesta o frases del tipo 'cacho de melón, ¿cómo se te ocurre hacer eso?'


Muchas gracias a todos.

Un saludo.
  #2 (permalink)  
Antiguo 28/08/2009, 06:43
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Forma de arco (de triunfo... ARGH)

Investiga algo sobre "rounded corner" + css o "esquinas redondeadas" + css.
Posiblemente alguna de las técnicas (que no trucos ) puedas acomodarla a tu idea ajustando el radio.
En www.araudi.net también tienes algún ejemplo.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:16.