La competencia de diseño de páginas Web #4: Colores

  • 613flavah
  • battlestar
  • Web Master
  • Avatar de Usuario
  • Registrado: Sep 08, 2004
  • Mensajes: 3291
  • Loc: Hurricane...
  • Status: Offline

Nota Mayo 11th, 2006, 7:40 am

El tema ha sido recogido por última comps ganador!

Crear un período de tres (3) la página web dedicada a " Colores ". En los últimos comps ganador se indica en la siguiente cita:

Quote:
Puesto que tiene que ser de tres páginas, sobre la forma en que el participante puede elegir entre primarias o secundarias colores. Con cada color, cada página debe representar un color pero aún así, de alguna manera, participen con los otros dos. Por ejemplo. Yo podía elegir rojo, amarillo y azul. Todas las páginas tendrán el mismo diseño (un bien pensado diseño), pero una sola página se centraría en un esquema de color rojo con un tema de las manzanas. La página siguiente sería el mismo diseño con un esquema de color amarillo y un tema de los plátanos. Y, la última sería de color azul con un tema de los arándanos. Podría ser cualquier cosa en realidad. Un rojo, amarillo, azul y coche, aves, o piezas de arte. Se podría pensamiento abstracto y también, algo así como las emociones o sentimientos asociados con los colores.


Por favor, crear algo nuevo y fresco - Practique sus habilidades! gif "alt =";)" title =" Wink "/>

Reglas:

* Su entrada Debe contener su nombre de usuario en cualquier parte de cada una de las páginas
* Diseño de páginas web es estrictamente HTML y CSS sólo (con imágenes)
* CSS está permitido y por supuesto pueden estar en un archivo separado
* Por favor, imágenes y CSS (si están separados de los html) en la misma carpeta. En otras palabras, Una carpeta para todo.

Usted debe también, después de publicar su entrada, PM mí un enlace a un archivo. Zip o. Rar archivo con la extensión. Doc html y las imágenes en una carpeta para que pueda ponerlas en el servidor para las votaciones finales (Todo el trabajo sigue siendo el derecho de autor de ti mismo).

Sólo una presentación por usuario será permitido.

Tú DEBE han creado la página web usted mismo.

Cualquier duda por favor pregunte en el hilo. :D

Resolución: Por favor, cree 800x600 con los usuarios en mente.
Max tamaño de archivo total (incluyendo imágenes): 500 KB
(Favor de asegurarse de que su entrada cumple con lo anterior antes de entrar en su pieza -- Las entradas que no se ajusten a criterios serán notificados por la tarde y se le da un par de días para ajustar, pero por favor hacerlo bien la primera vez) asoman * *

Longitud: Competencia cierra Miércoles, mayo 25 2006 a las 11:00 AM EST. La votación dura cinco días después del cierre de la competencia.
"bless us and love us so we can dance and truly be free"
- Anonymous
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Mayo 11th, 2006, 7:40 am

  • Katmandu
  • Student
  • Student
  • No Avatar
  • Registrado: May 02, 2006
  • Mensajes: 69
  • Loc: Spain, Mallorca
  • Status: Offline

Nota Mayo 11th, 2006, 8:48 am

Creo que voy a hacer algo por éste, allthough tengo poco tiempo.

Pregunta: No Javascript permitido? Yo sólo lo utilizan para hacer las css trabajo en este navegador desordenado todos sabemos. :banghead:

Sólo 500kb para todo? Oh, tan poco...Bueno, ya veremos.
  • 613flavah
  • battlestar
  • Web Master
  • Avatar de Usuario
  • Registrado: Sep 08, 2004
  • Mensajes: 3291
  • Loc: Hurricane...
  • Status: Offline

Nota Mayo 11th, 2006, 9:31 am

No jvs y por favor ¿Qué navegador refiriéndose a? PPL uso de diferentes navegadores en estos días. Hoy en día se puede usar CSS para hacer todo lo que necesita jvs
"bless us and love us so we can dance and truly be free"
- Anonymous
  • Katmandu
  • Student
  • Student
  • No Avatar
  • Registrado: May 02, 2006
  • Mensajes: 69
  • Loc: Spain, Mallorca
  • Status: Offline

Nota Mayo 11th, 2006, 9:45 am

Me refiero a IE6, por supuesto.

Por ejemplo, sólo es capaz de utilizar las clases hover colocado en la etiqueta <a>. Todos los otros navegadores puede flotar en cualquier elemento.

Cosas como

Código: [ Select ]
div {
  background: red;
}

div:hover{
  background:blue;
}
  1. div {
  2.   background: red;
  3. }
  4. div:hover{
  5.   background:blue;
  6. }


que no sabe y necesita Javascript truco para hacer.

Pero nevermind, creo que puedo lograr lo que pienso sin javascript
  • grinch2171
  • Moderator
  • Genius
  • Avatar de Usuario
  • Registrado: Feb 11, 2004
  • Mensajes: 6737
  • Loc: Martinsburg, WV
  • Status: Offline

Nota Mayo 11th, 2006, 9:57 am

Usted no necesita js para cruzar la compatibilidad del navegador.
‎"Be polite, be professional, but have a plan to kill everybody you meet." Maj. Gen. James Mattis
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • Avatar de Usuario
  • Registrado: May 28, 2003
  • Mensajes: 23403
  • Loc: Woodbridge VA
  • Status: Offline

Nota Mayo 11th, 2006, 10:37 am

Katmandú, para que conste en acta que no tiene que tener una "href" en la etiqueta <a>. Usted puede solicitar una clase a <a> por ejemplo

<a class=red> Algunas texto va aquí </ a>

donde está tu CSS

a.red: hover (
fondo de color: #FF0000;
)


y el texto va a producir un fondo rojo en mouseover.

Muy ejemplo básico, pero sé que funciona.
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • Avatar de Usuario
  • Registrado: May 28, 2003
  • Mensajes: 23403
  • Loc: Woodbridge VA
  • Status: Offline

Nota Mayo 11th, 2006, 10:55 am

Huelga el ejemplo que he mencionado anteriormente. Yo iba de recordar en lugar de hacer. Esto funciona:

Código: [ Select ]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
<style type="text/css">
a.red:link{
color: #000000;
text-decoration: none;
}
a.red:visited{
color: #000000;
text-decoration: none;
}
a.red:hover{
color: #000000;
background-color:#ff0000;
text-decoration: none;
}
</style>
</head>
<body>
<a href="" class="red">Mouseover me!</a>


</body>
</html>
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>Page title</title>
  5. <style type="text/css">
  6. a.red:link{
  7. color: #000000;
  8. text-decoration: none;
  9. }
  10. a.red:visited{
  11. color: #000000;
  12. text-decoration: none;
  13. }
  14. a.red:hover{
  15. color: #000000;
  16. background-color:#ff0000;
  17. text-decoration: none;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <a href="" class="red">Mouseover me!</a>
  23. </body>
  24. </html>


http://www.atnoproductions.com/ozzu/mouseoverText.html
http://www.atnoproductions.com/ozzu/mouseoverText2.html
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • grinch2171
  • Moderator
  • Genius
  • Avatar de Usuario
  • Registrado: Feb 11, 2004
  • Mensajes: 6737
  • Loc: Martinsburg, WV
  • Status: Offline

Nota Mayo 11th, 2006, 12:57 pm

IE no le gusta: hover se aplica a algo más que enlaces, donde como se puede: rondan casi cualquier cosa en FF lo que parece.
‎"Be polite, be professional, but have a plan to kill everybody you meet." Maj. Gen. James Mattis
  • Katmandu
  • Student
  • Student
  • No Avatar
  • Registrado: May 02, 2006
  • Mensajes: 69
  • Loc: Spain, Mallorca
  • Status: Offline

Nota Mayo 11th, 2006, 1:09 pm

Su ok, como he dicho antes creo que puedo lograr lo que me refiero fuera sin usar JS.

(No es que yo pensaba mucho acerca de ello, aún)
  • Katmandu
  • Student
  • Student
  • No Avatar
  • Registrado: May 02, 2006
  • Mensajes: 69
  • Loc: Spain, Mallorca
  • Status: Offline

Nota Mayo 11th, 2006, 1:11 pm

Por cierto ATNO clic en los vacíos <a href""> s me llevan a la carpeta que el archivo se pulg Creo que no sucede si escribe <a href = " #">.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • Avatar de Usuario
  • Registrado: May 28, 2003
  • Mensajes: 23403
  • Loc: Woodbridge VA
  • Status: Offline

Nota Mayo 11th, 2006, 1:41 pm

Sí, se olvidó de eso. No hace que en FF, pero se me olvidó hace IE. Estamos encantados de poder señaló que aunque a cabo. Sólo he realizado directorio de navegación todavía permitido. Necesidad de cambiar eso. jajaja
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • Belk Media Group
  • Graphic Monk
  • Professor
  • Avatar de Usuario
  • Registrado: Ene 12, 2005
  • Mensajes: 778
  • Loc: In the heart of California, Fresno.
  • Status: Offline

Nota Mayo 15th, 2006, 8:16 pm

Aaaarg, ¡Odio ser los primeros en una competición. Bueno, parece como si me pueden hacer para establecer la norma para éste. Buena suerte a todas las demás entradas. Estoy deseando ver lo que los chicos vienen con.

:Dhttp://originno.net/zoom
http://www.JamesBelk.com Stay Tuned for the new era in Belk Media Design
  • The Ape
  • Newbie
  • Newbie
  • Avatar de Usuario
  • Registrado: Mar 07, 2006
  • Mensajes: 9
  • Status: Offline

Nota Mayo 16th, 2006, 12:12 am

OriginNO_II...

...gran concepto. No es la dirección i se "busca" en absoluto. Bien hecho.
  • 613flavah
  • battlestar
  • Web Master
  • Avatar de Usuario
  • Registrado: Sep 08, 2004
  • Mensajes: 3291
  • Loc: Hurricane...
  • Status: Offline

Nota Mayo 16th, 2006, 5:52 am

primera entrada impresionante! Mantenga em próximos!
"bless us and love us so we can dance and truly be free"
- Anonymous
  • sharanbrar
  • Student
  • Student
  • Avatar de Usuario
  • Registrado: May 07, 2004
  • Mensajes: 81
  • Loc: Punjab (India)
  • Status: Offline

Nota Mayo 24th, 2006, 11:03 am

Aquí está mi primera entrada para cualquier competencia en OZZU. Espero que les guste.

http://akswebsolutions.com/sharanbrar/index.html
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Mayo 24th, 2006, 11:03 am

Publicar Información

  • Total de mensajes en este tema: 24 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 23 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC