J'ai beaucoup de respect pour des personnes comme Algebre, qui n'ont pas peur de partager.
Alors, je te dit: mille mercis !
Passons maintenant à l'étape suivante, créer une DIV.
L'avantage d'utiliser une DIV, c'est que nous pouvons lui ajouter ce que l'on veut dans son contenue.
Alors, dans ce tuto, je vais reprendre le code de Algerbe + nous allons ajouter une structure de 3 colonnes en HTML qui va contenir 2 blocs natifs de pragmaMx et une colonne libre pour son contenue.
Le tout sera visible seulement en page d'accueil.
Voici a quoi ressemble la structure 3 colonnes que nous allons incorporer a pragmaMx.

Vous pouvez télécharger l'archive 3 colonnes ici: Archive 3 colonnes HTML
L'archive contient la structure des 3 colonnes en HTML, J'ai ajouté des commentaires dans le fichier style/style.css, a vous de l'ouvrir et éditer les largeurs des 3 colonnes, couleur, etc... Tout est détaillé en CSS.
Pour notre exemple, j'ai ajouté 3 images dans l’entête des colonnes, car c'est plus simple à expliquer sur un forum si vous voulez seulement un arrière plant en code de couleur.
Passons maintenant à la création de notre fonction, car si l'on veut accueillir notre code HTML (3colonnes), nous devons créer des fonctions dans le fichier: theme.functions.php
Pour notre tutoriel, nous allons utiliser le thème par défaut : pmx-blank
Code de la fonction, a coller dans le fichier: theme.functions.php
- Code:
-
$part[] = array("{NOFOOTERACCUEIL}", mx_nofooteraccueil());
- Code:
-
function mx_nofooteraccueil (){ if (MX_MODULE == mxGetMainModuleName()){ $out ='<div id="structure"> Contenue des 3 colonnes </div>'; } else { $out =''; } return $out; }
Et notre variable en HTML (a coller dans le fichier theme.html)
- Code:
-
<div> {NOFOOTERACCUEIL} </div>
Maintenant nous allons créer 2 fonctions pour 2 blocs, qui sera affiché dans dans nos 3 colonnes.
Je vais utiliser le bloc sondage et le bloc eBoard
- Code:
-
$part[] = array("{BLOCKSONDAGE}", newsetsondage());
- Code:
-
function newsetsondage(){ include(PMX_BLOCKS_DIR . '/block-Survey.php'); return $content; }
- Code:
-
$part[] = array("{BLOCKEBOARD}", newseteBoard());
- Code:
-
function newseteBoard(){ include(PMX_BLOCKS_DIR . '/block-mxBoard_Center_oldstyle.php'); return $content; }
Dans notre DIV visible seulement pour l'accueil la variable HTML n'est pas valide pour un fichier PHP: theme.functions.php
Alors nous allons convertir la variable HTML en PHP:
- Code:
-
$ma_variable1 = newseteBoard();
- Code:
-
$ma_variable2 = newsetsondage();
A placer dans votre première fonction:
- Code:
-
function mx_nofooteraccueil (){ if (MX_MODULE == mxGetMainModuleName()){ $out ='<div id="structure"> Contenue des 3 colonnes </div>'; } else { $out =''; } return $out; }
Remplacer par:
- Code:
-
function mx_nofooteraccueil (){
if (MX_MODULE == mxGetMainModuleName()){ $ma_variable1 = newseteBoard(); $ma_variable2 = newsetsondage();
$out ='<div id="structure">
Contenue des 3 colonnes
</div>';
}
else {
$out ='';
}
return $out;
}
Code a placer dans les 3 colonnes:
- Code:
-
' . $ma_variable1 . '
- Code:
-
' . $ma_variable2 . '
Bon!! J'ai un problème de code avec ce forum, il créer des espaces l'a ou il ne faut pas...
Je stop le tutoriel.
Voici l'archive du thème qui contient les modifications: pmx-blank_3colonnes
@++
[Edité le 1/2/2012 à 22:16 par Diabolo]
Posté le 1/2/2012 à 10:11 par Zoltatem





