Partagez
Aller en bas
avatar
Admin
Admin
Faction : Aucune
Don/Pouvoir : Aucun
Souvenirs : Aucune
Arrivé en : Jamais
À la poursuite des souvenirs : Nope
Le temps qui passe : Il meurt
Artiste : Aucun
Messages : 58
Mon rythme de jeu : Genre inexistant
Mes autres comptes : Aucn
Voir le profil de l'utilisateurhttp://forum-test-onyx2.forum-canada.comhttp://forum-test-onyx2.forum-canada.comhttp://forum-test-onyx2.forum-canada.comhttp://forum-test-onyx2.forum-canada.com

Cursus thème

le Jeu 17 Mai - 14:21

Créer un design complet - ModernBB


Introduction



Salut !

Les thèmes déjà existants étant principalement pour phpBB2, j'ai décidé de vous écrire ce tutoriel sur comment faire un petit thème sur ModernBB. C'est un thème assez léger pour éviter de se compliquer la vie pour rien. J'espère que vous aimerez ^^

Voilà l'aperçu final : Lien à venir

Ce que vous aurez besoin pour suivre le tuto :
- Un forum-test (ForumActif) pour tester le tout;
- Un logiciel de graphisme (J'utilise Gimp, mais vous devriez pouvoir reproduire les mêmes effets avec Photoshop ou autre);
- Un bloc-note ou Notepad++ pour écrire vos codes;
- Un dossier sur votre ordinateur où vous mettrez vos images et tout;

Je vais essayer de donner le plus d'explications possible alors cela devrait normalement être ouvert aux débutants, mais des connaissances en codage et graphisme ne peuvent que vous aider.

Ce tutoriel est le fruit d'un travail conséquent, merci de ne pas le copier, totalement ou partiellement. Vous pouvez le mettre en pratique librement, mais pas vous en approprier l'invention. Vous êtes autorisés à mettre des liens vers cette page où vous le souhaitez.


Index



1. Bannière


Personnellement, je n'aime pas commencer avec la bannière, mais c'est ce que tout le monde me dit de faire, alors XD


Largeur, configuration de base du forum et couleurs


Largeur du forum


La première étape sera de choisir la largeur du forum. Oui oui, cela paraît bête, mais c'est actuellement important puisque l'apparence entière dépendra de la largeur !

Personnellement, j'aime bien quand c'est environ 80%.
Donc on va dans > Panneau d'administration > Général > Forum > Configuration
Et on inscrit 80% à "Largeur du forum (nombre ou %)".

Puis, on va dans le CSS et on va rajouter une largeur maximale et minimale. Ce sera pour éviter que cela devienne trop difficile à lire pour les petits et grands écrans.
Donc on va dans > Panneau d'administration > Affichage > Images et Couleurs > Couleurs > Feuille de style CSS
Et on rajoute ceci :
Code:
/*Largeur du forum*/
#wrap {
  min-width: 950px;
  max-width: 1500px;
}

Le #wrap est le bloc qui contient le corps du forum.
- Le "min-width" de 950px lui donne une largeur minimum.
- Le "max-width" de 1500px lui donne une largeur maximale.


Autres options de configuration


Tant qu'à être dans cette section, vous pouvez vous assurer de cocher les réponses suivantes pour éviter les publicités stupides :
Diminuer le nombre d'affichages des publicités images : Oui
Activation des publicités textuelles pour les invités (soulignement) : Non
Afficher les articles sponsorisés en bas de page : Invité


Je mets donc les couleurs ainsi :
Couleur du Texte : #DEDEDE
Couleur du Lien : #A3A3A3
Couleur du Lien Visité : #A3A3A3
Couleur du Lien Actif : #A3A3A3
Couleur du Lien survolé : #DE9816
Police Titre : 'Roboto', sans-serif
Police Principale : 'Roboto', sans-serif
Police Code : Courier, Courier New, monospace
Taille Police Principale : 11
Couleur Police Citation : #DEDEDE
Couleur initiale du groupe [Administrateur] : #DEDEDE
Couleur initiale du groupe [Modérateur] : #DEDEDE
Couleur du titre du forum : #DEDEDE
Couleur de l'en-tête des colonnes : #FFFFFF


Revenir en haut
Sujets similaires
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum