Cours de Destiny [Wabbit]

Fondateur félin

Voici le cours de Destiny =)

Alors, on commence par quoi ?

Wabbit

Comme tu veut ^_^

Fondateur félin

Bon, et bien je te propose quelque chose :

On pourra se faire un petit thème et voir au fur et à mesure ce qu'on peut améliorer ? ^_^

Et si jamais tu veux modifier un peu les templates et le css, on pourra aussi travailler sur ça, quoique c'est d'un niveau un peu plus élevé (dans le cas des templates)

Wabbit

D'accord,
Pour les templates et le css je connais quelque petit truc mais sans plus
Sinon pour faire un thème je suis d'accord, j'aimerai bien en faire un sur Mario Bross

Fondateur félin

Très bien, alors un thème sur Mario Bros Dummy

Préférerais-tu que je te donne quelques restrictions, un peu comme dans une commande (mais beaucoup moins de restrictions), ou que je te laisse complètement libre ?

Wabbit

Je préfère que tu me donner restrictions histoire de me mettre en condition XD

Fondateur félin

Oki ^^ Alors je vais y aller simplement :

Thème : Mario Bros
Version : Phpbb2
Style : Plutôt "soft" - pas trop chargé
Image(s) : Choix libre, mais à inclure celle-ci : clique
Autres : Une animation sur les boutons "Inscription" et "Nouveau MP" de la barre de navigation, ainsi que sur l'icône "Nouveau message"

J'ai mis des animations, car étant donné que tu as Photoshop, tu devrais pouvoir en faire Yeah

Wabbit

D'accord, je vais commencer.
Je le fait sur un forum test bien sûr

Par contre en ce qui concerne les animations, j'ai bien Adobe ImageReady CS, mais je ne maitrise pas encore ce logiciel, faut déjà que je maitrise Photoshop XD

Fondateur félin

Ok ^^ Eh bien commence sans animations, et on travaillera ça par la suite ^_^

Parce qu'il arrive fréquemment les les gens demandent des animations, entre autres sur le bouton "Inscription" de la barre de navigation

Wabbit

D'accord !
Oui j'ai vrai beaucoup de gens demande des animations au bouton Dummy

Wabbit

Par contre, quand j'essaye de faire un design je bloque toujours sur la banniére, comment la faire ? Quel fond faire ? ....
Quel sont les conseils que tu peu me donner ?

Fondateur félin

Tout dépend du résultat final que tu souhaites :)

Tu peux faire une bannière classique (aux alentours de 750*350), en forme carrée, ou bien tu peux aussi l'incruster au fond. Dans ce cas tu crées le fond et la bannière en même temps. Ça peut t'offrir une possibilité de personnalisation supplémentaire.

Ou tu peux aussi faire une bannière classique, donc qui n'est pas "incrustée" au fond, mais avec une forme plus particulière, ou bien tout simplement pas de forme ni de cadre.

Personnellement, j'affectionne tout particulièrement les bannières qui prennent toute la largeur du cadre du forum et qui se finissent en "dégradé" dans le bas - bref comme sur Wabunga ^_^

Le mieux, c'est de visiter plusieurs forums pour t'inspirer et voir ce qui se fait ailleurs ! ça n'a rien de mal, tant qu'on ne copie pas =P

Wabbit

Merci
Là j'essaye de faire la banniére
Comme Mario c'est un jeu ou joue sur des mondes, pourquoi ne pas reproduire un monde dans une banniére .... après pourquoi pas la mettre en fond (je me comprend XD)

Fondateur félin

Laisse ton imagination aller, toutes les idées sont bonnes ^_^

Et puis une autre chose à retenir : Il se peut parfaitement que la 1ère version ne soit pas la bonne. Soi le"client" ne sera pas satisfait, soi toi-même tu ne le seras pas. Si jamais tu doute du résultat, ou que le "client" doute, il ne faut pas avoir peur de recommencer. C'est souvent, voir toujours pour le mieux Bunny

Wabbit

Bon après quelque jour de galère pour les couleurs, je pense que c'est OK pour ça ! J'ai rajouter quelque CSS que j'ai trouver sur le net pour rendre le forum plus beau ...
Par contre je trouve le fond un peu triste j'aimerais ajouter une image de fond, une image que sur le coter droit mais je sais pas trop comment faire tu sais toi ?

Bon voici le lien du forum test pour regarder par toi même http://design-forum.forumpro.fr

Maintenant manque plus que la banniére est le reste, je vais réfléchir comment faire tout ça !

Fondateur félin

Effectivement le fond est plutôt triste !

Pour ton idée, eh bien il s'agit tout simplement de calculer la largeur du forum (si c'est une largeur fixe en pixels), puis de faire ton fond selon cette largeur. Je m'explique :

Un forum a une largeur de 800 pixels. Je crée donc un fond d'une largeur de 1280*1024 pixels, et je calcul 800 pixels au centre : cette zone représente la place que prendra le forum. Ensuite, je réalise mon fond selon cette zone. Si, dans ton cas tu veux une image uniquement à droite du forum, il te s'agit tout simplement de mettre une image uniquement à la droite de la zone.

Ensuite, une fois ton fond, assure-toi de mettre ceci dans le CSS :

Code:: body
{
background-position:top center;
}

Ça permet que le fond soit placé correctement, peu importe la résolution de l'écran.

Sinon, pour le reste de ton design c'est plutôt bien, le CSS apporte une personnalisation intéressante. Par contre, personnellement, je déconseille le changement de taille avec les "hover". C'est-à-dire que lorsqu'on passe le curseur sur le lien d'un sous-forum, celui-ci prend plus de place qu'il n'en prenait avant, du coup, ça déplace tout ce qui est dessous.

Wabbit

Merci pour ces conseils
Je vais changer taille avec les "hover", mettre la même !

Sinon j'ai commencer a faire les boutons "Nouveau message, pas de message"

Fondateur félin

Parfait ^^

(Pour les hover, c'est beaucoup mieux ^_^

)

Wabbit

Merci !
Je crois le plus galère ca va être la banniére XD
La je vais voir pour le fond ....

Pour les images, je les trouvent ici si tu veut savoir http://www.jeuxvideo.com/jeux/images/wii/00025814/new-super-mario-bros-wii-p160.htm

Fondateur félin

Très intéressant comme ressources ^^

D'ailleurs, c'est bien qu'il y en ait une multitude, comme ça éventuellement tu pourras créer des boutons beaucoup plus personnalisés en incluant des images en plus de texte. Exemple : un petit pingouin qui marche sur "Nouveau sujet".

Wabbit

Bon, voilà la banniére est faite ....
Manque plus que la barre de navigation, les boutons, le qui est en ligne et le fond ^_^

Fondateur félin

Très belle bannière ^_^

N'oublie pas les contraintes d'images ;)

Wabbit

Comment ça ?

Fondateur félin

Juste pour être sûr que tu n'oublies pas d'inclure cette image quelque part dans le thème ^_^

Wabbit

Ah oui, elle est dans la banniére sur le coter droit^^
Mais je vais essayer de la mettre ailleurs