Skip to content

Commit de0242e

Browse files
author
Sebastian
committed
script:Se hace una página
1 parent 8d86192 commit de0242e

File tree

7 files changed

+383
-103
lines changed

7 files changed

+383
-103
lines changed

‎Página HTML CSS JS/Imagenes/camiamerica.JPG

36.9 KB
Loading

‎Página HTML CSS JS/Imagenes/jameslesionado.JPG

21.4 KB
Loading

‎Página HTML CSS JS/codigo.js

Lines changed: 91 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,4 +4,94 @@ $(function() {
44

55
// Initialize Galleria
66
Galleria.run('.galleria');
7-
});
7+
});
8+
9+
10+
11+
function validar(forma){
12+
console.log(" ");
13+
console.log("Validando Formulario........................");
14+
var usuario = forma.usuario;
15+
var apellido = forma.apellido;
16+
var telefono = forma.telefono;
17+
var correo = forma.correo;
18+
var contrasena = forma.contrasena;
19+
20+
21+
22+
23+
24+
25+
console.log("El Usuario es " + usuario.value+" ,el Apellido es " + apellido.value+
26+
" ,el Teléfono es " + telefono.value + " ,el Correo es " + correo.value+
27+
" ,la Contrasena es " + contrasena.value+ " .\n"+
28+
"Participando Sorteo de Camiseta de América de Cali");
29+
30+
31+
32+
if(usuario.value=="" || usuario.value=="Escribe Nombres"
33+
){
34+
alert("Debe Escribir un nombre");
35+
usuario.focus();
36+
usuario.select();
37+
}
38+
39+
else if (apellido.value=="" || apellido.value=="Escribe Apellidos")
40+
{
41+
alert("Debe Escribir un Apellido");
42+
apellido.focus();
43+
apellido.select();
44+
}
45+
46+
else if (telefono.value=="" || telefono.value=="Escribe Apellidos")
47+
{
48+
alert("Debe Escribir un Teléfono");
49+
telefono.focus();
50+
telefono.select();
51+
}
52+
53+
54+
else if (correo.value=="" || correo.value=="Escribe Apellidos")
55+
{
56+
alert("Debe Escribir un Correo");
57+
correo.focus();
58+
correo.select();
59+
}
60+
61+
62+
else if (contrasena.value=="" || contrasena.value=="Escribe Apellidos")
63+
{
64+
alert("Debe Escribir una Contraseña");
65+
contrasena.focus();
66+
contrasena.select();
67+
}
68+
69+
70+
71+
72+
73+
74+
75+
76+
77+
78+
79+
80+
81+
var equipo = forma.equipo;
82+
var checkseleccionado= false;
83+
84+
85+
for(var i=0; i< equipo.length;i++){
86+
if(equipo[i].checked) {
87+
checkseleccionado=true;
88+
}
89+
}
90+
91+
if(!checkseleccionado){
92+
alert("Debe Elegir un equipo");
93+
return false;
94+
}
95+
96+
return false;
97+
}

‎Página HTML CSS JS/codigo2.js

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
function validar(form1){
2+
console.log(" ");
3+
console.log("Validando Forma");
4+
var usuario = forma.usuario;
5+
console.log("El Usuario es:" + usuario.value);
6+
return false;
7+
}

‎Página HTML CSS JS/estilos.css

Lines changed: 142 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,65 @@
1-
html,body{background:rgb(3, 2, 43);margin:0;}
2-
.content{color:rgb(10, 2, 36);font:12px/1.4 "tahoma",tahoma;margin:20px auto;max-width:700px}
3-
h1{font-size:12px;font-weight:normal;color:rgb(209, 42, 42);margin:0;}
4-
p{margin:0 0 20px; color:darkred; font-size:30px; font-family:courier new;}
5-
a {color:#07501f;text-decoration:none;}
6-
.galleria-info-description a {color: rgb(5, 128, 41);}
7-
.cred{margin-top:20px;font-size:11px;}
1+
html,body{background:linear-gradient(rgb(146, 203, 241),rgb(15, 26, 180),rgb(2, 1, 56));
2+
color: beige;
3+
width:1280px;
4+
height:700px;
5+
margin:0;}
6+
7+
h1 {
8+
color:rgb(11, 124, 16);
9+
position: relative;
10+
bottom:-250px;
11+
text-align: center;
12+
font-family: forte;
13+
}
14+
15+
header .row div a {
16+
font-family:agency fb;
17+
}
18+
19+
20+
21+
22+
header .row div a:hover {
23+
font-family:gabriola;
24+
color:black;
25+
text-decoration:overline;
26+
}
27+
28+
29+
header .row div a {
30+
font-family:agency fb;
31+
}
32+
33+
34+
835

936
/* Gallery measures that will be applied */
1037
.galleria {
11-
height:600px; /* defines a static gallery height */
12-
max-width:900px; /* defines a responsive width */
13-
background: rgb(17, 161, 218);
14-
color: blueviolet;
38+
height:400px; /* defines a static gallery height */
39+
max-width:400px; /* defines a responsive width */
40+
background: rgb(51, 87, 3);
41+
color: rgb(7, 7, 7);
42+
text-align: center;
43+
margin-bottom:50px;
44+
margin-top:300px;
45+
position: relative;
46+
right:-500px;
47+
48+
49+
50+
1551
}
1652

1753

1854

55+
1956
header {
20-
background: rgb(11, 84, 126);
57+
2158
width: 1350px;
2259
height: 200px;
2360
}
2461

25-
header ul.menu{
26-
display: flex;
27-
flex-direction: row;
28-
flex-wrap: wrap;
29-
position: relative;
30-
right:-300px;
3162

32-
}
33-
34-
header ul.menu li {
35-
list-style-type: none;
36-
37-
}
3863

3964
header img{
4065
width: 200px;
@@ -43,38 +68,14 @@ header img{
4368
top:-65px;
4469
}
4570

46-
47-
header ul.menu li a{
48-
color:rgb(197, 212, 202);
49-
background: rgb(190, 46, 10);
50-
margin:30px;
51-
position: relative;
52-
bottom: -150px;
53-
font-size: 25px;
54-
border:inset 5px rgb(51, 40, 201);
55-
font-family: tahoma;
56-
71+
header .row a{
72+
font-size: 30px;
73+
color: rgb(106, 22, 214);
74+
font-family:trebuchet MS;
5775
}
5876

5977

60-
header ul.menu li a:hover{
61-
background: rgb(8, 17, 11);
62-
color:rgb(157, 206, 93);
63-
font-family:impact;
64-
text-decoration: line-through;
65-
margin:5px;
66-
font-size: 30px;
67-
}
68-
6978

70-
header ul.menu li a:active{
71-
background: rgb(31, 2, 2);
72-
color:rgb(139, 136, 82);
73-
font-family:georgia;
74-
text-decoration:overline;
75-
margin:3px;
76-
font-size: 30px;
77-
}
7879

7980

8081

@@ -84,10 +85,12 @@ header ul.menu li a:active{
8485
form.formulario{
8586
background:rgb(14, 65, 18);
8687
height:700px;
87-
width:600px;
88-
text-align: center;
88+
width:500px;
89+
color:beige;
8990
position: relative;
9091
right:-400px;
92+
text-align: center;
93+
bottom:-300px;
9194
font-family: consolas ;
9295
}
9396

@@ -115,17 +118,14 @@ form.formulario input[type=text], form.formulario input[type=email], form.formul
115118

116119

117120

118-
form.formulario input[type=password]{
119-
position: relative;
120-
right:-100px;
121-
}
121+
122122

123123
form.formulario input[type=submit]{
124124
background: rgb(228, 216, 216);
125125
color:rgb(80, 218, 12);
126126
position: relative;
127127
bottom:-90px;
128-
left:-100px;
128+
129129
width:200px;
130130
height: 50px;
131131
}
@@ -145,4 +145,87 @@ form.formulario input[type=submit]:active{
145145
color: rgb(2, 15, 1);
146146
text-decoration: underline;
147147

148+
}
149+
150+
form.formulario input[type=checkbox]{
151+
margin-left:5px;
152+
}
153+
154+
footer{
155+
background:rgb(230, 10, 10);
156+
position: relative;
157+
bottom:-600px;
158+
right:-120px;
159+
160+
}
161+
162+
footer a {
163+
164+
color:rgb(14, 238, 44);
165+
text-decoration: none;
166+
font-family:papyrus;
167+
}
168+
169+
footer a:hover{
170+
color:rgb(214, 211, 12);
171+
font-family: informal roman;
172+
font-size:30px;
173+
}
174+
175+
footer a img{
176+
width:100px;
177+
height:50px;
178+
margin:30px;
179+
180+
}
181+
182+
183+
.noticias {
184+
background: rgb(98, 99, 96);
185+
color:rgb(60, 13, 170);
186+
width:800px;
187+
height:750px;
188+
position: relative;
189+
right:-300px;
190+
bottom:-400px;
191+
font-family:lucida calligraphy;
192+
text-align: center;
193+
}
194+
195+
.noticias h2{
196+
font-weight: bolder;
197+
text-transform: uppercase;
198+
font-size:40px;
199+
200+
}
201+
202+
.noticias article{
203+
padding:16px;
204+
font-size:15px;
205+
color:rgb(60, 13, 170);
206+
text-transform: capitalize;
207+
}
208+
209+
210+
.premios{
211+
background: linear-gradient(rgb(172, 102, 102),rgb(230, 11, 11),rgb(56, 1, 1));
212+
color:white;
213+
font-family: curlz mt;
214+
position: relative;
215+
bottom: -480px;
216+
right:-400px;
217+
width: 600px;
218+
height:550px;
219+
text-align: center;
220+
}
221+
222+
.premios h2{
223+
font-size:40px;
224+
font-weight: bold;
225+
text-transform: uppercase;
226+
}
227+
228+
.premios p{
229+
font-size:25px;
230+
text-transform: capitalize;
148231
}

0 commit comments

Comments
 (0)