Aller au menu - Aller au contenu

[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les forums > Le Site du Zér0 v3 > Designs du Site du Zér0 > [Design] Zubuntu > Lecture du sujet

[Design] Zubuntu

faute d'originalité pour le nom...

Vous devez être inscrit pour pouvoir poster des messages

Page : 1  2  3  4  5  6  7  8  Suivante
Auteur Message
1 visiteur sur ce sujet (1 anonyme)
Page : 1  2  3  4  5  6  7  8  Suivante
Hors ligne metalking # Posté le 06/05/2007 à 22:11:57
Knowledge is Power
Avatar
Groupe : Membres
Attention! Ce design n'est plus développé, ceci à cause de la mesure prise par les admins, qui vise à interdire l'ajout de nouveaux designs (pour l'instant tout au moins)
La fête reprend, ceci grâce à la décision d'accepter les css distants sur le Site du Zéro. Merci les admins !


Bonsoir!
J'ai commencé il y quelques temps un design aux couleurs d'Ubuntu, la fameuse distribution gnu/linux.
Voici donc en avant-première (je trouvais que ça faisait classe cette expression ^^ ) :
Zubuntu

Les principales inspirations sont :
  • Le thème "Human" d'Ubuntu
  • Le site ubuntu-fr.org


Lien pour utiliser le design sur ce site
http://www.metalking.net/design

Rendez-vous sur cette page pour définir le design distant, en copiant l'adresse du lien ci-dessus dans le champ de formulaire.

Image utilisateur


Avancement



Progression : 93% ||||||||||


Logs



  • mars : Début de la fabrication
  • 06.05.2007 : Présentation du design (il y a eu une pause entre deux)
  • 07.05.2007 : Changement de la taille et des listes des menus
  • 08.05.2007 : Page d'ajout des news, formulaire zCode, boutons zCode
    Page d'affichage des news (avec commentaires), apparence de l'affichage des commentaires, bouton "Ajouter un commentaire"
  • 09.05.2007 : Adaptation de la page de livre d'or, de règlement, la page "En savoir plus" et la page "Aider le site" (qui n'est plus en action je crois).
    Changement de la hauteur des titres des menus et des news, ainsi que de la largeur des news.
    Ajout de la page de connexion, de la page "Politique d'accessibilité", de la page d'administration.
  • 10.05.2007 : Adaptaion de la page des membres connectés, de la page de recherche (formulaire uniquement).
    Page de changement de design
  • 01.07.2007 : Le design a été uploadé pour pouvoir être utilisé comme design distant sur ce site.
  • 02.07.2007 : Les modules de la page d'accueil sont supportés !
  • ... diverses mises à jour, la liste ne sera plus actualisée


A faire



  • Icônes du menu des options


Compatibilité



Navigateurs


Je vous invite à me communiquer vos tests éventuels sur d'autres navigateurs
  • Firefox 2.0 : OK
    Sous linux : OK
  • Internet Explorer 6 : OK
  • Internet Explorer 7 : OK
  • Konqueror : OK
  • Opera : Souci avec les bordures des tableaux qui ne s'affichent parfois pas.


Résolutions d'écran


  • 1024x768 et plus : OK
  • 800x600 : va tout juste (quelques détails minimes indésirables, notamment les titres des menus sur deux lignes)


Avis



J'attends vos avis sur ce design avec impatience !
Merci !
Édité le 08/09/2007 à 19:30:27 par metalking
 
Hors ligne .skaz # Posté le 06/05/2007 à 22:35:07
Miley's Fan <3
Avatar
Validateurs
Tu peux rajouter konkeror dans la liste des navigateurs qui sont compatibles avec le thème. ;)

Juste une petite remarque, c'est l'encadrement de "Vous êtes ici --- > Le Site du Zér0 > Les news > Accueil" qui ne touche pas les deux bouts du corps.. (peut-être que sous kokeror ?)

Sinon, j'aime bien, j'attends la suite. :)


Image utilisateur
#nux-team sur irc.quakenet.org
 
Hors ligne metalking # Posté le 07/05/2007 à 07:35:55
Knowledge is Power
Avatar
Groupe : Membres
Salut!
C'est fait exprès, pour l'arbre, qu'il ne soit pas sur toute la largeur. Cependant, si les gens préfèrent un cadre sur toute la largeur, je peux le changer ^^
Merci pour l'info de compatibilité. Petite question : les coins du corps sont-ils arrondis sous ce navigateur?
 
Hors ligne .skaz # Posté le 07/05/2007 à 10:36:58
Miley's Fan <3
Avatar
Validateurs
Non, il n'y a aucun arrondi. ;)

Autre petite chose, mais là, je chipote...
C'est le menu de gauche, il touche directement le bord de la fenêtre. Est-ce Konkeror ou normal ?

Image utilisateur
#nux-team sur irc.quakenet.org
 
Hors ligne metalking # Posté le 07/05/2007 à 11:23:08
Knowledge is Power
Avatar
Groupe : Membres
Salut et merci de ton investissement.
Les bordures devraient être arrondies car j'ai mis la propriété -khtml-border-radius qui fonctionne sur les browsers de type khtml (dont konqueror fait partie non?)

Pour le menu, ça ne le fait pas sous ff et ie, donc je pense que c'est spécifique au browser.

Regarde si ça te fait pareil avec le design "Le monde de Zozor" sur ce site (je me suis basé sur celui-ci car je trouve qu'il est super bien réalisé)

A+ et merci
 
Hors ligne .skaz # Posté le 07/05/2007 à 12:29:42
Miley's Fan <3
Avatar
Validateurs
Je ne pense pas que konqueror en fasse parti, comme je ne vois pas les arrondis.

Sinon, la propriété "-khtml-border-radius" est une propriété du CSS2, donc pas encore (malheureusement) reconnu par tous les navigateurs. Malgré que l'on ne voit pas les arrondis sous Konqueror, le thème/design reste très bien. ;)

En effet, le menu qui touche le bord de la fenêtre, ça ne fait cela que sous Konqueror (peut-être opéra ?).

Image utilisateur
#nux-team sur irc.quakenet.org
 
Hors ligne metalking # Posté le 07/05/2007 à 12:41:51
Knowledge is Power
Avatar
Groupe : Membres
Oui je suis conscient que les arrondis ne fonctionnent pas sur tous les navigateurs, mais firefox en fait partie, alors c'est déjà un "plus" ^^
Au passage, Konqueror est un navigateur KTHML (tiré de ici ) :
Mozinet
Konqueror utilise un moteur d'affichage HTML appelé KHTML.


Je vais gentiment m'attaquer aux forums, parce que c'est un gros morceau du design, donc je vous tiens au courant ;)

A+
Édité le 07/05/2007 à 12:44:14 par metalking
 
Hors ligne Vinchz # Posté le 07/05/2007 à 13:15:45
Vinechaise koi.
Avatar
Newsers
Ton design est carrément beau :)
Seul petit bémol, c'est le header. Je n'aime pas trop le gros logo ubuntu sur la gauche. Quant aux menus sur la gauche, je les trouve trop communs comparativement à l'originalité de la speedbare.

Enfin ça reste très agréable :p
 
Hors ligne metalking # Posté le 07/05/2007 à 13:22:19
Knowledge is Power
Avatar
Groupe : Membres
Merci Vinchz!

Des propositions concernant les menus?
Et que devrais-je faire avec le logo ubuntu du header? (j'ai repris l'idée de ubuntu-fr.org ^^ )

Merci par avance A+
Édité le 07/05/2007 à 13:25:25 par metalking
 
Hors ligne .skaz # Posté le 07/05/2007 à 13:49:06
Miley's Fan <3
Avatar
Validateurs
Tu peux faire porter le logo d'ubuntu en colier à zozor. :D

Image utilisateur
#nux-team sur irc.quakenet.org
 
Hors ligne metalking # Posté le 07/05/2007 à 18:14:55
Knowledge is Power
Avatar
Groupe : Membres
Ouef.. bof.. il est déjà juste à côté en remplacement au "O" de zéro.. A voir, pour l'instant je reste comme ça.
Je m'attaque d'abord aux news (affichage des coms etc...) et ensuite aux forums
 
Hors ligne Vinchz # Posté le 07/05/2007 à 18:43:42
Vinechaise koi.
Avatar
Newsers
Pour les menus, j'allais te suggérer de reprendre ceux d'Ubuntu mais j'ai peur que ça charge vraiment trop la page, le but étant de trouver un compromis entre la beauté et l'ergonomie (pour rester dans l'esprit Gnome) :)

Je te conseille de les réduire en largeur et de supprimer les listes à puces (à moins que tu trouves des puces originales). Personnellement, j'avoue que je sèche ^^


<hors sujet>
Tu est metalking le dessineux ? :o
</hors sujet>
 
Hors ligne metalking # Posté le 07/05/2007 à 19:28:05
Knowledge is Power
Avatar
Groupe : Membres
Yop!

J'ai réduit la taille des menus et enlevé les puces comme suggéré

Sinon, pour répondre à ta question hors-sujet, je suis metalking le touche-à-tout plutôt ^^ Mais il est vrai que je fais pas mal dans l'infographie.

A+
 
Hors ligne Nesquik69 # Posté le 08/05/2007 à 15:24:12
Slave of the Rythm
Avatar
Groupe : Membres
J'aime bien mais il y a un problème : il faudrait séparer les boutons de la speedbar afin de différencier l'espace "site" et l'espace "compte" ;) .

Qu'est-ce que vous avez tous à faire des designs style Ubuntu o_O ?
 
Hors ligne azerty9 # Posté le 08/05/2007 à 19:14:12
Newbie de profession
Avatar
Groupe : Membres
Il est bien mais il faut l'adapter avec les nouveaux modules.

En tout ca il me plait bien.

"L'information n'est pas la connaissance. La connaissance n'est pas la sagesse. La sagesse n'est pas la vérité. La vérité n'est pas la beauté. La beauté n'est pas l'amour. L'amour n'est pas la musique. La musique est la meilleure des choses.", Frank Zappa
 
Hors ligne azerty9 # Posté le 08/05/2007 à 19:14:12
Newbie de profession
Avatar
Groupe : Membres
Il est bien mais il faut l'adapter avec les nouveaux modules.

En tout cas il me plait bien.

"L'information n'est pas la connaissance. La connaissance n'est pas la sagesse. La sagesse n'est pas la vérité. La vérité n'est pas la beauté. La beauté n'est pas l'amour. L'amour n'est pas la musique. La musique est la meilleure des choses.", Frank Zappa
 
Hors ligne metalking # Posté le 08/05/2007 à 20:34:21
Knowledge is Power
Avatar
Groupe : Membres
Bonsoir!

J'ai ajouté une page (l'ajout des news), et par la même occasion, adapté le formulaire zCode.

Pour Neskquik69, je ne pense pas les déplacer, parce que pour bien je voudrais les garder au milieu et mettre uniquement les boutons de déconnexion et de messages à droite, mais ça fout en l'air le design, donc je laisse ainsi.

azerty9, l'adaptation aux nouveaux modules est prévue, mais pour plus tard :p

A+
 
Hors ligne Nesquik69 # Posté le 08/05/2007 à 21:02:38
Slave of the Rythm
Avatar
Groupe : Membres
Citation : metalking
J'ai ajouté une page (l'ajout des news), et par la même occasion, adapté le formulaire zCode.

Magnifique le formulaire ZCode... surtout les boutons qui me plaisent énormément ;)
 
Hors ligne Cam # Posté le 08/05/2007 à 21:09:20
Have fun !
Avatar
Newsers
C'est séduisant comme design, bravo.
Les boutons sont très réussis. J'ai hâte de voir les prochaines pages. :)
 
Hors ligne .skaz # Posté le 08/05/2007 à 22:37:15
Miley's Fan <3
Avatar
Validateurs
Le résultat est super. :)
Continu dans cette voix. ;)

Image utilisateur
#nux-team sur irc.quakenet.org
 
Hors ligne metalking # Posté le 08/05/2007 à 22:41:36
Knowledge is Power
Avatar
Groupe : Membres
Suite et fin de l'adaptation des news (vous avez donc 3 pages disponibles actuellement)

Merci pour les encouragements :)
 
Hors ligne Visiteur # Posté le 09/05/2007 à 08:14:33
Vive les chaaats !!
Avatar
Groupe : Membres
Trés beau ! Si il est validé, je le prends !

Mon nouveau blog sur Blender (encore en construction)| Une saga mp3 hilarante ! (reflets d'acide) | Ma petite galerie §
Le ping pong c'est fnu, tqvuçq ?§§
Absent jusqu'à la rentrée environ, zqvezvuçq?§§
 
Hors ligne ecbarre.net # Posté le 09/05/2007 à 11:57:09
Avatar
Groupe : Membres
Oui j'aime beaucoup les tons de marrons, et les petites images du menu en haut ! :)

Par contre je trouve que le cadre marron du menu vertical, devrait etre plus large.. car l'image entre juste dans le cadre marron ! ^^

 
Hors ligne metalking # Posté le 09/05/2007 à 16:42:40
Knowledge is Power
Avatar
Groupe : Membres
Citation : ecbarre.net
Par contre je trouve que le cadre marron du menu vertical, devrait etre plus large.. car l'image entre juste dans le cadre marron ! ^^


Image utilisateur

Tu parles de la largeur désignée par la flèche rouge?
Enfait c'est exactement la même largeur que la barre qui se situe en haut des fenêtres dans Ubuntu, alors j'ai juste fait une capture d'écran et j'ai adapté l'image pour le design. Je pourrais la faire légèrement plus grande, mais ce serait moins fidèle à l'original ^^

Qu'en pensez-vous les autres? Devrais-je faire la barre du titre plus haute?

Au passage, merci à Visiteur et ecbarre.net pour leurs commentaires encourageants ;)

A+
Édité le 09/05/2007 à 16:43:49 par metalking
 
Hors ligne .skaz # Posté le 09/05/2007 à 16:53:53
Miley's Fan <3
Avatar
Validateurs
Moi ça ne me dérange pas, et j'y avais même pas fait gaffe.

Image utilisateur
#nux-team sur irc.quakenet.org
 
Hors ligne primmo # Posté le 09/05/2007 à 17:09:50
Avatar
Groupe : Membres
Très jolie design.
J'attends avec impatience la sortie de ce design.

Image utilisateur
 
Hors ligne metalking # Posté le 09/05/2007 à 17:27:28
Knowledge is Power
Avatar
Groupe : Membres
Merci à toi, primmo.

J'ai fini la page de livre d'or (c'était facile aussi ^^ ) ainsi que la page des règles (rien eu à faire ^^ ).
Sinon, je ne sais pas si mon design sera validé, car il était dit dans la news des nouveaux modules :

Citation : M@teo21
A propos des designs, je suis dans le regret d'annoncer que pour le moment et jusqu'à nouvel ordre, nous ne pourrons plus accepter de nouveaux designs. Cette expérience nous a montré combien il est délicat de gérer autant de designs à la fois, surtout quand ils évoluent continuellement de manière croissante. Nous ne pourrons pas en gérer beaucoup plus, c'est irréalisable, donc en attendant de trouver une solution satisfaisante nous préférons "geler" les nouveaux designs.


On verra comment ça évolue :euh:

EDIT: j'ai ajouté encore la page "En savoir plus" et la page "Aider le site" (qui sert plus à rien je crois)
Édité le 09/05/2007 à 18:37:48 par metalking
 
Hors ligne Julek # Posté le 09/05/2007 à 18:52:45
"Youlek"
Avatar
Groupe : Membres
Wow :-°

Superbe, j'espère qu'il sera accepté... J'aimerais vraiment l'utiliser !!!

Sinon, pour la hauteur des titres des menus, je rajouterais quand même quelques pixels, pour qu'on ai pas l'impression que les images des menus soient plus grandes que l'espace qui leur est réservé...
Je trouves aussi qu'il faudrait donner la même largeur au cadre "Qu'est-ce que c'est que ce site ?" qu'au cadres des news ! Ca fait un peu bizar... On dirait qu'ils ne sont pas bien alignés...

Bon courage et bonne continuation !! (je vais essayer de suivre ca de près ^^ )

Julek
 
Hors ligne .skaz # Posté le 09/05/2007 à 18:53:08
Miley's Fan <3
Avatar
Validateurs
Si ton désign n'est pas validé, on signe une pétition et on l'envoie. :p

Image utilisateur
#nux-team sur irc.quakenet.org
 
Hors ligne metalking # Posté le 09/05/2007 à 19:26:47
Knowledge is Power
Avatar
Groupe : Membres
Suite à votre demande, la hauteur du titre des menus a été augmentée légèrement, ainsi que la hauteur du titre des news (car elle posait problème sous IE)

Julek, la largeur des news a été légèrement augmentée (je ne voulais pas rétrécir la partie "Qu'est-ce que c'est que ce site", car ce sont toutes les listes sur site qui ont le même style). L'alignement n'est pas parfait, mais c'est déjà ça! ^^

.skaz, j'apprécie ton engagement ;)

PS: n'hésitez pas à me communiquer les bugs que vous rencontrez avec vos navigateurs respectifs (je ne contrôle que Firefox 2.0 et Internet Explorer 6)
Édité le 09/05/2007 à 19:30:39 par metalking
 

Retour au forum "Designs du Site du Zér0" ou à la liste des forums

Vous devez être inscrit pour pouvoir poster des messages

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | Fil RSS | XHTML 1.0 | CSS 2.0
Édité par Simple IT SARL : Nous contacter | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 83 Zéros connectés | Requêtes SQL 7 requêtes | Temps de génération de la page : Total (SQL) 0.061s (0.0463s)