Esthétique de mon site web
Résolu
rollerfire
Messages postés
133
Date d'inscription
Statut
Membre
Dernière intervention
-
mpmp93 Messages postés 6648 Date d'inscription Statut Membre Dernière intervention -
mpmp93 Messages postés 6648 Date d'inscription Statut Membre Dernière intervention -
Bonjour, j'ai créé le site web de mon entreprise d'animation de soirées , maintenant que je l'est casiment terminé :
j'aimerais savoir si je dois changer des chose , comme le graphisme ou la présentation
Donner votre avis positif comme négatif , je prendrais en compte tout commentaire constructif , merci.
- vip-anim.fr*
j'aimerais savoir si je dois changer des chose , comme le graphisme ou la présentation
Donner votre avis positif comme négatif , je prendrais en compte tout commentaire constructif , merci.
A voir également:
- Esthétique de mon site web
- Site de telechargement - Accueil - Outils
- Création site web - Guide
- Site comme coco - Accueil - Réseaux sociaux
- Web office - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
36 réponses
Simpa... surtout étant moi même dans la partie (pour l'animation) (même si c'est plus en amateur).
Pour donner mon avis sur le site...
le titre est plustot simpa... ça pourrait même donner un super logo! (s'il n'est pas déjà pris.) parcontre en y regardant de plus près, le P me semble bizzar car visiblement plus gros que VI... est-ce fait expret?
Le fond en dégradé noir/blanc.. pourquoi pas si c'est à ton gout... mais j'aurais plus vu un css avec une page entouré d'ombre par exemple, et une bande de chaque coté avec un peut de déco... style des cercles, des lumières et une présentation simpa de matos sono... enfin à voir... à prés tout ce n'est que mon avis
par exemple sur la page, après l'animation à cette adresse: http://sono.rez-gif.supelec.fr/
sur le menu horizontale, parsonnellement j'aime pas trop le rollover en orange-marron... perso je trouve ça casse la bouté du menu bleu... mais en même temps c'est mon gout à moi.
Et pour ce genre de menu, j'aurais plustot vu une animation comme un flash au rollover... avec du Jquery? ou voir en prog flash? moi perso j'ai laissé tombé cette idée sur mon site parceque j'ai pa su faire, mais ça pète bien sur ce genre de menu, surtout qu'il est simpa le tiens, même si un peut large à mon gout (peut être moitié moins haut... fin bref du détail de perfectionniste ça :s désolé)
Dans ton cadre de présentation, quelques petites tournures de phrases qui m'interpèlent et qui ne font pas très pro (à mon avis perso encore une fois heing ;) )
de plus si tu est un peux perfectionniste, n'oublie pas de vérifier les espaces après-avant la ponctuation... qui n'est pas tout le temps le même. une fois ya un espace avant la virgule, une fois y'en a pas. Mais encore du détail...
niveau carrousel, je critiquerais pas parceque j'avais prévu le même pour mon site... mais j'ai abandoné ça fesais pas très pro au final poru ce que je voulais faire... et pour faire pro faut payer... parcontre pour l'affichage de tes photos, je vairais plus un affichage avec lythbox (je crois ya des versions gratuites)... bien programmé ça fait simpa et un peut plus sérieux. encore une fois c'est juste mon avis.
de plus, la barre bleu en bas... pour quoi faire? juste pour faire beau et rapeller la barre bleu du menu horizontale? style un footer?
Pourquoi pas, les gouts et les couleurs ça se commande pas.
Tiens d'ailleurs tu vois l'épaisseur de ta barre en bas, j'aurais vu la même pour ton menu, pour illustrer ce que je disais plus haut... mais c'est juste mon avis perso encore uen fois.
Puis quand je regarde par hasard une photo pour voir le fonctionnement de la gallerie, je vois un jeune homme à lunette et une table vide (à part un pc et une table usb... et un DD externe ?) je dis "une table vide" parceque ça me fait bizzare, je tourne avec une double platine cd et une vynil, une grosse table de mixage et 2 pc... alors pour dire que ça prend de la place! mdrrrr
et justement à cause de la place, Ca fait un petit moment que je me tenterais bien au mixage usb...mais plus les moyens d'investir, mon activité étant en pause. puis j'ai peur d'être déçu...
Fin bref, c'est pas le sujet, désolé :s
Donc à part ça, ton site va donner un bon support pub pour ton activité... je te le souhaite en tout cas... bon courage tout de même.
et tu fais ce que tu veux de mon avis biensure, et je dis pas ça pour te décourager, bien au contraire.. je sais que c'est pas évident de débuter...
Sur la partie VIP, pas mal de beug d'affichage sur mon pc
et perso deuxième moi je l'écrirais avec un x et pas un s... :p
la page tarif beug aussi chez moi sur la mise en page.
et en faite toute les autres pages... mais c'est peut être que chez moi.... :s
Courage! et bonne continuation :)
En espérant que mes observations ont pu servir à quelques chose sans que tu te dises que j'ai voulu te défoncer. :)
EDIT: désolé pour le pavé de texte! :s
Quand je donne mon avis je fais pas semblant :s lol
je comprendrais que personne ne lise! mdrrrrrr
Bonne continuation ;)
A l'impossible... nul n'est tout nu... mdrrr
A part mes connaissances!
Pour donner mon avis sur le site...
le titre est plustot simpa... ça pourrait même donner un super logo! (s'il n'est pas déjà pris.) parcontre en y regardant de plus près, le P me semble bizzar car visiblement plus gros que VI... est-ce fait expret?
Le fond en dégradé noir/blanc.. pourquoi pas si c'est à ton gout... mais j'aurais plus vu un css avec une page entouré d'ombre par exemple, et une bande de chaque coté avec un peut de déco... style des cercles, des lumières et une présentation simpa de matos sono... enfin à voir... à prés tout ce n'est que mon avis
par exemple sur la page, après l'animation à cette adresse: http://sono.rez-gif.supelec.fr/
sur le menu horizontale, parsonnellement j'aime pas trop le rollover en orange-marron... perso je trouve ça casse la bouté du menu bleu... mais en même temps c'est mon gout à moi.
Et pour ce genre de menu, j'aurais plustot vu une animation comme un flash au rollover... avec du Jquery? ou voir en prog flash? moi perso j'ai laissé tombé cette idée sur mon site parceque j'ai pa su faire, mais ça pète bien sur ce genre de menu, surtout qu'il est simpa le tiens, même si un peut large à mon gout (peut être moitié moins haut... fin bref du détail de perfectionniste ça :s désolé)
Dans ton cadre de présentation, quelques petites tournures de phrases qui m'interpèlent et qui ne font pas très pro (à mon avis perso encore une fois heing ;) )
de plus si tu est un peux perfectionniste, n'oublie pas de vérifier les espaces après-avant la ponctuation... qui n'est pas tout le temps le même. une fois ya un espace avant la virgule, une fois y'en a pas. Mais encore du détail...
niveau carrousel, je critiquerais pas parceque j'avais prévu le même pour mon site... mais j'ai abandoné ça fesais pas très pro au final poru ce que je voulais faire... et pour faire pro faut payer... parcontre pour l'affichage de tes photos, je vairais plus un affichage avec lythbox (je crois ya des versions gratuites)... bien programmé ça fait simpa et un peut plus sérieux. encore une fois c'est juste mon avis.
de plus, la barre bleu en bas... pour quoi faire? juste pour faire beau et rapeller la barre bleu du menu horizontale? style un footer?
Pourquoi pas, les gouts et les couleurs ça se commande pas.
Tiens d'ailleurs tu vois l'épaisseur de ta barre en bas, j'aurais vu la même pour ton menu, pour illustrer ce que je disais plus haut... mais c'est juste mon avis perso encore uen fois.
Puis quand je regarde par hasard une photo pour voir le fonctionnement de la gallerie, je vois un jeune homme à lunette et une table vide (à part un pc et une table usb... et un DD externe ?) je dis "une table vide" parceque ça me fait bizzare, je tourne avec une double platine cd et une vynil, une grosse table de mixage et 2 pc... alors pour dire que ça prend de la place! mdrrrr
et justement à cause de la place, Ca fait un petit moment que je me tenterais bien au mixage usb...mais plus les moyens d'investir, mon activité étant en pause. puis j'ai peur d'être déçu...
Fin bref, c'est pas le sujet, désolé :s
Donc à part ça, ton site va donner un bon support pub pour ton activité... je te le souhaite en tout cas... bon courage tout de même.
et tu fais ce que tu veux de mon avis biensure, et je dis pas ça pour te décourager, bien au contraire.. je sais que c'est pas évident de débuter...
Sur la partie VIP, pas mal de beug d'affichage sur mon pc
et perso deuxième moi je l'écrirais avec un x et pas un s... :p
la page tarif beug aussi chez moi sur la mise en page.
et en faite toute les autres pages... mais c'est peut être que chez moi.... :s
Courage! et bonne continuation :)
En espérant que mes observations ont pu servir à quelques chose sans que tu te dises que j'ai voulu te défoncer. :)
EDIT: désolé pour le pavé de texte! :s
Quand je donne mon avis je fais pas semblant :s lol
je comprendrais que personne ne lise! mdrrrrrr
Bonne continuation ;)
A l'impossible... nul n'est tout nu... mdrrr
A part mes connaissances!
Le Flash est dépassé : Pas lisible par les moteurs de recherche, pas lisible sur iOS, sur les smartphones ce sera lent. (sachant que 50% des gens naviguent par mobile ça commence à faire).
Du coup, ce sera forcément un gros désavantage.
Par contre, vous pouvez vous tourner vers un site en HTML/CSS et/ou moteur CMS, type Wordpress/Joomla ou autre.
Du coup, ce sera forcément un gros désavantage.
Par contre, vous pouvez vous tourner vers un site en HTML/CSS et/ou moteur CMS, type Wordpress/Joomla ou autre.
Je suis retourné sur ton site,
Ca avance, bien! C'est pas vraiment a mon gout mais je trouve ça avance.
Le fond de départ était peut être plus sympa ça apportera un peu de couleur
Perso je changerai :
-les arrondis du calque principal => trop arrondi
-Calque principale (blanc) enlève l'ombre interne
-Le logo est un peu mieux mais j'aime pas la police, et toutes les lueurs externes partout ca fait mal aux yeux
-Le menu toujours aussi mastoc, pareil pour la police.
-Je vois que tu tiens à ton carrousel, soit, mais ralenti le un peu si tu peux.
-Évite le texte centré au milieu de la page. (c'est un standard)
Ca avance, bien! C'est pas vraiment a mon gout mais je trouve ça avance.
Le fond de départ était peut être plus sympa ça apportera un peu de couleur
Perso je changerai :
-les arrondis du calque principal => trop arrondi
-Calque principale (blanc) enlève l'ombre interne
-Le logo est un peu mieux mais j'aime pas la police, et toutes les lueurs externes partout ca fait mal aux yeux
-Le menu toujours aussi mastoc, pareil pour la police.
-Je vois que tu tiens à ton carrousel, soit, mais ralenti le un peu si tu peux.
-Évite le texte centré au milieu de la page. (c'est un standard)
tu trouve le menu toujours aussi gros ? pourtant depuis le début il a pas mal perdu en épaisseur ^^
l'effet neon est voulu, sinon jpe retirer celui du animation pour faire moins?
t'aime l'image du passage souris du menu?
tu a remarquer l'effort pour nettoyer le code de la page ^^
le carrousel j'attend d'en avoir un meilleur , mais en attendant je laisse celui la , car pas la suite il servira a sélectionner l'évènement de son choix et nous redirigera vers la page associé
l'effet neon est voulu, sinon jpe retirer celui du animation pour faire moins?
t'aime l'image du passage souris du menu?
tu a remarquer l'effort pour nettoyer le code de la page ^^
le carrousel j'attend d'en avoir un meilleur , mais en attendant je laisse celui la , car pas la suite il servira a sélectionner l'évènement de son choix et nous redirigera vers la page associé
coucou ici,
heu, j'ai parcouru les liens de Rodolphe_... ya de bonnes choses, ça peut dépanner un bon débutant... mais ya aussi des liens HS...
commentaire de mpmp93:
..."et les media-queries CSS3 qui permettent d'avoir un design auto-adaptatif: un seul site pour ordinateur, tablettes, mobiles, etc... "
ça m'intéresse ça... :p faudra je vois ça de plus près...
-
en ce qui concerne le site de rollerfire... site revisionné à 20h...
un petit problème de border sur la barre de menu? un cadre bleu... visiblement le ' border="0" ' a été zappé dans le code pour cette image.
De plus ce n'est que mon avis, mais tu devrais structurer ton code de façon à ce qu'il soit plus claire, plus espacé, mieux présenter... aligner..
Tu t'y retrouveras plus vite je pense à certain moment.
Enfin ce n'est que mon avis, je ne suis pas un pro non plus... juste que j'ai perdu du temps moi perso à chercher des lignes dans des pavés de code mals présentés.
je me doute que tu dois préférer avancer page par page plustot que tout faire en même temps.. chacun fais comme il veut, et c'est pas plus mal.
sauf que niveau menu, ça ne doit pas déranger logiquement (que les autres pages ne soent pas prète.
Pour donner mon avis, si tu fesais un header (donc le menu) sur une page externe css, en l'apellant dans tes pages html ou php par exemple comme ça:
<link rel="stylesheet" media="screen" type="text/css" title="Design général" href="DesignGeneral.css"/>
déjà quand tu as une modif à faire, tu le fais qu'une fois et ça modifie automatiquement sur toute tes pages. sinon si tu as 50 pages, tu dois te taper les 50 même modif.. c'est une perte de temps inutile.
et si je te parle de ça, c'est parceque je présume que tu ne l'a pas fait, si celui de la première page est bon et pas celui des autres pages...
Après tu fais ce que tu veux, c'est ton site et ton temps. Mais pour des trucs comme ça, qui apparaissent sur plusieurs pages, il est plus simple de faire comme ça à mon avis. Idem pour ton footer... et pour ton corps de page également si tu veux conserver ton cadre blanc...
Puis je pense que dans l'idéale est une feuille de style css à part... comme ça tu sais où chercher, sans avoir besoin de te taper toutes tes pages.
Et désolé de te dire ça, mes vis-à-vis de mes gouts perso, l'effet de transparence que tu as donné au rollover ne me parait pas convenir à ton menu... après je me trompe peut être, et nous n'avons pas forcément les mêmes gouts. De plus il est sur que ce n'est pas mon site mes bien le tiens, donc c'est pas parceque je te dis ça qu'il faut faire autrement, tu le fait à ton gout heing!
Après cet "effet" dont je parle est peut être juste une erreur de chargement des images du rollover... alors à ce moment ne tiens pas compte de ma remarque.
P.S.: je ne suis pas un dj pro en boite de nuit... juste un "animateur de soirée" comme tu dis l'être... mais jusqu'à présent j'aimais bien l'ancienne méthode... l'usb n'étant pas encore au jour quand j'ai commencé. Mais il est sûr que faire ça en usb et en numérique est un bon avantage. Enfin ça c'est un autre sujet.
P.S. bis: merci d'avoir pris le temps de lire mon "pavé" :)
j'espère que tu arrivera à faire ce dont tu espères. bon courage et bonen continuation.
-
Rodolpe_ ? n'étant pas un pro moi non plus, je me pose des questions à propos de ton avis sur la chromatique... je connais pas cet outil
("...tu as vérifié avec un outil chromatique? ")
ça parait intéressant, ça à l'air de vouloir faire gagner du temps?! mais à quoi cela sert réellement?
Est-ce que ça servirait juste à faire l'association des couleurs pour vérifier que ces dites associations ne font pas "beurk"?
Merci de cultiver ma soife de connaissance =)
-
j'aime bien la remarque de Rodolphe_: "ça fait beaucoup de choses qui te paraitront pas très positives mais en fait il te faut les prendre comme un avis constructif."
c'est exactement ça... le but des avis constructifs.
j'aime bien le site présenté par Rodolphe_ aussi. graphisme simple général, surtout pour le fond, mais ça fait clair et net. il en fallait pas moins, mais pas plus non plus. le site est simpa. et j'aime bien l'effet du menu =)
La page contact me parait parfaite! complète juste à point.. je suis presque jaloux ^^
Les icones sont simpa et le formulaire clair et net est également bien pensé.
Simpa aussi le background du site "http://www.rod-perception.net/"... J'aime bien ce genre de détails... ça fait desuite plus soigné :)
parfait le formaulaire sur http://www.rod-perception.net/contact/
j'ai essayé perso de donner un effet similaire au mien pour les changement de champs texte... mais ça fait pas aussi bien j'avoue ^^
enfin ce n'est pas le sujet là, désolé je m'égare ^^
-
Pas mal dis tryan44 :"Pas grand chose ^^... tout est une question de goût et les goûts sont propres à chacun :)."
-
Rollerfire, je vois que par rapport à ton message du 29 novembre (15h16) tu as fait des modifs... perso je préfère maintenant biensur :)
le logo autant que les couleurs... tu es sur la bonne voie je pense, continue dans ce sens.
-
lionel-DIL me répond que "Le Flash est dépassé "
Ha bon! je savais pas.. je croyais justement que ça devenais de plus en plus à la mode, et une des valeurs sûre.. en tous cas il permet de très belles choses...
-
Niveau caroussel, moi perso j'avais pas trouvé meilleur, pour ça que j'ai abandonné pour l'instant. Sinon pour trouver des trucs top... c'est payant, et quand tu débutes pour ta pomme, tu as pas forcément les moyens... si tu trouves je veux bien bénéficier de tes acquis :p
Et... bonne lecture heing! :s (d'solé ^^)
Edit:
erf! encore une page pour rien dire! :s abusé!
promis j'arrète de m'enflammer :s
C'est la faute à ma prof de français au collège qui me collait parceque j'argumentais pas assez! Expldrrr
A l'impossible... nul n'est tout nu... mdrrr
A part mes connaissances!
heu, j'ai parcouru les liens de Rodolphe_... ya de bonnes choses, ça peut dépanner un bon débutant... mais ya aussi des liens HS...
commentaire de mpmp93:
..."et les media-queries CSS3 qui permettent d'avoir un design auto-adaptatif: un seul site pour ordinateur, tablettes, mobiles, etc... "
ça m'intéresse ça... :p faudra je vois ça de plus près...
-
en ce qui concerne le site de rollerfire... site revisionné à 20h...
un petit problème de border sur la barre de menu? un cadre bleu... visiblement le ' border="0" ' a été zappé dans le code pour cette image.
De plus ce n'est que mon avis, mais tu devrais structurer ton code de façon à ce qu'il soit plus claire, plus espacé, mieux présenter... aligner..
Tu t'y retrouveras plus vite je pense à certain moment.
Enfin ce n'est que mon avis, je ne suis pas un pro non plus... juste que j'ai perdu du temps moi perso à chercher des lignes dans des pavés de code mals présentés.
je me doute que tu dois préférer avancer page par page plustot que tout faire en même temps.. chacun fais comme il veut, et c'est pas plus mal.
sauf que niveau menu, ça ne doit pas déranger logiquement (que les autres pages ne soent pas prète.
Pour donner mon avis, si tu fesais un header (donc le menu) sur une page externe css, en l'apellant dans tes pages html ou php par exemple comme ça:
<link rel="stylesheet" media="screen" type="text/css" title="Design général" href="DesignGeneral.css"/>
déjà quand tu as une modif à faire, tu le fais qu'une fois et ça modifie automatiquement sur toute tes pages. sinon si tu as 50 pages, tu dois te taper les 50 même modif.. c'est une perte de temps inutile.
et si je te parle de ça, c'est parceque je présume que tu ne l'a pas fait, si celui de la première page est bon et pas celui des autres pages...
Après tu fais ce que tu veux, c'est ton site et ton temps. Mais pour des trucs comme ça, qui apparaissent sur plusieurs pages, il est plus simple de faire comme ça à mon avis. Idem pour ton footer... et pour ton corps de page également si tu veux conserver ton cadre blanc...
Puis je pense que dans l'idéale est une feuille de style css à part... comme ça tu sais où chercher, sans avoir besoin de te taper toutes tes pages.
Et désolé de te dire ça, mes vis-à-vis de mes gouts perso, l'effet de transparence que tu as donné au rollover ne me parait pas convenir à ton menu... après je me trompe peut être, et nous n'avons pas forcément les mêmes gouts. De plus il est sur que ce n'est pas mon site mes bien le tiens, donc c'est pas parceque je te dis ça qu'il faut faire autrement, tu le fait à ton gout heing!
Après cet "effet" dont je parle est peut être juste une erreur de chargement des images du rollover... alors à ce moment ne tiens pas compte de ma remarque.
P.S.: je ne suis pas un dj pro en boite de nuit... juste un "animateur de soirée" comme tu dis l'être... mais jusqu'à présent j'aimais bien l'ancienne méthode... l'usb n'étant pas encore au jour quand j'ai commencé. Mais il est sûr que faire ça en usb et en numérique est un bon avantage. Enfin ça c'est un autre sujet.
P.S. bis: merci d'avoir pris le temps de lire mon "pavé" :)
j'espère que tu arrivera à faire ce dont tu espères. bon courage et bonen continuation.
-
Rodolpe_ ? n'étant pas un pro moi non plus, je me pose des questions à propos de ton avis sur la chromatique... je connais pas cet outil
("...tu as vérifié avec un outil chromatique? ")
ça parait intéressant, ça à l'air de vouloir faire gagner du temps?! mais à quoi cela sert réellement?
Est-ce que ça servirait juste à faire l'association des couleurs pour vérifier que ces dites associations ne font pas "beurk"?
Merci de cultiver ma soife de connaissance =)
-
j'aime bien la remarque de Rodolphe_: "ça fait beaucoup de choses qui te paraitront pas très positives mais en fait il te faut les prendre comme un avis constructif."
c'est exactement ça... le but des avis constructifs.
j'aime bien le site présenté par Rodolphe_ aussi. graphisme simple général, surtout pour le fond, mais ça fait clair et net. il en fallait pas moins, mais pas plus non plus. le site est simpa. et j'aime bien l'effet du menu =)
La page contact me parait parfaite! complète juste à point.. je suis presque jaloux ^^
Les icones sont simpa et le formulaire clair et net est également bien pensé.
Simpa aussi le background du site "http://www.rod-perception.net/"... J'aime bien ce genre de détails... ça fait desuite plus soigné :)
parfait le formaulaire sur http://www.rod-perception.net/contact/
j'ai essayé perso de donner un effet similaire au mien pour les changement de champs texte... mais ça fait pas aussi bien j'avoue ^^
enfin ce n'est pas le sujet là, désolé je m'égare ^^
-
Pas mal dis tryan44 :"Pas grand chose ^^... tout est une question de goût et les goûts sont propres à chacun :)."
-
Rollerfire, je vois que par rapport à ton message du 29 novembre (15h16) tu as fait des modifs... perso je préfère maintenant biensur :)
le logo autant que les couleurs... tu es sur la bonne voie je pense, continue dans ce sens.
-
lionel-DIL me répond que "Le Flash est dépassé "
Ha bon! je savais pas.. je croyais justement que ça devenais de plus en plus à la mode, et une des valeurs sûre.. en tous cas il permet de très belles choses...
-
Niveau caroussel, moi perso j'avais pas trouvé meilleur, pour ça que j'ai abandonné pour l'instant. Sinon pour trouver des trucs top... c'est payant, et quand tu débutes pour ta pomme, tu as pas forcément les moyens... si tu trouves je veux bien bénéficier de tes acquis :p
Et... bonne lecture heing! :s (d'solé ^^)
Edit:
erf! encore une page pour rien dire! :s abusé!
promis j'arrète de m'enflammer :s
C'est la faute à ma prof de français au collège qui me collait parceque j'argumentais pas assez! Expldrrr
A l'impossible... nul n'est tout nu... mdrrr
A part mes connaissances!
Yop, le flash est en train de mourir, il n'est plus supporter sur smartphone et tablette et de toute façon ça toujours été une mauvaise techno (proprio, blob binaire, pas interopérable, pas accessible, mauvais pour le SEO, lourde, etc).
Pour les outils chromatique, je pense qu'il parlait de ce genre de truc :
http://paletton.com/
https://mashable.com/2010/06/10/color-tools-web-design/?europe=true
Pratique quand on à des gouts de chiotte comme moi. ^^
Pour les outils chromatique, je pense qu'il parlait de ce genre de truc :
http://paletton.com/
https://mashable.com/2010/06/10/color-tools-web-design/?europe=true
Pratique quand on à des gouts de chiotte comme moi. ^^
ha bon! ba ça m'arange que ça tombe à l'eau le flash parceque c'était trop compliqué pour moi... même si ça m'aurait bien dépanné pour faire de beau truc...
pour la chromatique j'ai bien vu son lien, et ça correspond aux tiens en effet... et je pensais que c'était une histoire plus complexe que ça à la base.. mais visiblement ça sert juste à donner les couleurs idéalement correspondantes...
En gros même avec des gouts de chiote ça sert à rien.. si les couleurs que l'outil propose ne plaise pas... lol
Il me semblait que le meilleur outil était l'oeil... et la déduction logique...
mais c'est vrai que les histoires de gout influancent pas mal la donne...
fin bref c'est pa le sujet, je ne vais donc pas poluer davantage la demande de rollerfire.
chao ;)
pour la chromatique j'ai bien vu son lien, et ça correspond aux tiens en effet... et je pensais que c'était une histoire plus complexe que ça à la base.. mais visiblement ça sert juste à donner les couleurs idéalement correspondantes...
En gros même avec des gouts de chiote ça sert à rien.. si les couleurs que l'outil propose ne plaise pas... lol
Il me semblait que le meilleur outil était l'oeil... et la déduction logique...
mais c'est vrai que les histoires de gout influancent pas mal la donne...
fin bref c'est pa le sujet, je ne vais donc pas poluer davantage la demande de rollerfire.
chao ;)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
je voudrais créer comme on me la conseiller un menu hors page
par contre comment je fait , je met les #menu{} et tout ce qui correspond au menu dans la page css
mais pour le rollover et mes image le <div> je l'introduit comment dedans?
par contre comment je fait , je met les #menu{} et tout ce qui correspond au menu dans la page css
mais pour le rollover et mes image le <div> je l'introduit comment dedans?
Rollerfire... niveau page css (donc en externe) tu fais ce que tu veux biensure, mais perso je trouve que c'est plus simple. comme ça toutes tes pages appellent cette page, et si tu as une modif à faire, tu la fais qu'une seul fois. et comme ça une fois que ton code est fait, ça le fait automatiquement sur toutes tes pages. ça te changera bien la vie...
-
"j'adore tes messages"... ba tant mieux ^^
-
Pierrecastor, pour le caroussel je suis curieux de voir ça :p
en effet j'ai entendu parler de caroussel en Jquiery... mais le problème que j'ai rencontré moi, c'est que quand tu as déjà un truc en jquiery ça fout la crotte pour la compatibilité avec un autre "script" jquiery... maintenant je me trompe peut être heing... je ne suis pas expert...
-
rollerfire.. j'espère que quand tu parles de bon prof tu ne m'inclus pas dedans... parceque sinon tu es mal tombé, je ne susi pas un expert.. j'ai jsute était confronté moi aussi à des situations compliqués à mes débuts (et je sais que c'est pas évident)...d'ailleurs tu vois moi aussi j'ai besoin d'aide... docn bon ^^
-
Voici un exemple d'un menu rapide que j'ai réalisé ya pas longtemp, si ça peut te donner une piste...
mais au résultat, attention, c'est différent... et je dis pas que ma façon de faire est correcte... encore une fois je ne suis pas un expert, mais au moins ça fonctionne, ça me donne le résultat souhaité.:
- page html:
- page css :
et biensure dans ta page HTML dans la partie <head> faut pas oublier le lien qui dit que tu recherches le css sur une page externe... sinon ta page html ne sera pas traité chraphiquement.
le liens est de cette forme... bien sur tu mets le nom de ta page.css à la place du miens... (DesignGeneral.css):
-
maintenant tu devrais regarder les liens donnés par rodolph_ au sujet des menu horizontaux... pour plus d'infos et d'exemples ; certains tutos pourraient te donner des idées sur la marche à suivre.
en espérant répondre à tes attentes.
Courage!
A l'impossible... nul n'est tout nu... mdrrr
A part mes connaissances!
-
"j'adore tes messages"... ba tant mieux ^^
-
Pierrecastor, pour le caroussel je suis curieux de voir ça :p
en effet j'ai entendu parler de caroussel en Jquiery... mais le problème que j'ai rencontré moi, c'est que quand tu as déjà un truc en jquiery ça fout la crotte pour la compatibilité avec un autre "script" jquiery... maintenant je me trompe peut être heing... je ne suis pas expert...
-
rollerfire.. j'espère que quand tu parles de bon prof tu ne m'inclus pas dedans... parceque sinon tu es mal tombé, je ne susi pas un expert.. j'ai jsute était confronté moi aussi à des situations compliqués à mes débuts (et je sais que c'est pas évident)...d'ailleurs tu vois moi aussi j'ai besoin d'aide... docn bon ^^
-
Voici un exemple d'un menu rapide que j'ai réalisé ya pas longtemp, si ça peut te donner une piste...
mais au résultat, attention, c'est différent... et je dis pas que ma façon de faire est correcte... encore une fois je ne suis pas un expert, mais au moins ça fonctionne, ça me donne le résultat souhaité.:
- page html:
<div id="textBarrDroit"> <a href="contact.php" id="contact" title="Contactez nous"></a> <a href="planSite.php" id="planSite" title="Accédez au plan du site"></a> <a href="index2.php" id="accueil" title="Visitez l'accueil"></a> </div>
- page css :
/* --------- contenu droite de la barre (boutons menu rapide) --------- */ #textBarrDroit { position: absolute; padding-top: 0px; margin-left: 760px; } #accueil { float: right; cursor: pointer; background-image: url('images/barreNavigation/BoutonsBarreNav.png'); background-repeat: no-repeat; width: 60px; height: 20px; margin-right: 7px; margin-top: 6px; background-position: 0 0; cursor: url('images/pointer_perso.cur'), auto; } #accueil:hover { background-image: url('images/barreNavigation/BoutonsBarreNav.png'); background-repeat: no-repeat; width: 60px; height: 35px; margin-top: -7px; background-position: 0 -33px; } #planSite { float: right; cursor: pointer; background-image: url('images/barreNavigation/BoutonsBarreNav.png'); background-repeat: no-repeat; width: 60px; height: 20px; margin-right: 7px; margin-top: 6px; background-position: 50% 0px; cursor: url('images/pointer_perso.cur'), auto; } #planSite:hover { background-repeat: no-repeat; background-image: url('images/barreNavigation/BoutonsBarreNav.png'); width:60px; height:35px; margin-top: -7px; background-position: 50% -33px; } #contact { float: right; cursor: pointer; background-image: url('images/barreNavigation/BoutonsBarreNav.png'); background-repeat: no-repeat; width: 60px; height: 20px; margin-right: 15px; margin-top: 6px; background-position: 100% 0px; cursor: url('images/pointer_perso.cur'), auto; } #contact:hover { background-image: url('images/barreNavigation/BoutonsBarreNav.png'); background-repeat: no-repeat; width: 60px; height: 35px; margin-top: -7px; background-position: 100% -33px; }
et biensure dans ta page HTML dans la partie <head> faut pas oublier le lien qui dit que tu recherches le css sur une page externe... sinon ta page html ne sera pas traité chraphiquement.
le liens est de cette forme... bien sur tu mets le nom de ta page.css à la place du miens... (DesignGeneral.css):
<link rel="stylesheet" media="screen" type="text/css" title="Design général" href="DesignGeneral.css"/>
-
maintenant tu devrais regarder les liens donnés par rodolph_ au sujet des menu horizontaux... pour plus d'infos et d'exemples ; certains tutos pourraient te donner des idées sur la marche à suivre.
en espérant répondre à tes attentes.
Courage!
A l'impossible... nul n'est tout nu... mdrrr
A part mes connaissances!
pour les menus, vois ici :
https://www.unesourisetmoi.info/menus/menus.php
il y en a qq uns très simples, personnalisables et totalement paramétrables
... avec les codes sources ;)
https://www.unesourisetmoi.info/menus/menus.php
il y en a qq uns très simples, personnalisables et totalement paramétrables
... avec les codes sources ;)
bon j'arrive absolument pas a faire un menu avec une feuille de style css externe , m'affiche rien chez pas pourquoi -_-
ma page php:
au debut du header
apres j'ai mis ça dans le body :
et ma feuille css : stylemenu.css
ma page php:
au debut du header
<link rel="stylesheet" media="screen" type="text/css" title="style menu" href="stylemenu.css"/>
apres j'ai mis ça dans le body :
<div id="menu2"> <a href="contact.php" id="contact" title="Contactez nous"></a> </div>
et ma feuille css : stylemenu.css
#menu2 { margin-top:-40px; margin-left: auto; text-align:center; } #contact { float: right; cursor: pointer; background-image: url('miseenpage/menuhaut/menu2.png'); background-repeat: no-repeat; width: auto; height: auto; margin-right: 15px; margin-top: 6px; background-position: 100% 0px; cursor: url('images/pointer_perso.cur'), auto; } #contact:hover { background-image: url('miseenpage/menuhaut/menu2p.png'); background-repeat: no-repeat; width: auto; height: auto; margin-top: -7px; background-position: 100% -33px; }
Il y a des bonnes idées ;-) .
Le seul soucis est que je n'ai pas réussi à ouvrir les autres pages sur Windows 8 avec Internet Explorer.
Bonne continuation
Le seul soucis est que je n'ai pas réussi à ouvrir les autres pages sur Windows 8 avec Internet Explorer.
Bonne continuation
coucou... déjà un soucis avec ton image pour le hover contact... si tu utilises le système d'image hover sur la même image que l'original... comme moi dans l'exemple que je t'ai montré... et je voi que c'est le cas grace à ça:
background-position: 100% 0px;
il faut que ton image soit la même... et que tu fasses attention en tapant tes liens/nom d'images...
sur la version hover tu dois enlever le p avant le points : menu2p.png
Attention! il faut être rigoureux dans tes liens...sinon forcément ça va te planter souvant
de plus je pense qu'il serait préférable que tu mettes des valeurs réelles à tes dimensions d'image... comme :
width: 100px;
height: 15px;
plustot qu'une valeur en auto... après je ne suis pas un pro, mais j'ai testé et ça fonctionne...
De plus comme le disais astuces72, je ne pense pas non plus qu'il soit judicieux de mettre -40 :
margin-top:-40px;
essai avec une valeur positive.
et si tu veux vérifier si l'erreur d'affichage viens des images ou du code... essai de mettre ça par exemple dans le css de ton image: border: 1px solid red;
ça lui donnera un cadre rouge pour ce cas là, et donc si l'image ne s'affiche pas, tu verra logiquement au moins le cadre...
Alors tu devrait pouvoir déterminé si c'est bien un problème d'image, de lien, ou de code.
Edit:J'ai essayé ton code ainsi, et ça à l'air de fonctionné... avec les modifs...
Et... ne copie pas mon code... c'est jsute pour t'inspirer. il n'est pas forcément très juste et surtout pas adapté aux résultat que tu veux... parceque je susi sur qu'il y a des lignes qui te serviront pas et que tu sais même pas à quoi elle correspondes...
tu devrais aussi et surtout regarder les liens de rodolphe_... pas mal d'exempel et de tutos pour t'apprendre. et si tu apprends pas par toi même tu sauras jamais faire..
Voila, en espérant t'avoir aidé...
A l'impossible... nul n'est tout nu... mdrrr
A part mes connaissances!
background-position: 100% 0px;
il faut que ton image soit la même... et que tu fasses attention en tapant tes liens/nom d'images...
sur la version hover tu dois enlever le p avant le points : menu2p.png
Attention! il faut être rigoureux dans tes liens...sinon forcément ça va te planter souvant
de plus je pense qu'il serait préférable que tu mettes des valeurs réelles à tes dimensions d'image... comme :
width: 100px;
height: 15px;
plustot qu'une valeur en auto... après je ne suis pas un pro, mais j'ai testé et ça fonctionne...
De plus comme le disais astuces72, je ne pense pas non plus qu'il soit judicieux de mettre -40 :
margin-top:-40px;
essai avec une valeur positive.
et si tu veux vérifier si l'erreur d'affichage viens des images ou du code... essai de mettre ça par exemple dans le css de ton image: border: 1px solid red;
ça lui donnera un cadre rouge pour ce cas là, et donc si l'image ne s'affiche pas, tu verra logiquement au moins le cadre...
Alors tu devrait pouvoir déterminé si c'est bien un problème d'image, de lien, ou de code.
Edit:J'ai essayé ton code ainsi, et ça à l'air de fonctionné... avec les modifs...
Et... ne copie pas mon code... c'est jsute pour t'inspirer. il n'est pas forcément très juste et surtout pas adapté aux résultat que tu veux... parceque je susi sur qu'il y a des lignes qui te serviront pas et que tu sais même pas à quoi elle correspondes...
tu devrais aussi et surtout regarder les liens de rodolphe_... pas mal d'exempel et de tutos pour t'apprendre. et si tu apprends pas par toi même tu sauras jamais faire..
Voila, en espérant t'avoir aidé...
A l'impossible... nul n'est tout nu... mdrrr
A part mes connaissances!
Quelques avis :
- Balise title vide (donc à remplir, tout comme les balises meta)
- Le logo au début du site semble prendre beaucoup de place
- Manque d'optimisations pour le référencement naturel
complément avec un livre : https://odorizzi.fr/madrileno.html .
- Le design est sympa, mais trop d'effets
- Notepad++ c'est bien aussi pour coder un site
N'hésitez pas si vous avez besoin d'autres conseils.
- Balise title vide (donc à remplir, tout comme les balises meta)
- Le logo au début du site semble prendre beaucoup de place
- Manque d'optimisations pour le référencement naturel
complément avec un livre : https://odorizzi.fr/madrileno.html .
- Le design est sympa, mais trop d'effets
- Notepad++ c'est bien aussi pour coder un site
N'hésitez pas si vous avez besoin d'autres conseils.
comprend pas ,avec ce code l'image ne ce vois pas , mais quand je passe tout simplement le float a right l'image est visible mais a droite et sa m'énerve -_- du coup jpe pas le placer !!
#menu2 { margin-top:10px; text-align:center; } #contact { float:none; cursor: pointer; background-image: url('miseenpage/menuhaut/menu2.png'); background-repeat: no-repeat; width: 132px; height: 86px; background-position: 100% 0px; cursor: url('images/pointer_perso.cur'), auto; border: 1px solid red;
voici un tres bon tuto pour apprendre à créer des menus correctement: https://www.alsacreations.com/tuto/lire/574-Creer-des-menus-simples-en-CSS.html
et... juste ça:
parceque tu as pleins de choses inutiles...
mais le plus simple oui, est que tu vois directe sur des tutos.. parceque prendre sur un code qui donne un résultat opposé au tiens, forcément ça va pas le faire :s
#menu2 { margin-top:10px; text-align:center; } #contact { background-image: url('miseenpage/menuhaut/menu2.png'); background-repeat: no-repeat; width: 132px; height: 86px; border: 1px solid red; }
parceque tu as pleins de choses inutiles...
mais le plus simple oui, est que tu vois directe sur des tutos.. parceque prendre sur un code qui donne un résultat opposé au tiens, forcément ça va pas le faire :s
et puis codé tout simplement... ça fonctionne, je vois pas ce qui te gêne:
code css:
code html:
Après il y a d'autrs façon plus correste pour el faire que tu veras dasn les tutos surement... mais au moins c'est simple et ça fonctionne...
code css:
#contact { background-image: url('miseenpage/menuhaut/menu5.png'); background-repeat: no-repeat; width: 132px; height: 86px; } #contact:hover { background-image: url('miseenpage/menuhaut/menu5p.png'); background-repeat: no-repeat; }
code html:
<link rel="stylesheet" media="screen" type="text/css" title="style menu" href="stylemenu.css"/> <div id="menu2"> <a href="..." id="accueil" title="..."></a> <a href="..." id="vip" title="..."></a> <a href="..." id="tarifs" title="..."></a> <a href="contact.php" id="contact" title="Contactez nous"></a> <a href="..." id="livre_or" title="..."></a> <a href="..." id="partenaires" title="..."></a> </div>
Après il y a d'autrs façon plus correste pour el faire que tu veras dasn les tutos surement... mais au moins c'est simple et ça fonctionne...
Bonjour
Pas si mal, le carroussel je m'en serais servi comme lien hypertexte une photo thematique renvoyant à une page.
Exemple une photo mariages, une photo banquet des anciens combatants, et en clickant dessus on est dirigé vers la dite page correspondante là ca ne renvoie qu'a une photo un peu bof.
Le fond gris fait penser que vous organisez principalement des obseques, et le design du nom de l'entreprise aussi.
Sinon je pense que plus la page d'acceuil est simple mieux ca vaut et la c'est le cas.
Les onglets ne mennent nul part mais je pense que c 'est à venir.
Cordialement.
Pas si mal, le carroussel je m'en serais servi comme lien hypertexte une photo thematique renvoyant à une page.
Exemple une photo mariages, une photo banquet des anciens combatants, et en clickant dessus on est dirigé vers la dite page correspondante là ca ne renvoie qu'a une photo un peu bof.
Le fond gris fait penser que vous organisez principalement des obseques, et le design du nom de l'entreprise aussi.
Sinon je pense que plus la page d'acceuil est simple mieux ca vaut et la c'est le cas.
Les onglets ne mennent nul part mais je pense que c 'est à venir.
Cordialement.
pour les lien des images ;,c'est le but a la base mais malgré mes essai rien ne change la c'est incompréhensible !!
rgd mon default.xml j'ai essayer ceci:
j'ai fait différent test , d'ailleurs c'est toujours le code actuel du default.xml ^^
rgd mon default.xml j'ai essayer ceci:
<photo href="articles/article1.php" target="articles/article1.php"><a href="articles/article1.php"></a></photo> <photo href="images/7.jpg" target="articles/article1.php">articles/article1.php</photo> <photo href="images/5.jpg" target="articles/article1.php">thumbnails/5.jpg</photo> <photo href="images/8.jpg" target="articles/article1.php">thumbnails/8.jpg</photo> <photo href="images/6.jpg" target="articles/article1.php">thumbnails/6.jpg</photo> <photo href="images/3.jpg" target="articles/article1.php">thumbnails/3.jpg</photo> <photo href="images/2.jpg" target="articles/article1.php">thumbnails/2.jpg</photo> <photo href="images/4.jpg" target="articles/article1.php">thumbnails/4.jpg</photo>
j'ai fait différent test , d'ailleurs c'est toujours le code actuel du default.xml ^^
j'ai recréer les lien , mais la mise en page du content et pas encore optimiser donc si quelqu'un a des idées avant que je commence a me lancer dedans je suis preneur , merci :D
faudrait pas non plus en faire toute une tartine ... de ce post ^^
un peu d'efforts, de compréhension des conseils donnés, de travail perso et ... ensuite, seulement !!!, nous mettre au courant de tes modifications, de ta progression ...
forum d'entraide ... pas d'assistance ou de création ... car à force ... ça lasse !!!
à moins que tu ne connaisses vraiment 'Raymond' ;)
un peu d'efforts, de compréhension des conseils donnés, de travail perso et ... ensuite, seulement !!!, nous mettre au courant de tes modifications, de ta progression ...
forum d'entraide ... pas d'assistance ou de création ... car à force ... ça lasse !!!
à moins que tu ne connaisses vraiment 'Raymond' ;)
re tout le monde ! sa y est j'y suis presque mon site est fini (il y aura toujours quelque chose a retoucher ;p) , dernier petit détail, j'aimerais introduire des mot-clés avec h1 h2 etc mais sans que se soit vu par les visiteurs , j'ai essayer de mettre font-weight:normal; aucun changement ... , donc n'ayant pas trouver d'autre solution je m'en remet a vous
bon, moi je dirais que c'est mieux qu'avant mais toujours aussi moche !!!
Ba oui, je donne mon avis comme tu le demandes !
Ba oui, je donne mon avis comme tu le demandes !
ce qui est très moche (Pas à mon gout)
Dans contact: le morceau vert à gauche du cadre noir, le cadre violet, !
Dans tarif: les barres noires de chaque coté des cadres tarif, et le tout !
L'image du livre d'or !
le fond
le logo VIP avec un gros P !
le carrousel !
Dans contact: le morceau vert à gauche du cadre noir, le cadre violet, !
Dans tarif: les barres noires de chaque coté des cadres tarif, et le tout !
L'image du livre d'or !
le fond
le logo VIP avec un gros P !
le carrousel !
Les livres d'or, ça fait une bonne dizaine d'année que ça ne se fait plus.
Esthétiquement parlant, en effet, ça reste assez laid : ça ne fait pas beau, pas pro du tout.
Ton background est assez laid, je crois avoir déjà dit que le flash était dépassé ( alors pourquoi le laisser?), le noir ( et le sombre), ça fait glauque : change un peu, ça fait trop gothique et pas adapté ici.
Esthétiquement parlant, en effet, ça reste assez laid : ça ne fait pas beau, pas pro du tout.
Ton background est assez laid, je crois avoir déjà dit que le flash était dépassé ( alors pourquoi le laisser?), le noir ( et le sombre), ça fait glauque : change un peu, ça fait trop gothique et pas adapté ici.
Bonjour,
Moche..... Pas pro du tout....
Pourquoi voulez-vous, pour VOTRE SITE, singer les mochetés des autres....
Commencez par faire sobre:
- des menus avec un petit filet clair, page blanche, des boîtes au fond pastel, caractères basiques...
- des textes explicatifs qui tiennent dans la géométrie écran 16/9 à 16/10
- exploiter au maximum la largeur écran
- limiter les effets visuels
Exemple:
http://www.marieclaudecanet.com/html/index.php?page=biographie
Pour les photos d'animations de vos soirées, privilégier les gros plans,
A+
Moche..... Pas pro du tout....
Pourquoi voulez-vous, pour VOTRE SITE, singer les mochetés des autres....
Commencez par faire sobre:
- des menus avec un petit filet clair, page blanche, des boîtes au fond pastel, caractères basiques...
- des textes explicatifs qui tiennent dans la géométrie écran 16/9 à 16/10
- exploiter au maximum la largeur écran
- limiter les effets visuels
Exemple:
http://www.marieclaudecanet.com/html/index.php?page=biographie
Pour les photos d'animations de vos soirées, privilégier les gros plans,
A+
le reste du site beugé c'est normal je me concentre sur la premier page , une fois terminé je mettrais les autre en page.
Désolé pour l'expression écrite je suis vraiment nul . . .
le logo est le nom officiel de mon entreprise " VIP animation" le "P" trop gros n'est pas voulu sa doit être du a la police d'écriture je vais modifier ça!
pour la présentation , je vais essayer le faire une page , j'ai compris ton idée
le menu j'ai pas encore trouver de quoi faire aussi jolie en flash ou css
mais ce n'est pas la même chose moi j'ai une MK4 , virtual une table de mix et un pc , toi tu utilise du gros matos, mais tu est DJ on te juge sur ta qualité de DJ donc sur t'est mix t transition ton matos et tout ça , moi je suis animateur de soirée certes je mix ,mais pas avec autant de précision , mon but n'est pas là et le jugement des gens non plus .
On me juge par ma présence, ma capacité à motiver les gens, sur mon élocution , un peu sur le mix aussi ^^ mais animateur c'est savoir garder les gens motivé même sans musique, c'est deux monde proche mais assez différent en même temps ;p
Je ne critique en rien le DJ pur j'adore !
mais ça c'était le coté personnel du topic ^^
http://www.admixweb.com/2009/03/22/30-beautiful-menus-examples/
https://korben.info/encore-des-menus-css.html
--> au risque de me répéter, utilisez un modèle orienté MVC, en agissant sur un composant, ça agit sur tout le site. Un embryon de MVC:
Ca c'est l'embryon pour index.php
Vous ne créez aucun autre script PHP
Les templates sont dans le répertoire templates, exemple pour contact.phtml
A noter que le code de header /header peut être mutualisé en le plaçant dans index.php
et contact devient:
Avec cette programmation orientée MVC, si vous rajoutez un item dans le menu, vosu le faites dans index.php:
Enfin priviliégiez le positionnement par style CSS, et les media-queries CSS3 qui permettent d'avoir un design auto-adaptatif: un seul site pour ordinateur, tablettes, mobiles, etc...
A+