PHPBoost CMS : FAQ PHPBoost

Accueil

FAQ PHPBoost - Thèmes

Bienvenue sur la FAQ de PHPBoost. Vous trouverez ici la réponse à une majorité de vos questions. Cette forme de documentation complète la documentation.

Les informations que vous pourrez y retrouver sont classées par catégorie. Vous devriez donc rapidement trouver une réponse à votre question. Vous pouvez nous soumettre vos questions / réponses afin de nous aider à perfectionner l'aide et le support.

Mettre une image de fond sur son site

Vous voulez mettre une image de fond sur votre site mais vous ne savez pas comment faire ?

Pour cela il faudra vous diriger vers le design.css

C'est plus précisément cette partie là qui va nous intéresser :

Code CSS :

body {
    background:#E9ECEF url(images/global.png)  repeat-x;
    font-size:12px;
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, 'Bitstream Vera Sans', Times, serif;
    color:#0E2A48;
    margin:0;
    padding:0;
}

A savoir que le dossier images est celui qui ce trouve dans le votre thème ( votre_thème/theme/images pour la V3 et votre_thème/images pour la V2 ).

C'est donc le background qui va nous permettre de définir une couleur et/ou une image en arrière plan.

Il faut savoir que si vous mettez une image elle peut être répétté ou non, nous allons voir ensemble comment procéder.

Pour répéter l'image horinzontalement il vous faudra rajouter repeat-x derrière l'apelation de l'image ( url(image/global.png) )
Au contraire si c'est pour la répétter a la vertical ce sera plutôt : repeat-y
Pour ne pas le répéter et le mettre centrer : no-repeat center
Pour la répéter horizontalement et verticalement : repeat
Pour la répéter, la mettre centrer et qu'elle reste fixe par rapport au navigateur : no-repeat center fixed

Après il vous faudra bien sur adapté la couleur de l'arrière plan à l'image car si votre image ne fait que 1024 pixel de large, alors qu'un visiteur possède un écran de 26" avec une résolution plus élevé, il verra la couleur que vous y aurai attribué.

Existe-t-il un site de démonstration des thèmes ?

Oui, bien sur, il existe un site ou vous pouvez tester tous les thèmes disponibles. Rendez vous sur

http://demo.phpboost.com/

Où télécharger les thèmes disponibles pour PHPBoost ?

Vous pouvez télécharger les thèmes à cette adresse :

http://www.phpboost.com/download/category-30+themes.php

Les thèmes 2.0 sont-il compatibles 3.0 ?

Non, les thèmes PHPBoost 2.0 ne sont pas compatibles pour la 3.0 si un thème vous intéresse, faite une demande de conversion sur le forum.

Comment installer un thème ?

C'est très simple, lisez cet article qui vous expliquera en détail comment installer votre thème sur votre site.

Est ce que l'on peut mettre plusieurs thèmes disponibles pour les utilisateurs ?

Mettez plusieurs thèmes à disposition en en installant plusieurs. Chaque membre pourra choisir son thème dans son profil (donc l'administrateur aussi).

Choisissez dans la configuration le thème par défaut pour les visiteurs.
dans le panel de configuration / membres / membres/ configuration des membres au niveau 'Permission aux membres de choisir leur thème' cochez 'oui'.

Comment configurer pour qu'un thème soit pour tous les utilisateurs?

Pour qu'un seul thème soit proposé aux visiteurs et aux membres,

1/ il va falloir que vous choisissiez le thème par défaut de votre site. Pour cela, allez dans le panel de configuration du site / site / configuration et la vous avez une zone de sélection du thème par défaut du site.

2/ puis rendez vous dans le panel de configuration / membres / membres/ configuration des membres et pour 'Permission aux membres de choisir leur thème' cochez 'non'.

Comment est structuré un thème ?

Voici la composition d'un thème :

CSS : CSS (Cascading Style Sheet ou feuilles de style en cascade) est un langage de style qui définit la présentation des documents HTML. Par exemple, CSS couvre les polices, les couleurs, les marges, les lignes, la hauteur, la largeur, les images d'arrière-plan, les positionnements évolués et bien d'autres choses sont possibles). Le CSS est la partie concernant la forme du document. Ces fichiers ont l'extension .css.
Templates : Un fichier template (patron en français) permet de faire l'interface entre PHP (générateur de contenu) et le code HTML généré. Ces fichiers sont en langage HTML (HyperText Markup Language) et contiennent les emplacements des variables que PHP doit assigner. Le HTML concerne le fond du document. Ces fichiers ont l'extension .tpl.
Images : En plus du CSS, la mise en forme est appuyée par des images. Les images d'un thème se trouvent dans le dossier images du thème.

Je veux faire mon propre thème je commence par où ?

Voir la documentation pour créer un thème

Comment personnaliser complètement son thème pour tous les modules ?

Il suffit de copier le répertoire templates des modules dans le répertoire de votre thème, le renommer par le nom du module et ceux-ci seront automatiquement chargés à la place des templates par défaut (qui sont dans chaque répertoire module à la racine).
Ensuite vous pouvez tout changer directement dans votre thème.

C'est une méthode très flexible et qui permet d'alléger énormément la création de thème en donnant la possibilité à ceux qui veulent pousser leur thème de tout modifier.

Comment changer la bannière ?

Version V2:

Il suffit de créer votre bannière, puis de la renommer header_boost.jpg et la transférer dans le répertoire :" ../templates/nom_de_votre_theme/images/".

Sinon créez votre bannière, donnez lui le nom que vous souhaitez, transférez la dans ../templates/nom_de_votre_theme/images/, puis enfin éditez le fichier ../templates/nom_de_votre_theme/images/header.tpl et au lieu de header_boost.jpg vous mettez le nom de votre image.

Version V3:

Il suffit de créer votre bannière, puis de la renommer headert.jpg et la transférer dans le répertoire :" ../templates/nom_de_votre_theme/theme/images/".

Sinon créez votre bannière, donnez lui le nom que vous souhaitez, transférez la dans ../templates/nom_de_votre_theme/theme/images/, puis enfin éditez le fichier ../templates/nom_de_votre_theme/theme/design.css à la ligne 34 (Thème Base) et au lieu de "header.jpg" vous mettez le nom de votre image.

Comment modifier la couleur des membres en ligne connectés ?

Il va faloir éditer le fichier ../templates/nom_de_votre_theme/global.css à la ligne 97 environ et modifier les 'color'

Code CSS :

a.admin{
color:#fc0712;
font-size:11px;
font-weight:bold;
}
a.modo{
color:#9564f8;
font-size:11px;
font-weight:bold;
}
a.member{
color:#7fa15d;
font-size:11px;
font-weight:bold;
}

Comment changer les liens du menu horizontal sous la bannière ?

C'est assez simple, suivez la marche à suivre de cet article.

Comment modifier le nom de son thème et celui de son réalisateur ?

Une fois que vous avez terminé votre thème, donnez lui un nom et mettez vous comme créateur du thème.
Pour cela éditez les fichiers :

config/english/config.ini
config/french/config.ini

et modifiez les champs de ce fichier.

Si vous modifiez le nom du thème, vous devrez bien sur renommer le répertoire du thème par le même nom.

Comment créer un thème fixe à x pixels de largeur ?

Il va falloir éditer le fichier design.css de votre thème.

Code CSS :

body{
	background-color:#FFFFFF; 
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#2E3B5F;
	margin:0;
	padding:0;
}

Il va falloir modifier :

width:1000px; ==> à rajouter et mettre la taille que vous souhaitez ( attention si vous mettez plus de 1000px les utilisateurs qui seront en 1024x768 et moins , auront des problèmes d'affichage) , pour information en 2007 58% des utilisateur sont en 1024x768 .
margin:0; ==> à supprimer
padding:0; ==> à supprimer

Comment modifier la largeur d'un menu ?

Il va falloir modifier les images ci dessous pour mettre à la taille que vous souhaitez.

../templates/nomdutheme/row1.png
../templates/nomdutheme/mini_block.gif
../links/templates/mini_block.gif
../links/templates/mini_block2.gif

Puis changer les largeurs dans content.css

module_mini_top
module_mini_table
module_mini_bottom

Version V2:

Version V3:

Annonces