Comment avoir un site avec un beau design?

Résolu/Fermé
dixmon17100 Messages postés 64 Date d'inscription mercredi 25 mai 2011 Statut Membre Dernière intervention 11 juin 2013 - Modifié par dixmon17100 le 30/07/2011 à 14:53
dixmon17100 Messages postés 64 Date d'inscription mercredi 25 mai 2011 Statut Membre Dernière intervention 11 juin 2013 - 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://www.noelshack.com/

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://www.noelshack.com/

L'onglet Mon Compte permet au personnes de se connecter si elles ne le sont pas:
http://www.noelshack.com/

Ou d'accéder à leur espace membre (le problème de largeur a été réglé):
http://www.noelshack.com/

En cliquant sur l'onglet Castle (tuto), s'affiche le nom des tutos avec quelques informations:
http://www.noelshack.com/

En cliquant sur le nom du castle s'affiche les pièces (cours):
http://www.noelshack.com/

Un clic sur le nom de la pièce et l'on tombe sur le cours, il est possible d'aimer.
http://www.noelshack.com/

Le menu de gauche affiche les 3 news et pièces les plus aimées.
http://www.noelshack.com/

La barre du haut affiche connexion inscription/connexion aux personnes non connectées et déconnexion aux personnes connectées.
connecté http://www.noelshack.com/
déconnecté http://www.noelshack.com/

Voilà pour les gens qui me l'on conseillé le résultat de ma bataille contre les fonts!!!
http://www.noelshack.com/
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?
A voir également:

9 réponses

pols12 Messages postés 1143 Date d'inscription lundi 22 mars 2010 Statut Membre Dernière intervention 31 juillet 2019 119
28 juil. 2011 à 12:19
Franchement, joli travail.
Si tout est de toi, tu peux en être fier.

C'est très léger, et je crois qu'on ne demande plus que ça comparé aux sites nouveaux et ayant beaucoup trop de lien et d'images.
0
zeboss74 Messages postés 750 Date d'inscription mardi 14 juillet 2009 Statut Membre Dernière intervention 6 mai 2013 112
Modifié par zeboss74 le 28/07/2011 à 12:26
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 : https://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
0
dixmon17100 Messages postés 64 Date d'inscription mercredi 25 mai 2011 Statut Membre Dernière intervention 11 juin 2013
28 juil. 2011 à 13:46
Décidément que de compliments! pour le fond il est déjà légèrement grisé... mais je vais essayé je te dirais si je trouve ca mieux ou moins bien.
PS si tu veux un serveur multi minecraft dit le moi j'en connais un libre qui est vachement bien!
0
zeboss74 Messages postés 750 Date d'inscription mardi 14 juillet 2009 Statut Membre Dernière intervention 6 mai 2013 112
28 juil. 2011 à 13:48
Je joue sur icraft.fr et j'ai un serveur que j'héberge sur mon ordinateur donc je n'en ai pas besoin. Merci quand même
0
dixmon17100 Messages postés 64 Date d'inscription mercredi 25 mai 2011 Statut Membre Dernière intervention 11 juin 2013
28 juil. 2011 à 14:07
ok ba merci de ton conseil et bon jeu!
0
zeboss74 Messages postés 750 Date d'inscription mardi 14 juillet 2009 Statut Membre Dernière intervention 6 mai 2013 112
28 juil. 2011 à 15:56
Poste nous un screen si tu changes le wallpaper
0
dixmon17100 Messages postés 64 Date d'inscription mercredi 25 mai 2011 Statut Membre Dernière intervention 11 juin 2013
28 juil. 2011 à 16:00
je ne travaille que le soir alors je ne modifierait les screens que le soir je les mettraient en commentaires ici!
0
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
28 juil. 2011 à 12:25
vois ici:
https://www.unesourisetmoi.info/pages/webfonts.php
pour intégrer ccs3 ... ;)
0
dixmon17100 Messages postés 64 Date d'inscription mercredi 25 mai 2011 Statut Membre Dernière intervention 11 juin 2013
28 juil. 2011 à 14:09
Je ne connaissait pas ces méthodes je vais m'y intéressé!
Merci!
0
dixmon17100 Messages postés 64 Date d'inscription mercredi 25 mai 2011 Statut Membre Dernière intervention 11 juin 2013
29 juil. 2011 à 10:45
J'ai une question, si j'extrait le dossier dans les polices du panneau de configuration comme c'est écrit dans le bloc note du dossier la police ne pourras pas forcément marcher sur le net?
0
dixmon17100 Messages postés 64 Date d'inscription mercredi 25 mai 2011 Statut Membre Dernière intervention 11 juin 2013
Modifié par dixmon17100 le 29/07/2011 à 11:02
c'est bon j'ai réussi à faire fonctionner la police. Le rendu est très intéressant, je poste des screens très bientôt!
Merci
0
dixmon17100 Messages postés 64 Date d'inscription mercredi 25 mai 2011 Statut Membre Dernière intervention 11 juin 2013
29 juil. 2011 à 11:23
Encore un problème, puis je utilisé une de mes polices pour profiter des accents qui ne sont pas sur le site?
0
dixmon17100 Messages postés 64 Date d'inscription mercredi 25 mai 2011 Statut Membre Dernière intervention 11 juin 2013
30 juil. 2011 à 01:02
Voilà le résultat de ma bataille contre les fonts!!!
http://www.noelshack.com/
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!
0
dixmon17100 Messages postés 64 Date d'inscription mercredi 25 mai 2011 Statut Membre Dernière intervention 11 juin 2013
28 juil. 2011 à 13:41
Merci! merci!
Oui tout est de moi et des commentaires comme ça, ça motive!
J'ai appris sur le sdz et c'est vrai qu'il est souvent répété de ne pas trop mettre de couleur de gif etc...
Encore merci!
0

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

Posez votre question
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 497
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.
0
dixmon17100 Messages postés 64 Date d'inscription mercredi 25 mai 2011 Statut Membre Dernière intervention 11 juin 2013
28 juil. 2011 à 14:06
avion-f16 c marrant car t'a réflexion sur le sdz n'est pas ta première:
https://forums.commentcamarche.net/forum/affich-22197447-comment-avoir-un-beau-design-sur-son-site#5
regarde en bas de la discutions... comme quoi sa doit être marqué en moi ;)
Apparemment le gros du travail se ferait sur la barre de navigation, pour la largeur c'est une question d'harmonie avec la barre de tout en haut connexion/déconnexion/FB/TWITTER/NEWSLETTER tu voudrais dire faire que les séparateurs ne facent pas toutes la largeur c'est ça? Pour le centrage je vais y retravailler. Pour les images monochromes je ne vais pas le faire... je ne l'imagine pas. Pour réponse c'est ma deuxième réalisation et tu as vu m'as première.
Je vais remédier à la typographie! Merci de ta réponse complète!
0
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 497
28 juil. 2011 à 15:41
« tu voudrais dire faire que les séparateurs ne facent pas toutes la largeur c'est ça? »
Je parle des séparateurs verticaux entre « Accueil » « Chat & Forum » « Mon compte » et « Castle (tuto) ».
Ajouter de l'espace à droite et à gauche de ces séparateurs.

« Pour réponse c'est ma deuxième réalisation et tu as vu m'as première. »
J'ai répondu après avoir regardé les liens indiqués dans ce sujet ci.
0
dixmon17100 Messages postés 64 Date d'inscription mercredi 25 mai 2011 Statut Membre Dernière intervention 11 juin 2013
28 juil. 2011 à 15:54
D'accord pour espacé les liens, bonnes idées je vais le faire. de plus je mettrez a droite de la barre qui un moteur de recherche interne au site de "Google" donc sa sera moins vide!
0
dixmon17100 Messages postés 64 Date d'inscription mercredi 25 mai 2011 Statut Membre Dernière intervention 11 juin 2013
30 juil. 2011 à 01:05
Voilà le rendu avec une seconde police d'écriture
http://www.noelshack.com/
Qu'en penses-tu? Moi je trouve sa sympas...
C'est finalement sur Dafont que j'ai trouvé mon bonheur je poste très bientôt la barre de navigation (j'ai juste retravaillé les centrages).
0
dixmon17100 Messages postés 64 Date d'inscription mercredi 25 mai 2011 Statut Membre Dernière intervention 11 juin 2013
Modifié par dixmon17100 le 30/07/2011 à 01:18
Voilà comme tu m'avais conseillé j'ai écarté le contenu des séparateurs?
http://www.noelshack.com/
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!
0
Kino76 Messages postés 85 Date d'inscription mardi 26 juillet 2011 Statut Membre Dernière intervention 15 décembre 2011 3
28 juil. 2011 à 15:58
Le Client ne peut toucher au $_Session vu qu'elle s'execute coter serveur ;)

Sinon tres bon travail
0
dixmon17100 Messages postés 64 Date d'inscription mercredi 25 mai 2011 Statut Membre Dernière intervention 11 juin 2013
28 juil. 2011 à 16:04
merci kino76 tu me rassures! j'ai eu une petite peur tout à l'heure lol sinon merci du compliment!
0
pols12 Messages postés 1143 Date d'inscription lundi 22 mars 2010 Statut Membre Dernière intervention 31 juillet 2019 119
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.
0
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 497
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 ...
0
dixmon17100 Messages postés 64 Date d'inscription mercredi 25 mai 2011 Statut Membre Dernière intervention 11 juin 2013
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.
0
pols12 Messages postés 1143 Date d'inscription lundi 22 mars 2010 Statut Membre Dernière intervention 31 juillet 2019 119
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://www.noelshack.com/
0
bjr j'ai ouvert mon serveur minecraft pour avoir plus d'info rdv ici http://serveur-minechest.forumgratuit.fr/f1-votre-1er-forum
0
dixmon17100 Messages postés 64 Date d'inscription mercredi 25 mai 2011 Statut Membre Dernière intervention 11 juin 2013
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
0