Retour à Concours

CSS concurrence #1: Ozzu Look and Feel

  • digitalMedia
  • a.k.a. dM
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Déc 29, 2003
  • Messages: 5169
  • Loc: SC-USA
  • Status: Offline

Message Novembre 12th, 2007, 2:10 pm

righteous_trespasser a écrit:
Bon là c'est une autre question...
Suis-je autorisé à mettre mes propres images à ce niveau...? ou comment voulez-vous qu'il soit?


Non, désolé. En ce qui concerne les discussions, les mods ont, pas d'images peuvent être insérés. Youre allons avoir à la marge ou sur le pad à gauche et à utiliser un arrière-plan des images. Ou trouver des solutions réellement créatrices. :)

Voilà vraiment ce que cette concurrence est une question - de solutions créatives.
- dM
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Novembre 12th, 2007, 2:10 pm

  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8212
  • Loc: USA
  • Status: Offline

Message Novembre 12th, 2007, 6:09 pm

righteous_trespasser a écrit:
Bon voici une autre question...Dans l'exemple de code que vous nous avez donné, il ya le texte suivant:
Code: [ 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>

Et au même endroit dans le site ozzu réel, il est le suivant:
Code: [ 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>
  6. <li><img src="templates/light/images/folder_lock.gif" alt="Forum is locked"><label>Forum is locked</label></li>
  7. </ul>
  8. </div>

Suis-je autorisé à mettre mes propres images ici, alors...? ou comment voulez-vous qu'il soit?


don't know...dans les règles ils ont dit que nous devons utiliser le code HTML fourni...Peut-être qu'ils veulent garder ces images constante? Après tout, c'est une compétition CSS.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13458
  • Loc: Florida
  • Status: Offline

Message Novembre 12th, 2007, 9:11 pm

Pour tous ceux qui s'interrogent sur les images, il pouvoir se faire sans modifier le code HTML, comme on le voit ici .

La seule différence majeure est que vous serez un lien vers des fichiers d'images réelles dans le CSS comme celui-ci
Code: [ 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. }


au lieu d'utiliser le "data:" Protocole visant à incorporer les images directement dans la feuille de style comme ceci
Code: [ 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. }

comme je l'ai fait dans cet exemple.
Internet Explorer ne prend pas en charge les "données:« protocole.

Ce n'est pas une mauvaise idée de prendre un coup d'oeil que des exemples CSS avant de vous lancer sur votre propre entrée, et éventuellement au cours du développement si vous êtes bloqué.

Toujours en se demandant anyones cas, je ne compte pas en entrant dans cet exemple, même tweeked de suivre les règles des concours, dans cette compétition.
Id sens comme si j'avais triché depuis Ive techniquement eu un 6 mois supplémentaires pour développer mon entrée.
Strong with this one, the sudo is.
  • digitalMedia
  • a.k.a. dM
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Déc 29, 2003
  • Messages: 5169
  • Loc: SC-USA
  • Status: Offline

Message Novembre 12th, 2007, 9:15 pm

joebert, vous êtes un BAMF!
- dM
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • Avatar de l’utilisateur
  • Inscription: Mai 28, 2003
  • Messages: 23407
  • Loc: Woodbridge VA
  • Status: Offline

Message Novembre 13th, 2007, 6:39 am

righteous_trespasser a écrit:
Bon voici une autre question...Dans l'exemple de code que vous nous avez donné, il ya le texte suivant:
Code: [ 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>

Et au même endroit dans le site ozzu réel, il est le suivant:
Code: [ 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>
  6. <li><img src="templates/light/images/folder_lock.gif" alt="Forum is locked"><label>Forum is locked</label></li>
  7. </ul>
  8. </div>

Suis-je autorisé à mettre mes propres images ici, alors...? ou comment voulez-vous qu'il soit?


Dans cette compétition des images ne sont autorisés que via CSS.
Pour remporter ce concours, vous ne devrait même pas être à la recherche au code actuel OZZU. L'idée est d'arriver à quelque chose d'unique et différent par le style et le style seulement.
"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 l’utilisateur
  • Inscription: Mar 12, 2007
  • Messages: 6228
  • Loc: South-Africa
  • Status: Offline

Message Novembre 13th, 2007, 10:57 pm

Okay coolio...merci les gars...La mienne est venu vraiment bien imo...cette concurrence va être génial...pour un échantillon de ce que j'ai si longtemps, consultez cet ...
Let's leave all our *plum* where it is and go live in the jungle ...
  • Breeze
  • Photographer
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Avr 22, 2007
  • Messages: 1029
  • Loc: Australia
  • Status: Offline

Message Novembre 13th, 2007, 11:10 pm

righteous_trespasser a écrit:
Okay coolio...merci les gars...La mienne est venu vraiment bien imo...cette concurrence va être génial...pour un échantillon de ce que j'ai si longtemps, consultez cet ...


M. Berry Goosenecks RT, monsieur...l'amour des couleurs En passant, remarquez-vous le mot "catégorie" derrière les liens en haut?
Photography Gallery | aaronmarc.id.au
  • righteous_trespasser
  • Scuffle
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Mar 12, 2007
  • Messages: 6228
  • Loc: South-Africa
  • Status: Offline

Message Novembre 13th, 2007, 11:24 pm

Bon, fixe...J'étais tellement insisté sur le faire fonctionner dans IE6 (Aaarggh!) Que j'ai oublié tout le reste...Maintenant, j'ai encore beaucoup à faire, mais l'idée générale est là...
Let's leave all our *plum* where it is and go live in the jungle ...
  • Breeze
  • Photographer
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Avr 22, 2007
  • Messages: 1029
  • Loc: Australia
  • Status: Offline

Message Novembre 13th, 2007, 11:33 pm

Je veux prendre une fourchette et couteau dans le visage de IE6. Dans d'autres news je suis frappé avec Firefox :D

Im encore commencer sur le mien. J'ai une idée pour une couleur, mais Im sceme encore à décider quelles sont les pièces qui va être la couleur et les bits vont être les autres couleurs.
Photography Gallery | aaronmarc.id.au
  • righteous_trespasser
  • Scuffle
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Mar 12, 2007
  • Messages: 6228
  • Loc: South-Africa
  • Status: Offline

Message Novembre 14th, 2007, 1:56 am

Je me rends compte que les mods sur ce forum n'ont pas tous les mathématiques à l'école...
Quote:
Au total, on compte 1300 utilisateurs en ligne:: 100 Enregistrés, 10 Invisibles et 1300 Invités.

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 l’utilisateur
  • Inscription: Déc 29, 2003
  • Messages: 5169
  • Loc: SC-USA
  • Status: Offline

Message Novembre 14th, 2007, 3:49 am

Oui, r_t, vous avez raison. Quand je "ipsum" ifyed la page, j'ai aussi changé le nombre de faux renseignements. Si vous pouviez s'il vous plaît sur mon sens de l'insertion aléatoire de valeurs, je considère comme une faveur personnelle.
:)
- dM
  • righteous_trespasser
  • Scuffle
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Mar 12, 2007
  • Messages: 6228
  • Loc: South-Africa
  • Status: Offline

Message Novembre 14th, 2007, 3:55 am

lol...ofcourse...
Let's leave all our *plum* where it is and go live in the jungle ...
  • Breeze
  • Photographer
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Avr 22, 2007
  • Messages: 1029
  • Loc: Australia
  • Status: Offline

Message Novembre 14th, 2007, 4:22 am

righteous_trespasser a écrit:
Bon, fixe...J'étais tellement insisté sur le faire fonctionner dans IE6 (Aaarggh! ) Que j'ai oublié le reste...Maintenant, j'ai encore beaucoup à faire, mais l'idée générale est là...


Im va être une douleur dans le dos et vous dire que l'amende dans firefox et ne fonctionne pas dans IE7 :D
Photography Gallery | aaronmarc.id.au
  • righteous_trespasser
  • Scuffle
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Mar 12, 2007
  • Messages: 6228
  • Loc: South-Africa
  • Status: Offline

Message Novembre 14th, 2007, 4:31 am

Vérifier que, lorsque mauvais Im à la maison...son difficile travail, comme ce...au travail Ive got IE6 et FF (local seulement) et à la maison Ive got IE7 et FF...
Let's leave all our *plum* where it is and go live in the jungle ...
  • digitalMedia
  • a.k.a. dM
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Déc 29, 2003
  • Messages: 5169
  • Loc: SC-USA
  • Status: Offline

Message Novembre 14th, 2007, 4:52 am

Vérifiez aussi l'Opéra.

Aside: Saviez-vous que l'Opéra a été initialement développé par le même gars (CTO d'Opera), qui a été une grande partie du développement de CSS? ;)
- dM
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Novembre 14th, 2007, 4:52 am

1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13

Afficher de l'information

  • Total des messages de ce sujet: 193 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 15 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC