Structure de la page 
Pour modifier l'apparence de votre site vous avez deux fichiers que vous pouvez modifier. Le fichier Portail.CSS et le fichier menu.tpl1.js. Vous trouverez ces fichiers dans votre répertoire racine de votre portail. De plus si vous utilisez le forum et la galerie vous pourrez adapter leurs styles dans le fichier ttt.css. Je vous invite à utiliser un éditeur de style css pour modifier les fichiers css. Vous pouvez facilement trouver ce type d'éditeur sur l'internet. J'utilise acehtml, ce logiciel est disponible en version partagiciel.


Haut de page


#banner {text-align: left; background: ivory} - Style pour toute la section haut de page
#logo {background: url(bk.jpg)} - Style pour la tranche horizontale du logo
.LogoImage {} - Style pour l'image logo mettre width et height pour accélérer l'affichage
#BreadCrumb {background: #f5f5f5;} - pour positioner le menu alternatif
.bread {font-size: 8px; color: gray; font-family: Wingdings 3} - pour le menu alternatif

Panneau Gauche



.LeftPane { }

Panneau Central



.ContentPane { }
td.line { } - pour une séparation conditionnelle entre les panneaux

Panneau Droite



.RightPane { }

Bas de page




#footer {width: 100%; text-align: center } - Pour la section bas de page

.A1 {color: #DCDCDC;}

.A2 {background: #FFFFF0}

div.a2 { border-bottom: Gray 1px solid; border-left: White 1px solid; border-top: White 1px solid; border-right: Gray 1px solid; width: 750}

Autres éléments d'importances de la page



  • La table principale - Utiliser le paramètre CSS #maintable { } pour désigner un style qui englobera .leftpane .contentpane et .rightpane

  • Le menu - Vous trouverez un fichier menu_tp1.js dans votre répertoire racine. Ce fichier détermine le paramètres d'affichages du menu. Pour changer la position du menu vous devez modifier block_top et block_left . Le menu est très flexible vous pouvez l'afficher ou vous voulez dans l'écran vertical ou horizontal. je vous invite à aller voir la documentation ici

  • Le panneau d'administration - Pour le panneau d'administration utiliser le paramètre CSS .admin {z-index: 100; max-width: 370px; top:0; background: silver; border: thin dotted; padding: 4; position: absolute}

  • Le panneau d'ouverture de session - Pour positionner le menu d'ouverture de session utiliser le paramètre CSS
    #signin {position: absolute; background: ivory; top: 150px; right: 60px; z-index: 100; border: thin dotted black; width: 160px}


Un module


La structure de base d'un module est :

<TABLE cellSpacing=0 cellPadding=0 width="100%" [BORDER] [COLOR]>
  <TR>
   <TD [ALIGN]>    [MODULE]
   </TD>
  </TR>
</TABLE>

Utiliser la fonction "Modifier les paramètres du module" pour faire des modifications.

  • Le paramètre [COLOR] injecte dans le module bgcolor="xxxxxx", vous devez utiliser des définitions de couleurs valide HTML.

  • Le paramètre [ALIGN] injecte dans le module align="xxxxx", vous avez trois choix dans une liste.

  • Le paramètre [BORDER] injecte dans le module border="xx".

  • Le paramètre [CONTAINER] injecte l'info du module, tel que du texte ou tous autres choses que vous avez dans le module.