Comunidad de diseño web y desarrollo en internet online

Pagina con solo html y css puro

Citar            
MensajeEscrito el 06 Sep 2009 05:10 am
Hola!

esque a niovel de colejios va ha hacer un concurso de html y css puro, sin diseñar imagenes sin nada.... U_U
entonces no se como hacerlo, que tenga bordes y / o gradients, y como lo haria para hacer divs con diferentes colores y tamaños, Gracias!!

Por sforero

478 de clabLevel

1 tutorial

 

social media expert world

chrome
Citar            
MensajeEscrito el 06 Sep 2009 12:04 pm
Bordes:
border: 1px solid #000;

colores fondo:
background: #333;

colores texto:
color: #111;

anchura y altura:
width: 200px;
height: 100px;

Por jackbach

Claber

196 de clabLevel

1 tutorial

 

Barcelona

firefox
Citar            
MensajeEscrito el 06 Sep 2009 02:49 pm
http://www.designdetector.com/demos/css-gradients-demo-1.php
jeje no importa que sean muchos divs para los "gradients" jaja
haz tu proyecto y cuando tengas error pide ayuda... si empezamos por el tejado nos hira mal... :S

no lo tomes a mal... pero si se arma un concurso de mmm "tiro con arco" y no se... pues no me animo...

Por alexk

15 de clabLevel



 

firefox
Citar            
MensajeEscrito el 06 Sep 2009 05:20 pm
Muchas gracias,
jack gracias, pero como se hacen los bordes redondeados??, es que eso seria un hit! :P
alexk muchas gracias, pero creo que es muy complejo, me toca escribirlo en notepad :crap:
tienes razón, pero es que en mi colegio no hay mucha gente que sepa (nadie) entonces me pidieron que investigara, porque yo solo se AS y eso......

se pueden hacer sombras?

ppt: Jack Creo que tinnta.com es lo indicado para hacer un poco animada mi pag de concurso !Gracias¡

Por sforero

478 de clabLevel

1 tutorial

 

social media expert world

chrome
Citar            
MensajeEscrito el 06 Sep 2009 06:14 pm

escribió:

jack gracias, pero como se hacen los bordes redondeados??,

sera mejor que lo pruebes tu mismo
http://ponguapotublog.blogspot.com/2006/11/bordes-redondeados-solo-con-css.html

escribió:

se pueden hacer sombras?

sip pero con CSS3... para eso es mejor usar imagenes para evitar problemas de compatibilidad entre navegadores...

Por alexk

15 de clabLevel



 

firefox
Citar            
MensajeEscrito el 06 Sep 2009 06:17 pm
Gracias alexk

si lo de los bordes me ha servido, pero lo de las sombras no porque lamentablemente no se pueden imágenes solo html y css, pero = gracias!!

Por sforero

478 de clabLevel

1 tutorial

 

social media expert world

chrome
Citar            
MensajeEscrito el 06 Sep 2009 07:05 pm
que bueno lo de las sombras.. puedes usar el primer link que te puse para los degradados... como la sombra no es muy grande no creo que uses mas de 4divs para dar el efecto de sombra chao y suerte!...

Por alexk

15 de clabLevel



 

firefox
Citar            
MensajeEscrito el 06 Sep 2009 08:12 pm
Para hacer sombras paralelas puedes duplicar lo que quieras, position:absolute y posicionas con margin. No se si me explico.

Para haer algo dinámico solo con css puedes ver el menú que enseñé a hacer en mi blog. Puedes ver como hacer aparecer y desaparecer cosas.

También puedes jugar con las transparencias.

Hasta pronto!

Por jackbach

Claber

196 de clabLevel

1 tutorial

 

Barcelona

firefox
Citar            
MensajeEscrito el 06 Sep 2009 08:22 pm
Gracias men!

Por sforero

478 de clabLevel

1 tutorial

 

social media expert world

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.