[css] conseillez-moi pour la déco de mon siteFermé

Question

Bonjourmon site http://www.zone-mobile.netPouvez-vous me conseiller pour la déco en css (font de toutes les pages, couleur du texte, que faudrai t-il mettre pour agrémenter un peu sur la page d'accueil...?Merci

PhP · Answer

BonjourDéjà ta page d'accueil ne tient pas en 1024 x 768 (un ascenseur vertical est affiché) alors que tu pourrais supprimer quelques lignes autour du mot "Entrer"Le blanc sur fond bleu ca flash un peu : mais c'est sûr que c'est lisible ! LOLLe titre qui défile mouais mais lorsqu'il disparait complètement la page fait "vide"En image de fond tu pourrais mettre un téléphone portable, voir faire un menu en te servant d'un téléphone (mais pas à l'échelle parce que sinon c'est trop petit !)Par ex http://www.nobodysperfect.freesurf.fr/zone-mobile/zone-mobile.htm

sebsauvage · Answer

Et si tu veux des styles pour t'inspirer, il y en a plus d'une centaines assez originaux là:http://www.csszengarden.com(cliquer sur les styles dans la colonne de droites  :-)

fabrice11901 · Answer

salutmerci à vousEn fait si je demande ça c'est par ce que je suis mal-voyant et on m'a dit que la page n'était pas tériblemais moi je parlais plus pour la page http://www.zone-mobile.net/accueil.php je vais voir vos liens mercisi y a d'autre réponses...

PhP · Answer

Hum cette page là ...Ben disons que le texte en marron sur un fond assez jaune ocre ca ressort assez mal à mon goût (étant myope j'ai tendance à préfèrer des images à plus fort contraste surtout pour les textes ) Change de police essai Arial ou VerdanaMais ce n'est pas le plus important : je ne sais pas comment toi tu perçois la page mais ce qui me déplaît vraiment c'est le menu du haut en rouge sur fond marron bordeau foncé avec des bordures grises : disons le tout net c'est très moche ! LOLJe serrais toi je ferais tout dans le même style que le logo zone-mobile.net . Bon c'est sûr étant donné que la police est grande ça rend bien : faut voir ce que ca donne si tu réduis la police

fabrice11901 · Answer

BonsoirJ'ai essayer de faire juste un menu en html et css voici l'adresse de la page :http://www.zone-mobile.net/ccm.htmlQu'en pensez-vous?

PhP · Answer

Désolé mais là ca "arrache" carrement le jaune : c'est trop violent comme couleur Le titre "Média gratuit ..." mis à part le fait que c'est un peu gros là ca va (par contre on ne vois que lui ;-) )Les options du menu ne ressortent pas beaucoup : peut être en les mettant en noir ou en blanc ou en bleu plus foncé.  Les mettre dans un énorme rectangle bleu  n'est pas nécessaire : supprime la couleur du fond.

fabrice11901 · Answer

j'ai fais une autre version : http://www.zone-mobile.net/ccm.html voici le code de ccm.html :

Zone-mobile.net
Médias gratuits pour mobile

Accueil

Espace membre

S'inscrire

Les sonneries

Jeux et envois de sms

Forum

Contact

Les partenaires

Faire connaitre le site

et index.css :html,body{background-color: #FF0000; color: white; text-align: center; font-family : verdana; font-size : 12px; } h1{ background-color: #FF0000; font-size: 50px; width :100%;margin-right : auto; height : 100%; } ul { list-style : none ; margin-left : auto ; margin-right : auto; margin-top : 10px; padding : 0 00 10px 0 ; background-color : #000000; text-transform : uppercase ; font-weight : bold; font-size : 15px; } comment tu ferai un menu assez joli toi? merci de ton aide et de ta patiance mais c'est pas facile pour moi d'autant que je ne vois pas beaucoup. A+

PhP · Answer

Ben là disons que ta page est toute rouge ... Et que tu as choisi des couleurs qu'en effet je ne mettrais pas ensemble.En règle générale il vaut mieux éviter d'utiliser des couleurs trop saturées comme #FF0000, #00FF00, #0000FFTu vois mal les textes ou les couleurs ?C'est pas pour être indiscret c'est juste que je ne suis pas sûr que mes explications soient pertinentes.Sinon faire une page jolie ben c'est très subjectifDisons que http://www.nobodysperfect.freesurf.fr/fabrice/ccm.htmj'ai mis un fond orange ca rappel la téléphonie, j'ai gardé ton titre en blanc sur fond bleu dont j'ai réduit un peu la taille et j'ai supprimé la couleur du fond du menu.je trouve ca assez joli mais faudrait y consacrer plus que quelques minutes.Sinon le plus simple est de laisser le fond blanc : ca passe partout.Ou alors noir c'est pas mal aussi.

fabrice11901 · Answer

Salut et merci de ton aide. Moi je vois... pas grand chose ! moin d'un 1/10ème. Là la page tel que tu me l'as mi ça fait assez bien? Puis ça correspond à quoi le

fabrice11901 · Answer

css

fabrice11901 · Answer

là j'ai fais ça :http://www.zone-mobile.net/css.htmlEst-ce que le menu comme ça irai et les couleurs?merci

PhP · Answer

Bjr Oui le popup je n'y peux rien c'est de la pub insèrée par mon provider : en utilisant un popup killer on peut la supprimer. Mais bon l'hébergement est gratuit donc je vais pas chipotter. Le jour où je veux un site pro sans pub je paye et basta LOL Ta page http://www.zone-mobile.net/css.html ne fonctionne pas ! Sinon pour mon ex que te dires ... demande d'autres avis. Le fond orange ça peut ne pas plaire. Les goûts et les couleurs... Je comprends que tu préfères PHP au CSS : avec PHP tu sais ce que tu fais. Avec le CSS il n'y a vraiment que lorsque tu visualises la page que tu peux te rendre compte du résultat : c'est pas intuitif du tout , c'est long et compliqué pour trouver un équilibre des couleurs, des polices, un look sympa. C'est pourquoi j'utilise un logiciel graphique style PhotoShop pour faire mes essais : ensuite j'adapte en CSS. De toute façon ta page est super extra géniale quand tu viens juste de la finir, mais quelques semaines plus tard tu la trouves quelconque alors ... En CSS pour définir une couleur sur un lien hypertexte tu peux faire comme ceci (que le lien soit ou non dans un tableau c'est pareil)

Lien avec le style lien_1

Lien avec le style lien_2

j'ai défini 2 liens avec chacun leur style nommé lien_1 et lien_2

fabrice11901 · Answer

reje me suis trompé de lien :http://www.zone-mobile.net/tableau.htmlya pas le titre c'est pour voir si tu trouve bien comme ça...merci

PhP · Answer

oui là ça va c'est lisible. Le fond blanc pour le page finalement c'est ce qui passe le mieux par contre tu peux le faire moins large ainsi on se rend mieux compte qu'il s'agit d'un menu

fabrice11901 · Answer

Moin large tu veux dire quoi? les cases des liens?Après, est-ce que tu connais un code qui ferai une ou deux animation de photo (en fait des images de derniers portables).Merci je pense qu'il faut du javascript mais comme je n'utilise pas se language...

fabrice11901 · Answer

Bonj'ai fais ça : http://www.zone-mobile.net/ccm.html peux-tu me dire si c'est potable? Par contre maintenant que les couleurs des liens ont changés, les couleurs de liens visités... ne posent pas de pb? CODE html :

Zone-mobile.net
Médias gratuits pour mobile

Accueil

Espace membre

Les sonneries

Jeux et envois de sms

Forum

Les partenaires

Contact

Faire connaitre le site

et le css :html,body{ background-color: #FFFF33; background-color: #F09940; background-color: #FF9900; background-color: #FFA700; color: white; text-align: center; font-family : verdana; font-size : 12px; } h1{ background-color: #000066; font-size: 40px; width :100%;margin-right : auto; height : 100%; } /* Styles pour les liens */ a:link { color : #000066; } a:visited { color : #000066; } a:hover { color : #FFFFFF; } a:active { color : #000066; } merci

PhP · Answer

Oui par trop large j'entends que les cases (les balises <td>) sont trop large : tu as précisé width="16%" dans chaque td.Supprime les et les cases vont s'ajuster au contenu le plus large, donc au texte le plus long.Pratique non !Pour les animations tu peux utiliser du Javascript ou du Flash Si tu retournes sur ma page d'exemple :http://www.nobodysperfect.freesurf.fr/zone-mobile/zone-mobile.htm J'affiche une photo de portable (d'une marque suèdoise bien connue assez joli je trouve)j'ai utilisé du javascript pour que ton menu apparaisse sur l'écran du portable lorsque tu cliques sur la photo comme si il s'allumait

fabrice11901 · Answer

Peux-tu me donner tout le code du menu que tu fais ?Mais ça c'est en fait pour une description non?

fabrice11901 · Answer

c'est bon en effet ça change j'avais pas pensé au width !http://www.zone-mobile.net/ccm.htmlMaintenant faudrai que je mette peut-être des truc à gauche et à droite mais quoi? ta pas des images animées, qui pourrait avoir comme thème les mobile, le gratuit...merci

fabrice11901 · Answer

salutj'ai un amis canadien qui m'a fait ça :http://www.zone-mobile.net/ccm(1).htmltu préfère celui là ou celui de tout à l'heure :http://www.zone-mobile.net/ccm.html?merci

PhP · Answer

Oui c'est ce que je te disais fond blanc ou fond noir c'est sobre et c'est ce qui permet le plus de possibilité.Bon ici la page est encore très basique avec le titre en blanc et le menu rouge ca donne une ambiance vampire & co Mais si tu comptes ajouter des images alors ca peut être un bon point de départ

fabrice11901 · Answer

le menu est sur le sitehttp://www.zone-mobile.net/accueil.phpComme ça ça va?J'aimerai avoir des images cliniotante (aparament on peut faire que ça en flash) ça m'embête parce que je connais pas le language !ta des sources toi?

PhP · Answer

Ha ben ca prend tournure ! Je peux t'assurer que c'est très mais alors très nettement supérieure à ta page d'origine ou que celle à fond jaune (je crois que celle-là, c'était la pire !  LOL )Faire clignoter des images mais quoi exactement ? Un voyant sur un mobile, un écran, du texte ?Pour faire une petite animation on peut utiliser une image gif animée mais je te le déconseille car la qualité n'est pas au rendez-vous.Reste donc l'animation avec Flash qui est un logiciel et non pas un langage : le langage intégré à Flash est l'ActionScript (en fait ca ressemble à du JavaScript)Mais pour faire un truc qui clignote tu n'as pas besoin de programmer en ActionScript. Par contre il te faut le logiciel Flash de chez Macromedia qui coûte dans les 400 euros !!! Tu peux télécharger une version d'évaluation de 30 jours sur leur site.Si tu veux je peux te faire une petite anim encore faut il que tu saches ce que tu veux y mettre exactement. ps : Nan les effets spéciaux ultra-réalistes à la Matrix c'est pas possible en Flash ! LOL

fabrice11901 · Answer

ben j'aurait penser à un mobile amélioré (avec plusieurs couleurs) et dans l'écran un texte peut-être cliniotant "J'habite dans du gratuit" "le gratuit c'est ici" un truc dans le genre.Si tu peux me faire ça stp.Merci

PhP · Answer

BsrJ'ai fait une petite anim  avec un portable NOKIA N80 : le genre de portable très design (et aussi très cher) totalement inutile donc absolument indispensable ! LOLDedans j'ai fait défiler le texte en boucle : "LE GRATUIT C'EST ICI !"http://www.nobodysperfect.freesurf.fr/fabrice/nokia.htm

fabrice11901 · Answer

salutmercimais peux-tu me donner l'url du fichier ou me l'envoyer par mail à contact@zone-mobile.net ?merci

PhP · Answer

Retourne surhttp://www.nobodysperfect.freesurf.fr/fabrice/nokia.htm et clique sur Télécharger l'exemple   ;-)

fabrice11901 · Answer

re ok merci oui ça a pas l'air mal. Par contre faut que je mette quoi comme code dans mon menu (de

)? puis la l'image du nokia est stoqué ou? C'est un descin ou....? merci Si un jour je veux changer le telephone (le remplacer est-ce que ça fonctionnera toujours? merci

PhP · Answer

Oui tu copies dans ton code tout de

Non il n'y a pas d'image du portable : elle est intégrée à l'animation. En fait elle est dans le fichier nokia.swf que tu dois mettre au même emplacement que ta page html contenant

fabrice11901 · Answer

oui y a telement de mises à jour !Pour l'instant je vais mettre celle que tu m'as mise mais faudra bien que je la change un jour ou l'autre !Oui si tu peux me donner un code permettant de changer l'image.merci

fabrice11901 · Answer

SalutBon j'ai mi l'image flash sur mon site, mais pas moyen de la mettre à gauche du menu (des liens) ! que ce soit avec float, text-align... rien à faireTa une solus?http://www.zone-mobile.net/accueil.phpA+merci

PhP · Answer

BsrBen il y est à gauche du menu non ?Ca fait bien avec l'anim je trouve ;-)Pour l'anim seule, j'ai pas oublié c'est juste que j'ai pas eu le temps ...

fabrice11901 · Answer

Salutpour l'animation à gauche oui c'est bon j'y suis arriver.Merci

[css] conseillez-moi pour la déco de mon site

33 réponses

Discussions similaires

Newsletters