From 483b1108e51aacfee81a66ce63cb0b07d8ddce01 Mon Sep 17 00:00:00 2001 From: calirojas Date: Fri, 2 Aug 2013 23:37:27 -0600 Subject: [PATCH] El control color de HTML5 --- control-color-html5/css/color.css | 52 ++++++++++++++++++ control-color-html5/index.html | 38 +++++++++++++ .../lewebmonster-control-html5-color.tar.gz | Bin 0 -> 1139 bytes 3 files changed, 90 insertions(+) create mode 100644 control-color-html5/css/color.css create mode 100644 control-color-html5/index.html create mode 100644 control-color-html5/lewebmonster-control-html5-color.tar.gz diff --git a/control-color-html5/css/color.css b/control-color-html5/css/color.css new file mode 100644 index 0000000..a5f07c4 --- /dev/null +++ b/control-color-html5/css/color.css @@ -0,0 +1,52 @@ +*{ + padding: 0; + margin: 0; +} +body{ + background: #ccc; + font: normal 12px Arial, Verdana, Tahoma, sans-serif; + color: #000; +} +a{ + color: #f00; +} +input[type="color"]{ + height: 100px; + width: 200px; +} +h1{ + font-size: 24px; +} +#divContenedor{ + width: 600px; + margin: 0 auto; + margin-top: 70px; + background: #fff; + border-radius: 3px; + box-shadow: 0 0 10px #666; + padding-bottom: 20px; +} + #divInfo{ + text-align: center; + padding: 15px; + } + #divSelector{ + padding: 10px; + text-align: center; + } + #divColor{ + background: #ff006f; + text-align: center; + padding: 20px 0; + width: 200px; + margin: 0 auto; + -webkit-transition: all 1s ease; + -moz-transition: all 1s ease; + -ms-transition: all 1s ease; + -o-transition: all 1s ease; + transition: all 1s ease; + border-radius: 3px; + font-size: 30px; + color: #fff; + text-shadow: 1px 1px 10px #000; + } \ No newline at end of file diff --git a/control-color-html5/index.html b/control-color-html5/index.html new file mode 100644 index 0000000..18884c9 --- /dev/null +++ b/control-color-html5/index.html @@ -0,0 +1,38 @@ + + + + Ejemplo del control color de HTML5 - w ww.lewebmonster.com + + + +
+
+

El control "color" de HTML5

+

+ Ejemplo por Cali Rojas - + www.lewebmonster.com +

+
+
+

- seleccione un color haciendo clic -

+ +

- el color seleccionado es -

+
+
#ff006f
+
+ + + \ No newline at end of file diff --git a/control-color-html5/lewebmonster-control-html5-color.tar.gz b/control-color-html5/lewebmonster-control-html5-color.tar.gz new file mode 100644 index 0000000000000000000000000000000000000000..63a36cd52fdf15f9dafd42c5196e6503125578d7 GIT binary patch literal 1139 zcmV-(1dRJ1iwFSHowZN^1MOGaZsRr(&8zYitn-jf5m}P2fFm1dT?1WUix%CWKvDF8 zrf7=^C8{J9CmZD7JESglvQFGh7hNpM0~nIY;hec~#^!WGmzl_wrqU-O*HUml)fpec zH!fsAlnU%y7v7Fug%B_r4a_qd55wK3K{V_Sj-p;T9QLD86poIN2FT*wS_6!nT*^qpjwpQGQXOmL3R(Irkr22X`^ntE91se$OP_-#0e|a1obO9aqFuT zCt_ptgZ}gGz(Z z#aVuhB<0hN(s!Jylv3S6RkJtu$^6>rpj6ToH2>Wn9vx#+P}>xnv1Ii@J3}m)b{=(k zBl~#IG}vkt{EB9atqb*tX`KL$s1_`$r`LF1fUk2X0`#k?0_0b_F|N%`wJs(>u-OxV z&TQXm9N?NMsHoxqO#R6Arq6d;vtk9N=j)k|l-VQD)F>+RIvpt{jOK|zgfoKtIH;u? z7B99F7VS=0%SE`HSKn?hFJZ5q3Hyj?ll;~KXoHBVJ$(DUs+eXqMJuy?QADyr+jBuc z6)8!IGocJKy@9C&{-roy)7^qJ!igYd2K(JL)eBC|>-TqWlQ*Z0d#7hz7-b8i;~i6` zWF%}_U8m=(GACw8yg9qKP6vTl8j+fLkI$wmV5d|imQ2_~H_%TY2$t>rj_g#YOm%H= zFKX>uRfd6ML~w!8UnPYcm=&{-Eg81A%(Ax(VtF+O;pwvuH&H%4tJrEvUMV6?H1m?) zi0xH|xd&e1#uj_1rs~=|+ui^&NJ|bc{WX0Ua=aoNL zub|qRI*Eg-E5Hpl9qdc@)vpBy=f7#g|B}ND`SE!8-26AF=YKfp4bA_*a2&$_zu{-` z@Bsej^Z#J}KLf`n<$o|X`Hv!(e+LH#2L}fS2L}fS2L}fS2L}fS2M32&<8KMy#gG6f F0047LGy(ts literal 0 HcmV?d00001