Présentation

Habillage de sites web et de forums : réalisation graphique et technique.

Modérateur : Ze Techos

m@noo
Fou du clic droit
Messages : 61
Inscription : mer. déc. 31, 2008 7:10 pm
Localisation : Treize-Septiers(85), Nantes
Contact :

Présentation

Message par m@noo » jeu. janv. 08, 2009 12:50 pm

Juste pour vous présenter mes 2 dernières réalisations.

http://www.gip-moto.fr
(j'ai remarqué quelques petites erreurs de validation que je corrigerai plus tard)

et surtout très récemment

http://www.treize-septiers.fr (celui-ci est plus valide normal je travaille dessus en ce moment) et surtout j'ai utilisé un tout petit peu GIMP.

C'est du travail sur mon temps libre et bénévol (pour le moment :l0l: )
Biensûr vous pouvez critiquer.
http://manooweb.fr/themes/default/images/logo-manooweb.png
Mes blogs
http://manoo.fr
http://manoo.fr/dev/
http://manoo.fr/cerf-volant/

Avatar de l’utilisateur
killpatate
Gimpeur extraordinaire
Messages : 131
Inscription : dim. juil. 13, 2008 2:57 pm
Localisation : Ile et Vilaine
Contact :

Message par killpatate » ven. janv. 09, 2009 9:38 am

C'est sympathique tout sa ! Le 2nde reste plus harmonieux que le 1er qui est très anguleux !
[url=http://www.alpha-arts.net][img]http://alpha-arts.net/programmes/userbar/artiste-gimp.png[/img] [img]http://alpha-arts.net/programmes/userbar/artiste-photoshop.png[/img] [img]http://alpha-arts.net/programmes/userbar/mappeur.png[/img] [img]http://alpha-arts.net/programmes/userbar/modeleur-3DS.png[/img][/url]

m@noo
Fou du clic droit
Messages : 61
Inscription : mer. déc. 31, 2008 7:10 pm
Localisation : Treize-Septiers(85), Nantes
Contact :

Message par m@noo » ven. janv. 09, 2009 2:06 pm

Merci pour le retour !
Le permier n'est qu'en feuille de style, donc les bordures avec IE sont avec des angles droits. Avec firefox avec le renfort de moz-border-radius çà donne un peu d'arrondi (mais on n'est plus trop valide au niveau CSS peut-être un jour avec CSS3 :P )
Mais avec l'expérience du second, je vais peut-être le retravailler pour lui mettre un peu de rondeur. On verra en fonction du temps disponible.
http://manooweb.fr/themes/default/images/logo-manooweb.png
Mes blogs
http://manoo.fr
http://manoo.fr/dev/
http://manoo.fr/cerf-volant/

Avatar de l’utilisateur
Flamme
Super mécano
Messages : 6624
Inscription : mar. avr. 20, 2004 11:33 pm
Localisation : Vincennes, France
Contact :

Message par Flamme » ven. janv. 09, 2009 3:16 pm

La première est très bien dans l'ensemble, quelques micro-remarques :

- au niveau du menu, "promo" et "occasion" sont trop collés à la page blanche. Il faudrait que le fonds noir ait la même hauteur que le "hover" gris qui mord sur la page blanche...

- Il faudrait que la première balise "Aprilia" soit à la même hauteur que la premiers cadres de moto pour alléger ta page ;

- du coup, si AMV a un statut "à part", pourquoi ne pas le transférer en bas à guache, ce qui donnerait plus d'espace et d'aération aux autres logos ?
[b][color=indigo]Fondatrice / administratrice de GA[/color][/b]

Site Gimp Attitude : découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

[b]Webmistress[/b] de :

[url=http://www.gimp-attitude.org][img]http://www.gimp-attitude.org/stock/02_ga.gif[/img][/url] [url=http://monde-des-forts.org/][img]http://www.gimp-attitude.org/stock/05_guerredesforts.gif[/img][/url] [url=http://monde-des-forts.org/missrachel/][img]http://lesamisdemissrachel.org/bans/miss-rachel.gif[/img][/url] [url=http://www.lignes-en-jeu.org][img]http://www.lignes-en-jeu.org/bans/lejmini.gif[/img][/url] [url=http://milathea.hautetfort.com/][img]http://milathea.hautetfort.com/media/02/01/a533d0d6f71f6420b6eed5dac6e771b1.gif[/img][/url]

m@noo
Fou du clic droit
Messages : 61
Inscription : mer. déc. 31, 2008 7:10 pm
Localisation : Treize-Septiers(85), Nantes
Contact :

Message par m@noo » ven. janv. 09, 2009 3:36 pm

Flamme a écrit : - au niveau du menu, "promo" et "occasion" sont trop collés à la page blanche. Il faudrait que le fonds noir ait la même hauteur que le "hover" gris qui mord sur la page blanche...
Pas faux, j'avais pas remarqué ce pixel de décalage. Quel navigateur ?
Avec IE7 j'ai le cas. Mais j'ai qu'IE6 à la maison sinon firefox 3
Sinon c'est volontaire de coller le menu à la partie central, pour simuler un système d'onglet lorsqu'un menu est sélectionné. Et je ne voulais donc pas que le fond noir en dessous soit de la même hauteur pour bien marqué l'onglet.
Flamme a écrit : - Il faudrait que la première balise "Aprilia" soit à la même hauteur que les premiers cadres de moto pour alléger ta page ;
Oui c'est vrai qu'esthétiquement çà serait bien d'aligner horizontalement.
Pour ma décharge avant les promos en première page, il y avait une affreuse photo :twisted: de la concession
Flamme a écrit : - du coup, si AMV a un statut "à part", pourquoi ne pas le transférer en bas à guache, ce qui donnerait plus d'espace et d'aération aux autres logos ?
Oui c'est un partenariat d'assurance et pas une marque distribuée.
Qu'entends-tu par transférer en bas à gauche ? car il est déjà en bas à gauche.

J'essaierai de corriger çà lorsque j'y ajouterai quelques touches graphique avec GIMP. j'ai déjà corrigé les quelques petits soucis de validation xhtml.

En tout cas merci :)
http://manooweb.fr/themes/default/images/logo-manooweb.png
Mes blogs
http://manoo.fr
http://manoo.fr/dev/
http://manoo.fr/cerf-volant/

Avatar de l’utilisateur
Flamme
Super mécano
Messages : 6624
Inscription : mar. avr. 20, 2004 11:33 pm
Localisation : Vincennes, France
Contact :

Message par Flamme » ven. janv. 09, 2009 3:48 pm

m@noo a écrit :Pas faux, j'avais pas remarqué ce pixel de décalage. Quel navigateur ?
Avec IE7 j'ai le cas. Mais j'ai qu'IE6 à la maison sinon firefox 3
Sinon c'est volontaire de coller le menu à la partie central, pour simuler un système d'onglet lorsqu'un menu est sélectionné. Et je ne voulais donc pas que le fond noir en dessous soit de la même hauteur pour bien marqué l'onglet.
Firefox 3.0.4

Sinon, c'est pas assez pour que ça ait l'air fait "exprès", et le texte blanc sur noir, trop collée à la partie blanche sur le bas, a un air "étriqué"...

m@noo a écrit :Oui c'est un partenariat d'assurance et pas une marque distribuée.
Qu'entends-tu par transférer en bas à gauche ? car il est déjà en bas à gauche.
Oups, en bas à droite, je voulais dire... C'est ça de faire pas mal de choses en même temps ! :l0l: La partie du bas semble toute vide, cela lui donnerait une raison d'être !
[b][color=indigo]Fondatrice / administratrice de GA[/color][/b]

Site Gimp Attitude : découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

[b]Webmistress[/b] de :

[url=http://www.gimp-attitude.org][img]http://www.gimp-attitude.org/stock/02_ga.gif[/img][/url] [url=http://monde-des-forts.org/][img]http://www.gimp-attitude.org/stock/05_guerredesforts.gif[/img][/url] [url=http://monde-des-forts.org/missrachel/][img]http://lesamisdemissrachel.org/bans/miss-rachel.gif[/img][/url] [url=http://www.lignes-en-jeu.org][img]http://www.lignes-en-jeu.org/bans/lejmini.gif[/img][/url] [url=http://milathea.hautetfort.com/][img]http://milathea.hautetfort.com/media/02/01/a533d0d6f71f6420b6eed5dac6e771b1.gif[/img][/url]

m@noo
Fou du clic droit
Messages : 61
Inscription : mer. déc. 31, 2008 7:10 pm
Localisation : Treize-Septiers(85), Nantes
Contact :

Message par m@noo » sam. janv. 10, 2009 7:10 pm

Flamme a écrit : - au niveau du menu, "promo" et "occasion" sont trop collés à la page blanche. Il faudrait que le fonds noir ait la même hauteur que le "hover" gris qui mord sur la page blanche...
Bon voilà en principe c'est corrigé. Juste quelques propriétés de style à supprimer qui ne servait à rien que j'avais mis surement pour des histoires de rendu avec IE6. Pour ce navigateur j'ai fait une feuille de style spécifique qui n'est chargée que pour IE6 (commentaire conditionnel) et qui ne corrige que les anomalies de rendu pour ce navigateur. c'est beaucoup plus propre.
Flamme a écrit : - Il faudrait que la première balise "Aprilia" soit à la même hauteur que les premiers cadres de moto pour alléger ta page ;
un margin-top sur le bloc qui encadre les logos
Flamme a écrit : - du coup, si AMV a un statut "à part", pourquoi ne pas le transférer en bas à guache, ce qui donnerait plus d'espace et d'aération aux autres logos ?
Alors un height sur le bloc qui encadre les motos supprimé, çà remonte le texte en bas. Déplacement du bloc "clear:both" pour la gestion des blocs placés par float:left ce qui replace le texte à droite du bloc des logos. Suppression de balise <br/> qui decalaient le logo et remplacement par une propriété de style (plus élégant) margin-top sur ce logo uniquement.

Rappel de l'URL http://www.gip-moto.fr
http://manooweb.fr/themes/default/images/logo-manooweb.png
Mes blogs
http://manoo.fr
http://manoo.fr/dev/
http://manoo.fr/cerf-volant/

m@noo
Fou du clic droit
Messages : 61
Inscription : mer. déc. 31, 2008 7:10 pm
Localisation : Treize-Septiers(85), Nantes
Contact :

Message par m@noo » mar. janv. 27, 2009 10:12 pm

Bonsoir,

quelques petits arrondis avec Gimp, et voilà j'ai fait quelques cadres et onglets pour la navigation. J'ai pas encore trouvé pour les onglets, je voulais leur donner plus de relief. J'ai juste fait des dégradés légers avec un effet rollover en CSS.

http://www.gip-moto.fr
http://manooweb.fr/themes/default/images/logo-manooweb.png
Mes blogs
http://manoo.fr
http://manoo.fr/dev/
http://manoo.fr/cerf-volant/

Répondre