Competencia CSS #1: Ozzu de Aspecto

  • digitalMedia
  • a.k.a. dM
  • Genius
  • Avatar de Usuario
  • Registrado: Dic 29, 2003
  • Mensajes: 5169
  • Loc: SC-USA
  • Status: Offline

Nota Noviembre 12th, 2007, 2:10 pm

righteous_trespasser escribió:
Bueno aquí es otra cuestión...
¿Puedo poner mis propias imágenes a continuación, existe...? o ¿cómo queremos que sea?


Nope, lo siento. Por lo que respecta a los debates los mods había, no las imágenes se pueden insertar. Youre va a haber margen para la almohadilla o fuera de la izquierda y utilizar un fondo de imágenes. O llegar a algunos realmente solución creativa. gif "alt =":)" title =" Smile "/>

Ésta es realmente lo que esta competencia es sobre todo - soluciones creativas.
- dM
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Noviembre 12th, 2007, 2:10 pm

  • Bogey
  • Bogey
  • Genius
  • Avatar de Usuario
  • Registrado: Jul 14, 2005
  • Mensajes: 8211
  • Loc: USA
  • Status: Offline

Nota Noviembre 12th, 2007, 6:09 pm

righteous_trespasser escribió:
Bien aquí es otra cuestión...En el código de ejemplo que nos dio es el siguiente:
Código: [ Select ]
<div id="forumIcons">
<ul>
<li><label>New posts</label></li>
<li><label>No new posts</label></li>
<li><label>Forum is locked</label></li>
</ul>
</div>
  1. <div id="forumIcons">
  2. <ul>
  3. <li><label>New posts</label></li>
  4. <li><label>No new posts</label></li>
  5. <li><label>Forum is locked</label></li>
  6. </ul>
  7. </div>

Y en el mismo lugar en el sitio Ozzu real no es la siguiente:
Código: [ Select ]
<div id="forumIcons">
<ul>
<li><img src="templates/light/images/folder_new.gif" alt="New posts"><label>New posts</label></li>
<li><img src="templates/light/images/folder.gif" alt="No new posts"><label>No new posts</label></li>

<li><img src="templates/light/images/folder_lock.gif" alt="Forum is locked"><label>Forum is locked</label></li>
</ul>
</div>
  1. <div id="forumIcons">
  2. <ul>
  3. <li><img src="templates/light/images/folder_new.gif" alt="New posts"><label>New posts</label></li>
  4. <li><img src="templates/light/images/folder.gif" alt="No new posts"><label>No new posts</label></li>
  5. <li><img src="templates/light/images/folder_lock.gif" alt="Forum is locked"><label>Forum is locked</label></li>
  6. </ul>
  7. </div>

¿Puedo poner mis propias imágenes en que se...? o ¿Cómo quieres que sea?


No sé...en las normas que dice que tenemos que usar el HTML proporcionado...tal vez quieren mantener constante de esas imágenes? Después de todo, este es un concurso de CSS.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Registrado: Feb 10, 2004
  • Mensajes: 13455
  • Loc: Florida
  • Status: Offline

Nota Noviembre 12th, 2007, 9:11 pm

Para cualquier pregunta acerca de las imágenes, se poder hacerse sin alterar el código HTML, como se ha visto aquí .

La única diferencia importante es que usted se une a los archivos de imagen real en la CSS como este
Código: [ Select ]
div#headerNav a:link, div#headerNav a:active, div#headerNav a:visited {
  background-image: url("a-visited-background.png");
}
  1. div#headerNav a:link, div#headerNav a:active, div#headerNav a:visited {
  2.   background-image: url("a-visited-background.png");
  3. }


en lugar de utilizar los "datos:" Protocolo para integrar las imágenes directamente en la hoja de estilo como este
Código: [ Select ]
div#headerNav a:link, div#headerNav a:active, div#headerNav a:visited {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGCAYAAAAPDoR 2AAAAQElEQVR42k3MoQ1AUQhD0U6DQSAYA8Hib6f/U0RTcRMOJOAB3+4qNwg2M5cb3a0FZ zeqSuDs1tvMvNx3jAjl/gFO8kg6Ly7NFwAAAABJRU5ErkJggg==") !important;
}
  1. div#headerNav a:link, div#headerNav a:active, div#headerNav a:visited {
  2.   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGCAYAAAAPDoR 2AAAAQElEQVR42k3MoQ1AUQhD0U6DQSAYA8Hib6f/U0RTcRMOJOAB3+4qNwg2M5cb3a0FZ zeqSuDs1tvMvNx3jAjl/gFO8kg6Ly7NFwAAAABJRU5ErkJggg==") !important;
  3. }

como lo hice en ese ejemplo.
Internet Explorer no es compatible con los "datos" de protocolo.

Su no es una mala idea echar un vistazo a que los ejemplos de CSS antes de empezar en su propia entrada, y posiblemente durante el desarrollo, si te quedas atascado.

También en los anyones caso preguntando, no pienso entrar en ese ejemplo, incluso tweeked seguir las reglas de los concursos, en esta competencia.
Id siento como engañados desde Ive técnicamente había un extra de 6 meses para desarrollar mi entrada.
Strong with this one, the sudo is.
  • digitalMedia
  • a.k.a. dM
  • Genius
  • Avatar de Usuario
  • Registrado: Dic 29, 2003
  • Mensajes: 5169
  • Loc: SC-USA
  • Status: Offline

Nota Noviembre 12th, 2007, 9:15 pm

joebert, usted es un BAMF!
- dM
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • Avatar de Usuario
  • Registrado: May 28, 2003
  • Mensajes: 23404
  • Loc: Woodbridge VA
  • Status: Offline

Nota Noviembre 13th, 2007, 6:39 am

righteous_trespasser escribió:
Bien aquí es otra cuestión...En el código de ejemplo que nos dio es el siguiente:
Código: [ Select ]
<div id="forumIcons">
<ul>
<li><label>New posts</label></li>
<li><label>No new posts</label></li>
<li><label>Forum is locked</label></li>
</ul>
</div>
  1. <div id="forumIcons">
  2. <ul>
  3. <li><label>New posts</label></li>
  4. <li><label>No new posts</label></li>
  5. <li><label>Forum is locked</label></li>
  6. </ul>
  7. </div>

Y en el mismo lugar en el sitio Ozzu real no es la siguiente:
Código: [ Select ]
<div id="forumIcons">
<ul>
<li><img src="templates/light/images/folder_new.gif" alt="New posts"><label>New posts</label></li>
<li><img src="templates/light/images/folder.gif" alt="No new posts"><label>No new posts</label></li>

<li><img src="templates/light/images/folder_lock.gif" alt="Forum is locked"><label>Forum is locked</label></li>
</ul>
</div>
  1. <div id="forumIcons">
  2. <ul>
  3. <li><img src="templates/light/images/folder_new.gif" alt="New posts"><label>New posts</label></li>
  4. <li><img src="templates/light/images/folder.gif" alt="No new posts"><label>No new posts</label></li>
  5. <li><img src="templates/light/images/folder_lock.gif" alt="Forum is locked"><label>Forum is locked</label></li>
  6. </ul>
  7. </div>

¿Puedo poner mis propias imágenes en que se...? o ¿Cómo quieres que sea?


En esta imagen de la competencia sólo se permite a través de CSS.
Para ganar esta competición que ni siquiera debería estar mirando el código Ozzu actual. La idea es llegar a algo único y diferente a través de estilo y el estilo único.
"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.
  • righteous_trespasser
  • Scuffle
  • Genius
  • Avatar de Usuario
  • Registrado: Mar 12, 2007
  • Mensajes: 6228
  • Loc: South-Africa
  • Status: Offline

Nota Noviembre 13th, 2007, 10:57 pm

Bueno Coolio...gracias chicos...Minas está llegando realmente bien a lo largo de imo...esta competencia va a ser impresionante...para una muestra de lo que tengo tanto tiempo, check-out esto ...
Let's leave all our *plum* where it is and go live in the jungle ...
  • Breeze
  • Photographer
  • Guru
  • Avatar de Usuario
  • Registrado: Abr 22, 2007
  • Mensajes: 1029
  • Loc: Australia
  • Status: Offline

Nota Noviembre 13th, 2007, 11:10 pm

righteous_trespasser escribió:
Bueno Coolio...gracias chicos...Minas está llegando realmente bien a lo largo de imo...esta competencia va a ser impresionante...para una muestra de lo que tengo tanto tiempo, check-out esto ...


Berry RT goosenecks Señor, señor...el amor los colores gif "alt =": D "title =" muy feliz "/> Por cierto, ¿usted nota la palabra "categoría" detrás de los vínculos que aparecen en la parte superior?
Photography Gallery | aaronmarc.id.au
  • righteous_trespasser
  • Scuffle
  • Genius
  • Avatar de Usuario
  • Registrado: Mar 12, 2007
  • Mensajes: 6228
  • Loc: South-Africa
  • Status: Offline

Nota Noviembre 13th, 2007, 11:24 pm

Bueno, fijo...Estaba tan hincapié acerca de cómo es trabajar en IE6 (Aaarggh!) Que se me olvidó todo sobre el resto...Ahora todavía tengo bastante por hacer, pero el concepto general está ahí...
Let's leave all our *plum* where it is and go live in the jungle ...
  • Breeze
  • Photographer
  • Guru
  • Avatar de Usuario
  • Registrado: Abr 22, 2007
  • Mensajes: 1029
  • Loc: Australia
  • Status: Offline

Nota Noviembre 13th, 2007, 11:33 pm

Quiero tomar un tenedor y apuñalar en la cara de IE6. En otras noticias me smitten con Firefox :D

Im aún está por comenzar en las minas. Tengo una idea para un color sceme pero Im todavía para decidir qué partes se va a ser que el color y los bits se va a ser el otro color.
Photography Gallery | aaronmarc.id.au
  • righteous_trespasser
  • Scuffle
  • Genius
  • Avatar de Usuario
  • Registrado: Mar 12, 2007
  • Mensajes: 6228
  • Loc: South-Africa
  • Status: Offline

Nota Noviembre 14th, 2007, 1:56 am

Me doy cuenta de que los mods en este foro no todos tienen las matemáticas en la escuela...
Quote:
En total hay 1300 usuarios en línea:: 100 Registrados, 10 Ocultos y 1300 Invitados.

100 +10 +1300 <> 1300
...
100 +10 +1300 = 1410
Let's leave all our *plum* where it is and go live in the jungle ...
  • digitalMedia
  • a.k.a. dM
  • Genius
  • Avatar de Usuario
  • Registrado: Dic 29, 2003
  • Mensajes: 5169
  • Loc: SC-USA
  • Status: Offline

Nota Noviembre 14th, 2007, 3:49 am

Sí, r_t, que son correctos. Cuando "sí mismo"-ifyed la página, también he cambiado el número a dummy información. Si por favor pueden pasar por alto mi sentido de inserción de valores aleatorios, yo considero que es un favor personal.
:)
- dM
  • righteous_trespasser
  • Scuffle
  • Genius
  • Avatar de Usuario
  • Registrado: Mar 12, 2007
  • Mensajes: 6228
  • Loc: South-Africa
  • Status: Offline

Nota Noviembre 14th, 2007, 3:55 am

jajaja...por supuesto...
Let's leave all our *plum* where it is and go live in the jungle ...
  • Breeze
  • Photographer
  • Guru
  • Avatar de Usuario
  • Registrado: Abr 22, 2007
  • Mensajes: 1029
  • Loc: Australia
  • Status: Offline

Nota Noviembre 14th, 2007, 4:22 am

righteous_trespasser escribió:
Bueno, fijo...Estaba tan hincapié acerca de cómo es trabajar en IE6 (Aaarggh!) Que se me olvidó todo sobre el resto...Ahora todavía tengo bastante por hacer, pero el concepto general está ahí...


Im que va a ser un dolor en la parte trasera y le dirá que su multa en firefox y no funciona en IE7 :D
Photography Gallery | aaronmarc.id.au
  • righteous_trespasser
  • Scuffle
  • Genius
  • Avatar de Usuario
  • Registrado: Mar 12, 2007
  • Mensajes: 6228
  • Loc: South-Africa
  • Status: Offline

Nota Noviembre 14th, 2007, 4:31 am

Malos comprobar que cuando Im en el hogar...su duro trabajo como este...Ive en el trabajo tiene IE6 y FF (sólo locales) y en casa he llegado IE7 y FF...
Let's leave all our *plum* where it is and go live in the jungle ...
  • digitalMedia
  • a.k.a. dM
  • Genius
  • Avatar de Usuario
  • Registrado: Dic 29, 2003
  • Mensajes: 5169
  • Loc: SC-USA
  • Status: Offline

Nota Noviembre 14th, 2007, 4:52 am

Compruebe Opera también.

Aparte: ¿Sabía usted que Opera fue inicialmente desarrollado por el mismo chico (CTO de Opera) que fue un gran parte del desarrollo de CSS? ;)
- dM
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Noviembre 14th, 2007, 4:52 am

Publicar Información

  • Total de mensajes en este tema: 193 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 22 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