Hello hello
Souvent, vous vous battez pour mettre votre message d'en-tête et vous dites "rhooo mais xooit me chamboulle tout alors que FA fonctionne bien"
Pas de panique !! Tatie Miettes a
LA solution
Avant tout, quelques pré-requis :
- Vous devez vous y connaitre un peu en html/css
- Vous ne devez pas avoir peur de foncer dans les templates
Alors, c'est parti
1ère étape : on prépare le terrain
Déjà, on oublie le module de message d'en-tête que Xooit propose. Bah oui, c'est top galère. On va donc virer l'en-tête qu'on peut y avoir mis.
Pour cela, on va dans :
PA >> Général >> Message d'en-tête
Là on supprime tout !
Mais on coche quand même "Afficher sur le portail et l'index"
2ème étape : on adapte notre code
Oui, ici, il va falloir mettre le css et le html au
même endroit. On va donc devoir travailler comme il faut
>> Tout ce qui est
CSS devra être mis entre balise style.
| Code: |
<style>
Tout mon code CSS est ici
</style> |
>> Pour le code html on l'indique tout simplement à la suite.
Prenons un exemple tout bête
| Code: |
<style> #en_tete{ font-size:12px; background-color:#E1E0DE; width:800px; margin:auto; } </style> <table id="en_tete" cellpadding="0" cellspacing="0"> <tr> <td> Le code html de mon en-tête est là </td> </tr> </table> |
3ème étape : Et je mets tout ça où ?
Ahh en voilà une question interessante
On va placer ce code dans un template
Pour cela, on vient ici :
PA >> Thème >> Modifier les templates >> welcome_message.tpl
Je clique sur "modifier" et je copie colle mon code
Et voilà, le tour est joué, votre en-tête est prête
