Sujet Précédent Sujet Suivant

Esthétique de mon site web

Résolu/Fermé
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 - Modifié par bg62 le 5/12/2015 à 12:25
mpmp93 Messages postés 6648 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 - 11 déc. 2012 à 07:04
Bonjour, j'ai créé le site web de mon entreprise d'animation de soirées , maintenant que je l'est casiment terminé :
  • 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:

36 réponses

Précédent
  • 1
  • 2
Réponse 21 / 36
RomantikA- Messages postés 82 Date d'inscription samedi 13 août 2011 Statut Membre Dernière intervention 28 novembre 2019 8
Modifié par RomantikA- le 30/11/2012 à 03:11
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!
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
30 nov. 2012 à 08:34
Alors de une ce n'est pas un pavé , c'est un bon commentaire que j'ai lu avec joie :)

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
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
30 nov. 2012 à 08:40
pour la table vide , j'utilise virtual DJ donc forcement ...
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 ^^
0
Rodolphe_ Messages postés 1498 Date d'inscription samedi 7 mai 2005 Statut Membre Dernière intervention 20 décembre 2014 285
30 nov. 2012 à 08:41
il vaut mieux éviter le menu en flash, google ne sait pas le lire alors qu'il peut être ton ami :)
http://www.admixweb.com/2009/03/22/30-beautiful-menus-examples/
https://korben.info/encore-des-menus-css.html
0
mpmp93 Messages postés 6648 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 339
Modifié par mpmp93 le 30/11/2012 à 10:33
Concernant: "je me concentre sur la premier page , une fois terminé je mettrais les autre en page."

--> 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: 

<!DOCTYPE HTML> 
<html> 
<head> 
<title>titre de mon site</title> 
<meta charset='UTF-8'> 
<link rel="stylesheet" type="text/css" href="css/styles.css" title="style"> 
</head> 
<body> 
<?php 
$listePagesAutorisees = array( 
    'accueil', 
    'contact', 
    'animations', 
    'tarifs',  
    // ... et autant de lignes qu'il y a de templates 
    ); 
$page = 'accueil'; 
if (isset($_GET['page']) && in_array($_GET['page'], $listePagesAutorisees)) { 
    $page = $_GET['page']; 
} 
include 'templates/'.$_GET['page'].'phtml'; 
?> 
</body> 
</html>


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 

<aside>....contenu bandeau latéral le cas échéant....</aside> 
<header> 
    <h1>titre en bandeau</h1> 
    <nav>.......ici le menu principal....</nav> 
</header> 
<article> 
   <form>.....formulaire de contact....</form> 
</article>


A noter que le code de header /header peut être mutualisé en le plaçant dans index.php 

<body> 
<?php 
$listePagesAutorisees = array( 
    'accueil', 
    'contact', 
    'animations', 
    'tarifs',  
    // ... et autant de lignes qu'il y a de templates 
    ); 
$page = 'accueil'; 
if (isset($_GET['page']) && in_array($_GET['page'], $listePagesAutorisees)) { 
    $page = $_GET['page']; 
} 
include 'templates/'.$_GET['page'].'phtml'; 
?> 
<header> 
    <h1><?php echo $titreH1; ?></h1> 
    <nav>.......ici le menu principal....</nav> 
</header> 
</body>


et contact devient: 

<?php $titreH1="contact"; ?> 
<aside>....contenu bandeau latéral le cas échéant....</aside> 
<article> 
   <form>.....formulaire de contact....</form> 
</article>


Avec cette programmation orientée MVC, si vous rajoutez un item dans le menu, vosu le faites dans index.php: 

<header> 
    <h1>titre en bandeau</h1> 
    <nav> 
      <a href="index.php?page=prestations">nos prestations</a> 
      <a href="index.php?page=tarifs">tarifs</a> 
      <a href="index.php?page=contact">contact</a> 
    </nav> 
</header>


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+
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
30 nov. 2012 à 17:17
oulala je ferait ça plus tard , quand a mon positionnement je le fait en css , ou alors j'ai pas fait attention ?
0
Réponse 22 / 36
lionel-DIL Messages postés 1222 Date d'inscription lundi 25 juin 2012 Statut Membre Dernière intervention 7 août 2014 1 768
30 nov. 2012 à 09:08
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.
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
30 nov. 2012 à 17:16
Non désolé pas de cms j'ai horreur de ça.
0
astuces72 Messages postés 7762 Date d'inscription vendredi 15 janvier 2010 Statut Membre Dernière intervention 15 novembre 2024 1 639
30 nov. 2012 à 17:18
tu as quoi contre les cms ?
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
30 nov. 2012 à 19:50
je trouve que c'est plus simple de faire soit même . un cms t'impose quelque chose j'aime pas ça
0
lionel-DIL Messages postés 1222 Date d'inscription lundi 25 juin 2012 Statut Membre Dernière intervention 7 août 2014 1 768
1 déc. 2012 à 14:21
Dans ce cas, si tel est votre choix, un site en HTML/CSS simplement serait le mieux.
Pour info, des CMS sont modulable à souhait, et ils n'imposent rien.
0
Réponse 23 / 36
jackson67
30 nov. 2012 à 18:16
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)
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
30 nov. 2012 à 19:50
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é
0
Réponse 24 / 36
RomantikA- Messages postés 82 Date d'inscription samedi 13 août 2011 Statut Membre Dernière intervention 28 novembre 2019 8
Modifié par RomantikA- le 30/11/2012 à 20:20
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!
0
Pierrecastor Messages postés 41473 Date d'inscription mercredi 5 novembre 2003 Statut Modérateur Dernière intervention 30 mai 2024 4 144
30 nov. 2012 à 20:45
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. ^^
0
RomantikA- Messages postés 82 Date d'inscription samedi 13 août 2011 Statut Membre Dernière intervention 28 novembre 2019 8
30 nov. 2012 à 21:25
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 ;)
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
30 nov. 2012 à 22:03
j'adore tes messages ^^ je vais essayer de faire ce que tu m'a dit pour le menu footer et corp de page tu est le deuxième a me le conseiller ^^
0
Pierrecastor Messages postés 41473 Date d'inscription mercredi 5 novembre 2003 Statut Modérateur Dernière intervention 30 mai 2024 4 144
30 nov. 2012 à 22:07
En tout cas, courage et félicitation, tu progresse, bravo. :-)

Si j'ai la motiv, je regarderai ce qui se fait niveau carrousel en jquery, y'a des truc sympa, sans flash et sans effet vomitif. ;-p
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
30 nov. 2012 à 22:20
merci c'est gentil en même temps j'ai de bon prof je n'y arriverais jamais sans vous tous !!
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 25 / 36
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
Modifié par rollerfire le 30/11/2012 à 22:21
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?
0
Réponse 26 / 36
RomantikA- Messages postés 82 Date d'inscription samedi 13 août 2011 Statut Membre Dernière intervention 28 novembre 2019 8
Modifié par RomantikA- le 30/11/2012 à 23:16
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: 

<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!
0
bg62 Messages postés 23663 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 8 décembre 2024 2 390
1 déc. 2012 à 08:26
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 ;)
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
1 déc. 2012 à 13:47
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 
    <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; 
   }
0
astuces72 Messages postés 7762 Date d'inscription vendredi 15 janvier 2010 Statut Membre Dernière intervention 15 novembre 2024 1 639
Modifié par astuces72 le 1/12/2012 à 15:07
et si tu essayais de mettre un nom à ton lien :)

<a href="contact.php" id="contact" title="Contactez nous">Contactez nous</a>

parce que title c'est l'affichage au passage de la souris !

peut être aussi:
margin-top:-40px;
-40px ?
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
1 déc. 2012 à 16:38
non par ce qu'avec le css j'inclu une image au lien donc l'image devrais se mettre mais il n'y a rien
0
Réponse 27 / 36
Georges1968 Messages postés 16 Date d'inscription dimanche 18 novembre 2012 Statut Membre Dernière intervention 2 décembre 2012 2
1 déc. 2012 à 16:13
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
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
1 déc. 2012 à 16:38
normal jai couper les lien
0
Réponse 28 / 36
RomantikA- Messages postés 82 Date d'inscription samedi 13 août 2011 Statut Membre Dernière intervention 28 novembre 2019 8
Modifié par RomantikA- le 1/12/2012 à 17:58
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!
0
Réponse 29 / 36
MadriWeb Messages postés 541 Date d'inscription dimanche 2 décembre 2012 Statut Membre Dernière intervention 16 mars 2013 57
2 déc. 2012 à 05:44
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.
0
Réponse 30 / 36
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
2 déc. 2012 à 19:07
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;
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
2 déc. 2012 à 19:09
la actuellement le menu est cacher derrière le menu tarifs
0
Rodolphe_ Messages postés 1498 Date d'inscription samedi 7 mai 2005 Statut Membre Dernière intervention 20 décembre 2014 285
2 déc. 2012 à 19:09
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
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
2 déc. 2012 à 19:27
thx
0
RomantikA- Messages postés 82 Date d'inscription samedi 13 août 2011 Statut Membre Dernière intervention 28 novembre 2019 8
2 déc. 2012 à 19:33
et... juste ça: 

 #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
0
RomantikA- Messages postés 82 Date d'inscription samedi 13 août 2011 Statut Membre Dernière intervention 28 novembre 2019 8
2 déc. 2012 à 19:59
et puis codé tout simplement... ça fonctionne, je vois pas ce qui te gêne:


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...
0
Réponse 31 / 36
Robin des boitiers Messages postés 1824 Date d'inscription vendredi 20 novembre 2009 Statut Membre Dernière intervention 4 avril 2023 274
3 déc. 2012 à 12:33
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.
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
3 déc. 2012 à 13:28
que me conseille-tu pour le fond du site?
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
3 déc. 2012 à 13:35
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: 




		<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 ^^
0
lionel-DIL Messages postés 1222 Date d'inscription lundi 25 juin 2012 Statut Membre Dernière intervention 7 août 2014 1 768
3 déc. 2012 à 14:06 
<photo>
ça n'existe pas ;-)
C'est
 <img>
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
3 déc. 2012 à 18:33
bin c'est écrit comme sa mdr c'pas moi ^^
0
lionel-DIL Messages postés 1222 Date d'inscription lundi 25 juin 2012 Statut Membre Dernière intervention 7 août 2014 1 768
3 déc. 2012 à 20:16
désolé, mal lu : c'est en XML.
Je pensais au HTML, mea culpa.
0
Réponse 32 / 36
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
3 déc. 2012 à 23:26
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
0
bg62 Messages postés 23663 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 8 décembre 2024 2 390
4 déc. 2012 à 12:07
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' ;)
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
4 déc. 2012 à 18:53
je force personne a répondre ;p
0
Réponse 33 / 36
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
8 déc. 2012 à 23:16
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
0
Rodolphe_ Messages postés 1498 Date d'inscription samedi 7 mai 2005 Statut Membre Dernière intervention 20 décembre 2014 285
8 déc. 2012 à 23:58
c'est franchement déjà plus beau.

que veux tu dire par " pas que se soit vu par les visiteurs"? tu veux dire caché ou d'apparence normale?
Dans le premier cas ce sera visibility: hidden ou display: none puis dans le second cas ce sera font-size: 1.2em par exemple.
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
9 déc. 2012 à 10:09
d'apparence normal
0
Réponse 34 / 36
astuces72 Messages postés 7762 Date d'inscription vendredi 15 janvier 2010 Statut Membre Dernière intervention 15 novembre 2024 1 639
9 déc. 2012 à 02:30
bon, moi je dirais que c'est mieux qu'avant mais toujours aussi moche !!!
Ba oui, je donne mon avis comme tu le demandes !
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
9 déc. 2012 à 10:09
rolala ^^
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
9 déc. 2012 à 10:12
oui mais au moins il n'y a plus de tableau pour le placement le codage est plus ou moins propre et l'apparence général ce repousse pas , sa se démarque un peu des site normaux ,car se qu'il faut c'est être légèrement flashy pour de l'animation a mon avis .
0
Réponse 35 / 36
astuces72 Messages postés 7762 Date d'inscription vendredi 15 janvier 2010 Statut Membre Dernière intervention 15 novembre 2024 1 639
Modifié par astuces72 le 9/12/2012 à 10:30
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 !
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
9 déc. 2012 à 12:43
dans contact ? y a pas d'image violet tu doit avoir l'image de l'ancien site dans ton cache , le font j'ai pas trouver d'autre idée mais sa changera le vip c'est la police qui est comme sa j'vasi modifier et le carrousel j'en cherche un plus beau
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
9 déc. 2012 à 13:05
hop vip modifier
0
Réponse 36 / 36
lionel-DIL Messages postés 1222 Date d'inscription lundi 25 juin 2012 Statut Membre Dernière intervention 7 août 2014 1 768
9 déc. 2012 à 21:16
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.
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
10 déc. 2012 à 10:29
juste pour voir vous en pensez quoi de celui -la c'est a mon ancien patron http://reanim.fr/
0
mpmp93 Messages postés 6648 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 339
Modifié par mpmp93 le 10/12/2012 à 17:02
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+
0
rollerfire Messages postés 133 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 12 octobre 2017 1
10 déc. 2012 à 18:08
sa me rassure alors ^^ , il se fait plus de 3000 € par mois ^^
0
Rodolphe_ Messages postés 1498 Date d'inscription samedi 7 mai 2005 Statut Membre Dernière intervention 20 décembre 2014 285
10 déc. 2012 à 19:25
et à 3000 euros par mois il peut pas avoir un site digne de ce nom?
0
lionel-DIL Messages postés 1222 Date d'inscription lundi 25 juin 2012 Statut Membre Dernière intervention 7 août 2014 1 768
10 déc. 2012 à 23:00
Oui ...
D'autant + que s'il se fait + de 3000€/mois, ce qui représente + de 36000€ par an, il est dans l'illégalité la plus totale (ayant un statut d'autoentrepreneur).
Et vive le black ...
0

Discussions similaires

C'est quoi le site qui remplace coco chat
TP3 -
bazfile -

2 réponses
Colis en cours de transport vers votre site de livraison ?
Ninan_5568 -
JulieVdr -

7 réponses