Header
Partagez | 

[Xooit] Xooit & les en-têtes...

avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Miettes

Doyenne
Bons Points (BP) : 233
Voir le profil de l'utilisateur

Message Sujet: [Xooit] Xooit & les en-têtes...   Ven 29 Oct - 23:48

Hello hello Smile

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 Smile

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 Wink


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 Smile

>> 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 Smile

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 Smile

On va placer ce code dans un template Smile

Pour cela, on vient ici :

PA >> Thème >> Modifier les templates >> welcome_message.tpl

Je clique sur "modifier" et je copie colle mon code Smile

Et voilà, le tour est joué, votre en-tête est prête Wink




Vous rencontrez un souci avec ce tutoriel ? Venez poser votre question [ici].

Idea N'oubliez pas de lire et de suivre les [règles de la section].

Je soussignée, Miettes,  accepte qu'un directeur reposte le tutoriel "[Xooit] Xooit & les en-têtes..." tel que je l'ai rédigé.
Revenir en haut Aller en bas
[Xooit] Xooit & les en-têtes...
Page 1 sur 1
 Sujets similaires
-
» Le Thanatos : Croiseur de classe Retribution ! *
» CSS compatible xooit ?
» [Code - PHPBB2 Xooit] Citer un message d'un sujet à un autre
» [Code - PHPBB2 Xooit] Modifier la largeur de votre forum
Réponse rapide

School of Progress :: La bibliothèque :: Tutoriels :: Informatique :: Codage+