Foros del Web » Creando para Internet » CSS »

como hacer esto en css?

Estas en el tema de como hacer esto en css? en el foro de CSS en Foros del Web. Hola supongamos que tengo un cuadrado en css....el cual es un div...entonces quisiera saber como hacer para que solamente tenga algo asi como una sola ...
  #1 (permalink)  
Antiguo 09/07/2011, 11:17
 
Fecha de Ingreso: julio-2010
Mensajes: 523
Antigüedad: 6 años, 8 meses
Puntos: 4
como hacer esto en css?

Hola supongamos que tengo un cuadrado en css....el cual es un div...entonces quisiera saber como hacer para que solamente tenga algo asi como una sola esquina...y quede mas o menos como un triaungulo





Código PHP:
Ver original
  1. .  |                
  2.                .    |
  3.            .        |
  4.         .           |
  5.     .               |
  6.  .                  |
  7. -----------------

espero q no se descuadre...XD


si se descuadra un poco...pero bueh alli se entiende...jejeje gracias
  #2 (permalink)  
Antiguo 09/07/2011, 11:21
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 7 años, 8 meses
Puntos: 137
Respuesta: como hacer esto en css?

Código CSS:
Ver original
  1. div{
  2. .  |                
  3.                .    |
  4.            .        |
  5.         .           |
  6.     .               |
  7.  .                  |
  8. -----------------;
  9. }
  #3 (permalink)  
Antiguo 09/07/2011, 11:49
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 6 años, 7 meses
Puntos: 64
Respuesta: como hacer esto en css?

podrias dar mas detalles de lo que queres hacer??..
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #4 (permalink)  
Antiguo 10/07/2011, 09:03
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 7 años, 9 meses
Puntos: 269
Respuesta: como hacer esto en css?

x_x arte ascii?

pasate por aca: http://jonrohan.me/guide/css/creating-triangles-in-css/

Saludos.
  #5 (permalink)  
Antiguo 17/07/2011, 08:06
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 14 años, 4 meses
Puntos: 317
Respuesta: como hacer esto en css?

Muy buen enlace cristian_cena. Me dio una idea para unas viñetas de lista animadas. Vamos a ver si me salen.

En realidad estaba siguiendo este tema porque esperaba que la idea viniera de eduardo160. Todos sabemos que los div's (y las "cajas" en general) son rectangulares. Las podemos maquillar para que no parezcan; pero son. Creí que iba a regresar con algo original, como los borradores y pruebas de algún invento, pero si no vino después de

Cita:
Iniciado por GAST0N
podrias dar mas detalles de lo que queres hacer??..
sospecho que ya no va a volver ni siquiera a corregir el título.

Te cuento —mientras me miro el ombligo— que llegué a pensar que nuestro amigo no tenía ninguna idea, más que ocupar algunos bytes en el servidor del Foro, y que el origen de éste había que buscarlo en otro tema que abrí yo mismo hace unos días, donde kseso? mostró una propuesta al W3C para un div poligonal

Flotar abajo a la derecha. #12

Por supuesto, si hay que proponerlo es porque no existe. Hace años intenté algo así para mostrar caligramas; y no me salió. Lo que sí me salió fue lo de hacer 'botones triangulares' con la misma técnica de los ejemplos que dejaste. Pongo también el link, porque conviene recordar que la mayoría de estos engendros ya los debatimos acá en el Foro. Es más, si no me cerraron el post, puede que actualice el ejemplo; está viejo y en algún navegador ya aparece un bug.

Botones tipicos con cabeza de flecha

Etiquetas: Ninguno
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 12:55.