Personnalisation
Les questions récurrentes.
Description : Le boutons J'aime que vous trouvez sur Facebook peut être accessible sur vos modules , vous pouvez les insèrer directement dans le module en question , celui-ci peut être sur article , wiki et même sur le forum sur un message d'un membre .
Il faut procéder de cette façon:
Code TPL :
Code TPL :
<?php include (PATH_TO_ROOT . '/templates/Test/latest_news.php'); ?>Regardez dans le fichier global.css (ligne 149) qui se trouve dans "templates/votre_theme/theme" si vous avez ce code :
Code CSS :
Si vous ne l'avez pas, rajoutez le pour ensuite faire le test du listage comme ci-dessous :
Code CSS :
ul li.bb_li, ul.rss_feed li { list-style-image:url(images/li.png); }
Si vous ne l'avez pas, rajoutez le pour ensuite faire le test du listage comme ci-dessous :
- PLop
- Plouf
- Paf
Description : Le boutons J'aime que vous trouvez sur Facebook peut être accessible sur vos modules , vous pouvez les insèrer directement dans le module en question , celui-ci peut être sur article , wiki et même sur le forum sur un message d'un membre .
Voir les tutoriels relatifs à la mise en place du bouton "J'aime" (like) de facebook :
- [Module News] Bouton J'aime (like) de facebook
- [Module Articles] Bouton J'aime (like) de facebook
- [Module Download] Bouton J'aime (like) de facebook
- [Module Faq] Bouton J'aime (like) de facebook
- [Module Forum] Bouton J'aime (like) de facebook
- [Module News] Bouton J'aime (like) de facebook
- [Module Articles] Bouton J'aime (like) de facebook
- [Module Download] Bouton J'aime (like) de facebook
- [Module Faq] Bouton J'aime (like) de facebook
- [Module Forum] Bouton J'aime (like) de facebook
Alors pour centrer un header, cela se fait en css. Généralement dans le "design.css" qui se trouve dans le dossier " \templates\Ton_Thème\theme".
Voici un code base:
Code CSS :
Maintenant on lui rajoute la fonction centrer:
Code CSS :
C'est très simple en fait
Voici un code base:
Code CSS :
/* ##### Entéte de la page ###### */ div#header_container,div#header_admin_container { background:transparent url(images/header.png) no-repeat scroll 0 0; height:300px; }
Maintenant on lui rajoute la fonction centrer:
Code CSS :
/* ##### Entéte de la page ###### */ div#header_container,div#header_admin_container { background:transparent url(images/header.png) no-repeat scroll center 0; height:300px; }
C'est très simple en fait

La taille de la signature est pas modifiable via l'administration, il vous est possible de le modifier en css.
Dans le dossier "Template/Ton_Thème/theme/content.css" (ligne 489 environ) remplacez la valeur du "max-height":
Code CSS :
Et si ce n'est pas assez grand, réglez le de nouveau.
Dans le dossier "Template/Ton_Thème/theme/content.css" (ligne 489 environ) remplacez la valeur du "max-height":
Code CSS :
.msg_sign_overflow {/* Signature du membre, fixe la hauteur maximale */ height:auto !important; max-height:200px; /* Augmentez cette variable */ max-width:99%; overflow:hidden; width:99%; }
Et si ce n'est pas assez grand, réglez le de nouveau.
C'est très simple, voici un" background avec couleur":
Code CSS :
Que nous allons transformer en "background image":
Code CSS :
Comme fonction de répétition pour une image, vous avez:
"no-repeat": Cela veut dire pas de répétition de l'image.
"repeat-y": La répétition se fera sur la hauteur.
"repeat-x": La répétition se fera sur la largeur.
"none": plus d'image!
Et bien d'autres fonctions que je détaillerais si vous n'y arrivez pas.
Code CSS :
div#tartampion { background-color:#FFFFFF; }
Que nous allons transformer en "background image":
Code CSS :
div#tartampion { background: url(images/header.png) no-repeat scroll 0 0; height:300px; }
Comme fonction de répétition pour une image, vous avez:
"no-repeat": Cela veut dire pas de répétition de l'image.
"repeat-y": La répétition se fera sur la hauteur.
"repeat-x": La répétition se fera sur la largeur.
"none": plus d'image!
Et bien d'autres fonctions que je détaillerais si vous n'y arrivez pas.
Alors rendez vous dans "Administration/Contenu/Menus/Ajout menu de liens":
Vous lui créez une identité et sélectionnez au choix le type, l'emplacement, le statut et les autorisations.
Cliquez sur "Ajouter un élément", et remplissez:
Répétez autant de fois que vous avez de liens à rentrer ! Pour les sous-menus, c'est le même principes.
Dans le bloc "Ajouter":
Vous lui créez une identité et sélectionnez au choix le type, l'emplacement, le statut et les autorisations.
Dans le bloc "Contenu":
Cliquez sur "Ajouter un élément", et remplissez:
- Le nom (le titre): Tartampion
- L'adresse (lien url): http://mon-lien-url/
- L'image (lien de l'image): http://mon-image.jpg
Répétez autant de fois que vous avez de liens à rentrer ! Pour les sous-menus, c'est le même principes.
Rendez vous dans "Administration/Contenu/Menus/Gestion" trouvez le menu que vous souhaitez modifier et cliquez sur cette icône
à coté du titre du menu principal. Vous pouvez ensuite monter ou descendre les titres en sélection en vous positionnant avec la souris sur le lien que vous désirez déplacer.
à coté du titre du menu principal. Vous pouvez ensuite monter ou descendre les titres en sélection en vous positionnant avec la souris sur le lien que vous désirez déplacer.Pour cela généralement, il vous faut éditer le "content.css" (ligne 654 environ).
Ici je prend le module_mini_top qui sont les titre principaux des titres de menu, sur les colonnes gauche et droite:
Code CSS :
Il vous suffira de rajouter avant la dernière accolade:
Code CSS :
Ici je prend le module_mini_top qui sont les titre principaux des titres de menu, sur les colonnes gauche et droite:
Code CSS :
.module_mini_top { font-weight:bold; height:24px; }
Il vous suffira de rajouter avant la dernière accolade:
Code CSS :
text-align:center;
Il s'agit du fichier favicon.ico qui se trouve à la racine du site. Il vous suffit de le remplacer par le votre.
Il vous faut modifier deux css.
- content.css
- shoutbox_mini.css
Les codes ne sont là, qu'a titre d'exemple !!! Mettez juste le width en "auto" dans les deux css.
Dans votre dossier "shoutbox/templates/", ouvrez le "shoutbox_mini.css" et modifiez:
Code CSS :
Et dans votre dossier "template/ton-thème/theme/", ouvrez le "content.css" :
Code CSS :
- content.css
- shoutbox_mini.css
Les codes ne sont là, qu'a titre d'exemple !!! Mettez juste le width en "auto" dans les deux css.Dans votre dossier "shoutbox/templates/", ouvrez le "shoutbox_mini.css" et modifiez:
Code CSS :
/* Conteneur des messages de la shoutbox.*/ div#shout_container{ width:auto; height:150px; overflow:auto; text-align:left; margin:auto;
Et dans votre dossier "template/ton-thème/theme/", ouvrez le "content.css" :
Code CSS :
.module_mini_container { /*Placement des mini modules */ width:auto; margin:0px; margin-bottom:10px; background:#F7F8F5 url(images/contentbg.png) repeat-x; border:1px #cccccc solid; border-spacing:1px; padding:5px; -moz-border-radius:12px; -khtml-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; }
Une "class" c'est se qui va vous permettre de définir un style au Div que vous voulez exploiter.
Code TPL :
Ce div à pour class msg_contents_overflow il faut lui appliquer une fonction css (voir ci-dessous). Une fois défini le css, tout se qui se trouvera dans ce div prendra les valeurs que vous lui insérez en css.
content.css (ligne 473)
Code CSS :
C'est simple en fin de compte une fois que l'on a compris le principe
Exemple
Code TPL :
<div class="msg_contents_overflow">Ce div à pour class msg_contents_overflow il faut lui appliquer une fonction css (voir ci-dessous). Une fois défini le css, tout se qui se trouvera dans ce div prendra les valeurs que vous lui insérez en css.
content.css (ligne 473)
Code CSS :
.msg_contents_overflow { height:auto; min-height:80px; overflow:auto; padding:10px 0; width:99%; }
C'est simple en fin de compte une fois que l'on a compris le principe

Il faut aller dans l'administration/contenu/gestion.
Ensuite, il faut cliquer sur l'icône :
du bloc de navigation.
C'est dans ce formulaire que se configure les liens et leurs icônes.
Ensuite, il faut cliquer sur l'icône :
du bloc de navigation.C'est dans ce formulaire que se configure les liens et leurs icônes.
Cette astuce est surtout pour ceux ayant beaucoup de smileys.
Éditez le fichier "smileys.php" qui se trouve dans le dossier "./kernel/framwork/content/editor/":
Modifier la variable à la ligne 46 :
Code PHP :
Ici 4 est le nombre de colonnes pour les smileys. Sur CsN nous avons mis 10
Éditez le fichier "smileys.php" qui se trouve dans le dossier "./kernel/framwork/content/editor/":
Modifier la variable à la ligne 46 :
Code PHP :
$smile_by_line=4;
Ici 4 est le nombre de colonnes pour les smileys. Sur CsN nous avons mis 10

C'est très simple, rendez vous dans le dossier : "./templates/default/framework/content", et ouvrer/éditer le "editor.tpl" à la ligne 166 :
Code TPL :
Et remplacer le "width:130px;" par la valeur de votre choix. Sur CsN la box est à 200px.
Enregistrer et fermer.
Code TPL :
<div class="bbcode_block" style="width:130px;" Et remplacer le "width:130px;" par la valeur de votre choix. Sur CsN la box est à 200px.
Enregistrer et fermer.
Pour supprimer une ou les colonnes de menu droite et gauche, dans l'insertion de l'environnement de PHPBoost v3:
En dessous de :
Code PHP :
Il vous faut juste rajouter pour annuler le menu Gauche:
Code PHP :
Ou il vous faut juste rajouter pour annuler le menu Droit:
Code PHP :
En dessous de :
Code PHP :
define('PATH_TO_ROOT', '.');
Il vous faut juste rajouter pour annuler le menu Gauche:
Code PHP :
defined('NO_LEFT_COLUMN')
Ou il vous faut juste rajouter pour annuler le menu Droit:
Code PHP :
defined('NO_RIGHT_COLUMN')
Pour cela il faut se rendre dans votre "Administration/Outils/Cache" et cliquez sur "Générer". Éventuellement si cela ne suffit pas régénéré aussi le cache de votre navigateur.





















