Avis sur mon site !
YoyoS
Messages postés
18
Statut
Membre
-
YoyoS Messages postés 18 Statut Membre -
YoyoS Messages postés 18 Statut Membre -
Bonjour à tous, j'aurais voulu avoir votre avis sur mon site. J'ai refait le design et pensez-vous que l'arrière plan général devrait être plus clair ou non ?
Merci à vous
http://www.cave-a-yoyo.com
et le design du forum:
http://www.cave-a-yoyo.com/forum/index.php
A bientot !
Merci à vous
http://www.cave-a-yoyo.com
et le design du forum:
http://www.cave-a-yoyo.com/forum/index.php
A bientot !
A voir également:
- Avis sur mon site !
- Site de telechargement - Accueil - Outils
- Site x - Guide
- Site pour partager des photos - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site comme coco - Accueil - Réseaux sociaux
14 réponses
Bonsoir.
Moi, j'aime bien : la police est bien choisie, de bonne taille, c'est agréable a lire...
Les liens sont plus facilement reconnaissables, le fond ne me dérange pas.
Par contre, ce que je n'aime pas, c'est le codage en tableaux. Il suffit de quelques divs pour remplacer ce type de code.
Ah oui,et une petite astuce :
pour faire un lien sur le haut de la page, pas besoin de faire une ancre top.
Il suffit de faire un lien qui pointe vers "#".
exemple :
<a href="#"><img src="fleche_haut.png" alt="^ Haut de page" style="width:20px;height:20px;" /></a>
Moi, j'aime bien : la police est bien choisie, de bonne taille, c'est agréable a lire...
Les liens sont plus facilement reconnaissables, le fond ne me dérange pas.
Par contre, ce que je n'aime pas, c'est le codage en tableaux. Il suffit de quelques divs pour remplacer ce type de code.
Ah oui,et une petite astuce :
pour faire un lien sur le haut de la page, pas besoin de faire une ancre top.
Il suffit de faire un lien qui pointe vers "#".
exemple :
<a href="#"><img src="fleche_haut.png" alt="^ Haut de page" style="width:20px;height:20px;" /></a>
Bonsoir.
Et concernant les <table>, j'en suis moi même déçu mais leur seul point fort est une grande compatibilité entre tous les navigateurs web.
Mmmmmmm...
Ce qui me dérange surtout, c'est que ca fait beaucoup de code a charger.
Et ca s'affiche mal dans certains navigateurs (par exemple une image est décallée).
Pour réduire le nombre de tableaux je te conseille d'essayer de mettre dans ton code CSS une image de fond pour body (l'image que tu mets déja apprement), le carré bleu aux bords noirs.
Ensuite, faire un div#page et mettre une couleur de fond grise, et une image de fond en haut a gauche du div (comme celle qu'il y a actuellement).
Tu peux remplacer ta bannière et ton C (en haut a gauche, le C) par seulement la bannière et lui appliquer un float:top;
Ensuite, mettre un float:left au menu et affiner le code.
A la fin, après pas mal de trabail, tu pourrais arriver a un résultat sans tableaux.
J'ai fait il y a pas longtemps un exemple similaire pour un autre memebre de CCM. Voir :
http://sylvain.sab.free.fr/autres/ccmsdz/flex/
Je pense que tu pourrais t'inspirer de ca pour ton site.
a plus
Et concernant les <table>, j'en suis moi même déçu mais leur seul point fort est une grande compatibilité entre tous les navigateurs web.
Mmmmmmm...
Ce qui me dérange surtout, c'est que ca fait beaucoup de code a charger.
Et ca s'affiche mal dans certains navigateurs (par exemple une image est décallée).
Pour réduire le nombre de tableaux je te conseille d'essayer de mettre dans ton code CSS une image de fond pour body (l'image que tu mets déja apprement), le carré bleu aux bords noirs.
Ensuite, faire un div#page et mettre une couleur de fond grise, et une image de fond en haut a gauche du div (comme celle qu'il y a actuellement).
Tu peux remplacer ta bannière et ton C (en haut a gauche, le C) par seulement la bannière et lui appliquer un float:top;
Ensuite, mettre un float:left au menu et affiner le code.
A la fin, après pas mal de trabail, tu pourrais arriver a un résultat sans tableaux.
J'ai fait il y a pas longtemps un exemple similaire pour un autre memebre de CCM. Voir :
http://sylvain.sab.free.fr/autres/ccmsdz/flex/
Je pense que tu pourrais t'inspirer de ca pour ton site.
a plus
Le hic c'est que j'ai 30X plus d'images que sur ce site là. Ton site je saurais le refaire les doights dans le nez rien qu'avec des div mais quand tu dois gerer une 30ène d'images, je t'ai dit c'est pas pareil.
Tu vas me dire. POurquoi pas réduire le nombre d'images. Ok Mais alors ce sera le poids qui sera augmenté car j'optimise un maximum les images pour diminuer fortement le poids
Tu vas me dire. POurquoi pas réduire le nombre d'images. Ok Mais alors ce sera le poids qui sera augmenté car j'optimise un maximum les images pour diminuer fortement le poids
Ah, je vois....
Est-ce que tu ne peux pas ne pas utiliser certaines images ?
Par exemple, les bordures du tableau : ca ferait les coins + les bords : 8 images en moins (et beaucoup de code aussi).
bonne soirée
Est-ce que tu ne peux pas ne pas utiliser certaines images ?
Par exemple, les bordures du tableau : ca ferait les coins + les bords : 8 images en moins (et beaucoup de code aussi).
bonne soirée
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
mais les coins ne se repetent pas et sont des petites images, par contre les bords se répetent pour alléger tout ca. Donc non, je ne peux pas faire sans :) Ou alors les petites connections en subissent les conséquences. C'est pour ca qu'il faudrait un montage en div spécial graphiste !
Le site que tu m'as montré n'est en rien graphiste :) Il n'y a aucune image qui forme le fond, tout est en css, BEAUCOUP PLUS FACILE ! :)
Le site que tu m'as montré n'est en rien graphiste :) Il n'y a aucune image qui forme le fond, tout est en css, BEAUCOUP PLUS FACILE ! :)
Je te conseille :
www.siteduzero.com/tuto-3-3786-1.html
et www.siteduzero.com/tuto-3-3202-1.html
Sylvain
www.siteduzero.com/tuto-3-3786-1.html
et www.siteduzero.com/tuto-3-3202-1.html
Sylvain
merci je regarderai. Ca pourrait déja s'appliquer au corps mais je n'ai plus l'intention de changer le code pour le moment, études obligent !
Merci de ton aide :) @+
Merci de ton aide :) @+
Bonsoir, je suis actuellement en train de refaire la structure du site mais je rencontre un petit problème. Je ne sais pas si vous pourrez m'aider mais je mets quand meme la page en cours de création avec le petit soucil au niveau de l'étendu des côtés comme vous pouvez le voir:
http://www.cave-a-yoyo.com/test/
Merci à vous
http://www.cave-a-yoyo.com/test/
Merci à vous
Salut.
Pour définir une hauteur verticale à un élément, il faut que tous ses parents aient une hauteur définie.
Ce qui donne :
a plus
Pour définir une hauteur verticale à un élément, il faut que tous ses parents aient une hauteur définie.
Ce qui donne :
html,body,div#global,div#corps,div.corps1,div.corps3{height:100%}
a plus
Salut merci pour cette réponse très rapide :)
j'ai apporté ces modifications mais des autres problèmes surviennent.
Pour firefox:
Une mauvaise élasticité verticalement de tout le site ainsi que du fond bleu qui ne se répète pas. Avec un débordement du texte :/
Pour IE:
Pire !, la meme chose, mais sans les côtés étendus ^^
lien avec les modifs:
http://www.cave-a-yoyo.com/test/index2.html
j'ai apporté ces modifications mais des autres problèmes surviennent.
Pour firefox:
Une mauvaise élasticité verticalement de tout le site ainsi que du fond bleu qui ne se répète pas. Avec un débordement du texte :/
Pour IE:
Pire !, la meme chose, mais sans les côtés étendus ^^
lien avec les modifs:
http://www.cave-a-yoyo.com/test/index2.html
C'est pas mal bien que Maxthon ait quelques soucis avec les encadrements (bizarrement pas sous IE)
Sur la version 1, effectivement il y a un manque d'optimisation, sur la version 2 ça déconne de plus belle sous Maxthon (encore pire sous Firefox)
La couleur des liens n'est pas trop judicieuse (même avec une police conséquente, la lecture n'est pas aisée).
La déco du site, ne semble avoir aucun rapport avec le contenu?
V'là quelques observations à la va vite ;-)
Sur la version 1, effectivement il y a un manque d'optimisation, sur la version 2 ça déconne de plus belle sous Maxthon (encore pire sous Firefox)
La couleur des liens n'est pas trop judicieuse (même avec une police conséquente, la lecture n'est pas aisée).
La déco du site, ne semble avoir aucun rapport avec le contenu?
V'là quelques observations à la va vite ;-)
Salut je ne connais pas Maxthon, qu'est-ce ? un explorateur web ?
Pour la déco du site, en effet, j'aime les belles couleurs et je suis du genre à me faire plaisir :) J'ai encore été calme la, ca pourrait être pire.
Les deux versions sont avec des div seulement mais comme tu le vois j'ai quelques problèmes :p
Si quelqu'un à une idée, qu'il n'hésite pas d'ailleurs !
Pour la déco du site, en effet, j'aime les belles couleurs et je suis du genre à me faire plaisir :) J'ai encore été calme la, ca pourrait être pire.
Les deux versions sont avec des div seulement mais comme tu le vois j'ai quelques problèmes :p
Si quelqu'un à une idée, qu'il n'hésite pas d'ailleurs !
Hello YoYos
je suis Webdesigner de formation et je voudrais te donner quelques conseils:
- Tout d'abord la création de site web en div est toujours plus facile quand tu le fait dés sa création (mais on ne choisi pas toujours).
- Aimer les couleurs c'est bien car il est vrais que le Web est remplis de sites gris, blanc et bleu ciel qui sont tous plus triste les uns que les autres. Mais il ne faut toute fois pas oublier que certaines couleurs s'accordent assé mal avec d'autres:
Voici un petit site pas mal fait, qui te permet en uploadant une image d'en tirer les couleurs interressantes à utiliser. tu pourrais y envoyer ton logo ou ton background principal.
-Une des règles principales de graphisme et sans doute celle qu'il ne faut jamais oublier est : LESS IS MORE! (litéralement moin c'est plus)
à comprendre: FAUT PAS TROP EN FAIRE.
Ton site n'est pas surchargé et les contour ssont biens marqués, mais certaines chôses sont peut-être trop importantes, comme le background "filigrané" de ton menu, qui n'aide pas à la lecture, peut-être devrais-tu encore plus l'alléger.
Pour en revenir à la conception pure et la decoupe en CSS et en DIV,
quand tu fais tes découpes choisi une logique qui facilite la mise en place des div. je te donne en exemple ce template que j'ai réalisé a vec seulement 6 images en background.
Une dernière chôse, et la c'est plus sérieux: n'oublie pas que tu n'a le droit d'utiliser que des images dont tu possèdes droits d'auteur pour la réalisation de sites web que tu met en ligne, même à titre d'illustrations. Ors, à moin que tu sois le designer de Hitman, je ne crois pas que tu aie le droit d'utiliser son portrait. En outre sache que si tu te présente en tant que graphiste et concepteur web cela donnera mieux si tu réalise tes illustrations toi même ou au moins que tu aie l'autorisation d'utiliser celles qui se trouvent sur ton site.
Il existe des banques d'images libres de droit je te donne celle que je préfère: https://www.freeimages.com/
Amicalement.
Bulb.
si tu a d'autres questions je t'écoute!
je suis Webdesigner de formation et je voudrais te donner quelques conseils:
- Tout d'abord la création de site web en div est toujours plus facile quand tu le fait dés sa création (mais on ne choisi pas toujours).
- Aimer les couleurs c'est bien car il est vrais que le Web est remplis de sites gris, blanc et bleu ciel qui sont tous plus triste les uns que les autres. Mais il ne faut toute fois pas oublier que certaines couleurs s'accordent assé mal avec d'autres:
Voici un petit site pas mal fait, qui te permet en uploadant une image d'en tirer les couleurs interressantes à utiliser. tu pourrais y envoyer ton logo ou ton background principal.
-Une des règles principales de graphisme et sans doute celle qu'il ne faut jamais oublier est : LESS IS MORE! (litéralement moin c'est plus)
à comprendre: FAUT PAS TROP EN FAIRE.
Ton site n'est pas surchargé et les contour ssont biens marqués, mais certaines chôses sont peut-être trop importantes, comme le background "filigrané" de ton menu, qui n'aide pas à la lecture, peut-être devrais-tu encore plus l'alléger.
Pour en revenir à la conception pure et la decoupe en CSS et en DIV,
quand tu fais tes découpes choisi une logique qui facilite la mise en place des div. je te donne en exemple ce template que j'ai réalisé a vec seulement 6 images en background.
Une dernière chôse, et la c'est plus sérieux: n'oublie pas que tu n'a le droit d'utiliser que des images dont tu possèdes droits d'auteur pour la réalisation de sites web que tu met en ligne, même à titre d'illustrations. Ors, à moin que tu sois le designer de Hitman, je ne crois pas que tu aie le droit d'utiliser son portrait. En outre sache que si tu te présente en tant que graphiste et concepteur web cela donnera mieux si tu réalise tes illustrations toi même ou au moins que tu aie l'autorisation d'utiliser celles qui se trouvent sur ton site.
Il existe des banques d'images libres de droit je te donne celle que je préfère: https://www.freeimages.com/
Amicalement.
Bulb.
si tu a d'autres questions je t'écoute!
Merci beaucoup bulb, je vais suivre tes conseils. En attendant le problème des divs est enfin résolu:
http://www.cave-a-yoyo.com/test/index.html
Page refaite et compatible avec IE normalement et Firefox, test aussi avec Ton Maxthon king si tu veux bien , merci :)
-EDIT-
Compatible safari aussi:
http://82.51.166.61/safaritest/1165336328-full.jpg
http://www.cave-a-yoyo.com/test/index.html
Page refaite et compatible avec IE normalement et Firefox, test aussi avec Ton Maxthon king si tu veux bien , merci :)
-EDIT-
Compatible safari aussi:
http://82.51.166.61/safaritest/1165336328-full.jpg
Bonsoir, ce weekend, j'ai changé le menu et la bannière pour le rendre plus sérieux comme l'a conseillé Bulb, et pour supprimer les images d'Hitman.
J'ai demandé rapidement à un ami et il a dit qu'il y avait une mauvaise visibilité du menu à cause des rayures dedans. Vous confirmez ou non ? Car moi en 1280*800 je vois très bien.
http://www.cave-a-yoyo.com
Bonne soirée et bonne nuitée :)
J'ai demandé rapidement à un ami et il a dit qu'il y avait une mauvaise visibilité du menu à cause des rayures dedans. Vous confirmez ou non ? Car moi en 1280*800 je vois très bien.
http://www.cave-a-yoyo.com
Bonne soirée et bonne nuitée :)
Je prends note de ton astuce avec le # pour la prochaine fois. Et concernant les <table>, j'en suis moi même déçu mais leur seul point fort est une grande compatibilité entre tous les navigateurs web.
Je ne maitrise pas très bien les div, surtout si le nombre dépasse celui d'un header, menu, corps, footer !
Ici il y a plein de petits morceaux d'images, tantôt répétées, tantôt non, et c'est très dur de tout organiser en div (only). Si tu as un bon tuto à me proposer concernant des montages de div assez complexes, je suis preneur car jusque la je n'ai vu que des tutos sur des designs très simples, avec juste une banniere, et le reste est fait par le css quasiment. Ici c'est différent, c'est + du graphisme !
Merci pour vos futurs réponses !