Les Allergies
Alimentaires
Posez votre question Signaler

Comment avoir un site avec un beau design? [Résolu]

dixmon17100 13Messages postés 25 mai 2011Date d'inscription 26 octobre 2011Dernière intervention - Dernière réponse le 5 août 2011 à 15:20
Bonjour, je crée actuellement un site de tutos sur minecraft. Voilà je voudrais que l'agencement de mon site soit harmonieuse et fonctionnel... C'est un site dynamique en XHTML CSS et PHP je ne manie pas le Javascript. Le site est composé d'un accueil mettant en avant les dernières news:
http://s3.noelshack.com/upload/16088430986001_accueil.png
Quand on clique sur le titre de la news, elle s'affiche intégralement et on peut poster des commentaires et aimer si on est connecter, sinon les formulaires disparaissent:
http://s3.noelshack.com/upload/5492773627704_news.png
L'onglet Mon Compte permet au personnes de se connecter si elles ne le sont pas:
http://s3.noelshack.com/upload/1695659697072_connexion.png
Ou d'accéder à leur espace membre (le problème de largeur a été réglé):
http://s3.noelshack.com/upload/2937896920926_espacemembres.png
En cliquant sur l'onglet Castle (tuto), s'affiche le nom des tutos avec quelques informations:
http://s3.noelshack.com/upload/13403406035349_castle.png
En cliquant sur le nom du castle s'affiche les pièces (cours):
http://s3.noelshack.com/upload/15225964081317_piece.png
Un clic sur le nom de la pièce et l'on tombe sur le cours, il est possible d'aimer.
http://s3.noelshack.com/upload/20369910935187_cours.png
Le menu de gauche affiche les 3 news et pièces les plus aimées.
http://s3.noelshack.com/upload/9424339611786_menu.png
La barre du haut affiche connexion inscription/connexion aux personnes non connectées et déconnexion aux personnes connectées.
connecté http://s3.noelshack.com/upload/16537479656643_co.png
déconnecté http://s3.noelshack.com/upload/7669198023498_deco.png
Voilà pour les gens qui me l'on conseillé le résultat de ma bataille contre les fonts!!!
http://s3.noelshack.com/upload/21472662379014_20110730_005705.png
Qu'en pensez-vous? Moi je trouve sa sympas... Votre avis est le bienvenu!
Les forums sont en cour de réalisation.
Il est question de rajouter un footer avec les partenaires (j'en ai déjà 1 :-)) et le formulaire pour me contacté. J'ai essayé de sécurisé le plus possible mes $_GET et mes $_POST .
Si vous avez des remarques (positives ou négatives) des conseils ou tout autres idées pour améliorer le design, l'agencement enfin tout simplement le site Merci de m'en faire part!
Merci par avance!
PS: Excusez moi pour les fautes d'orthographes si il y en a je n'ai que 13ans mais j'essaye de faire de mon mieux!
PS2: A tous les connaisseurs de PHP, un client peut-il modifier une $_SESSION pour en changer le contenu?
PS3: Pensez-vous qu'il serait un gros+ d'utiliser un nouveau design pour les forums?
Lire la suite 

Comment avoir un site avec un beau design »

36 réponses
Réponse
+0
moins plus
zeboss74 670Messages postés 14 juillet 2009Date d'inscription 2 février 2012Dernière intervention 28 juil. 2011 à 12:24
Beau boulot, si seulement je maitrisais aussi bien que toi ... ^^

Juste une suggestion : A la place du fond blanc uni, je mettrais quelque chose de très claire et très discret, un wallpaper blanc avec des motifs légers grisés, ou un dégradé blanc -> Gris. Je pense que ça serait du plus bel effet. Après, c'est mon avis.

Par exemple : ceci : http://nsm04.casimages.com/img/2010/11/10//1011100358311210277090980.jpg

PS : T'as raison, Minecraft, c'est hyper cool ^^
zeboss74 - macuser amateur
Avant de poser une question, regardez ici :google

 Ajouter un commentaire
Afficher les 9 commentaires
zeboss74- 28 juil. 2011 à 22:36
Non ^^

Je joue juste sur ce serveur, et j'ai egalement un autre serveur prive que j'heberge pour faire des grosses constructions avec un ami
dixmon17100- 28 juil. 2011 à 23:15
ok j'avais mal compris
dixmon17100- 29 juil. 2011 à 00:44
Voilà, j fais quelque teste mais rien de concluant, le blanc fait trop ressortir les boites... Cependant pour les forums j'utiliseraient un nouveau style a un background extensible représentent un screen de mon serveur merci quand même de ton conseil et la prochaine fois, si je refais le design j'adapterais tout de suite pour tester ;)
Ajouter un commentaire
Réponse
+0
moins plus
bg62 13339Messages postés 11 avril 2006Date d'inscription 20 mai 2012Dernière intervention 28 juil. 2011 à 12:25
vois ici:
http://www.unesourisetmoi.info/pages/webfonts.php
pour intégrer ccs3 ... ;)

Ajouter un commentaire - Site web
Afficher les 7 commentaires
dixmon17100- 30 juil. 2011 à 01:02
Voilà le résultat de ma bataille contre les fonts!!!
http://s3.noelshack.com/upload/21472662379014_20110730_005705.png
Qu'en penses-tu? Moi je trouve sa sympas...
Merci de ton lien même si je n'ai pas tout utilisé car, (je m'en fout d'IE --') la technique @font-face m'était inconnu!
bg62- 30 juil. 2011 à 10:34
on voit un .... cube !?!
dixmon17100- 30 juil. 2011 à 14:12
Lol tu parles du carrés gris autour de l'image?si c'est ca c'est inclut dans l'image! Les polices sont sont sur les titres
Ajouter un commentaire
Réponse
+0
moins plus
avion-f16 16620Messages postés 17 février 2008Date d'inscription 8 mai 2012Dernière intervention 28 juil. 2011 à 13:44
Salut,

Comme bg62, je pense qu'il pourrait être intéressant de modifier la typographie.
Tu peux trouver des polices supplémentaires sur Dafont.com, Google Web Fonts ou encore Myfonts.com (et plein d'autres).

Ces polices peuvent être intégrées en CSS3 ou avec une solution comme Cufón/Typeface.

Pour la barre de navigation, la rendre moins épaisse ou ajouter des marges autour des séparateurs. Il faudrait également centrer le texte verticalement par rapport aux images. Et je pense que des images monochromes (noires ou grises) s'intégreraient mieux.

+ Quelques autres chipotages

Ça me paraît quand même très inspiré du Siteduzero.
Si c'est une de tes premières réalisation, ça reste du bon boulot.

Ajouter un commentaire - Site web
Afficher les 7 commentaires
dixmon17100- 30 juil. 2011 à 01:18
Voilà comme tu m'avais conseillé j'ai écarté le contenu des séparateurs?
http://s3.noelshack.com/upload/19624515282207_20110730_011250.png
C'est un petit changement mais vois-tu de l'amélioration ou de l'empirement =)
J'en profite pour tous vous remerciez d'être actif est de me conseillé pour ces finitions qui ont une grandes importances à mon goût!
avion-f16- 30 juil. 2011 à 01:33
C'est déjà beaucoup mieux ainsi.
Fais juste attention de ne pas abuser des effets de « pixellisation ».
dixmon17100- 30 juil. 2011 à 02:05
par souci de trop en faire je l'ai justement enlevé sur les titres de news ici Upload2 mais laissé sur les votes et titre des menus ;)
Ajouter un commentaire
Réponse
+0
moins plus
pols12 500Messages postés 22 mars 2010Date d'inscription 26 mai 2012Dernière intervention 29 juil. 2011 à 19:59
Y a moyen de ne pas être obligé de jouer de la scrollbar pour lire un article ?
Je veux dire que la barre de déroulement horizontale disparaisse pour les résolutions 1027*768.
Je serais même partisan des résolutions 800*600, mais bon.

Parce que là, tu as de la place : rien ne nécessite de s'installer tant en largeur, si ?

Pour les sessions, je vais peut-être dire une connerie. L'utilisateur peut modifier son PHPSessId, quand celui-ci est intégré dans un cookie. (avec un éditeur de cookie. :) )
Je sais qu'il y avait une faille sur un forum PHPBB : l'admin avait un phpsessid spécial et il suffisait de se l'attribuer pour avoir les droits d'administration.

Ajouter un commentaire
avion-f16- 29 juil. 2011 à 21:30
Concernant les sessions, chaque PHPSESSID est unique et correspond à une session.
Cet id étant stocké en cookie, tu ne peux pas récupérer celui des autres utilisateurs.

« il suffisait de se l'attribuer pour avoir les droits d'administration. »
Ce qui n'est pas possible puisqu'on ne peut pas le connaître.
Sauf avec un virus sur le PC de l'admin ou une faille XSS.
Dans le cas où le PHPSESSID figure dans l'URL, il est de la responsabilité des utilisateurs de ne pas communiquer les URLs sans retirer cette partie.

Puis (presque) tous les systèmes de sessions sont basés sur les cookies, avec un id unique.
Si c'était si simple, ça serait le chaos sur le Web ...
dixmon17100- 29 juil. 2011 à 21:42
Excuse moi mais sur quel screen as-tu vu la barre de déroulement horizontale? Je développe mon site sur un ultra portable 1024X600 mais toutes les div etant définis en % je ne pense pas que j'aurais des problèmes.
Pour les session 2 sont d'avis de dire que c'est normalement inmodifiable. Merci de vos réponses et bonne soirée.
Ajouter un commentaire
Réponse
+0
moins plus
pols12 500Messages postés 22 mars 2010Date d'inscription 26 mai 2012Dernière intervention 4 août 2011 à 12:46
Désolé de pas avoir répondu avant. ;)

Pour les sessions, je suis pas un pro, je me trompe sûrement.

Cette capture ets trop rande pour mon écran ,c'est de ça que je paralais :
http://s3.noelshack.com/uploads/images/15225964081317_piece.png

Ajouter un commentaire
raysko - 4 août 2011 à 20:40
bjr j'ai ouvert mon serveur minecraft pour avoir plus d'info rdv ici http://serveur-minechest.forumgratuit.fr/f1-votre-1er-forum
dixmon17100- 5 août 2011 à 15:20
ok oui j ferais des captures plus petite à l'avenir mais en réalité il n'y a pas de problème de largeur
Ajouter un commentaire
Posez votre question
Ce document intitulé « Comment avoir un site avec un beau design? » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?