Message accueil à gauche du forum

[MlleSnake]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour !

Peut-être que la question a été répondue quelque part, mais je n'ai pas trouvé exactement ce que je cherchais.
J'aimerais ajouter comme un « aside » à gauche du forum et y mettre des informations diverses, comme le message d'accueil. (voir zone jaune sur la capture écran)

Jouer dans les templates ne me fait pas peur alors n'hésitez pas.

Merci à ceux qui pourront m'aider !

[Invité]

Salut MlleSnake,

tu peux avoir un Widget qui sera affiché sur toutes les pages de ton forum en passant par
un script.

L'aperçu imagé:



La procédure est simple :

On passe par un script ou tu déposeras les informations .

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Cocher sur toutes les pages.

Déposes ce contenu :

Code:


$(function(){
$('body').append('<div id="M14_Message">
//Le titre du Widget
<div class="M14_Titre">TITRE</div>
<div class="M14_Cont">

Les infos du jour <br />
Les infos de Mardi <br />
Les infos de Mercredi <br />
<a href="/faq">Voir la FAQ</a> <br />
</div>
</div>
');
});



Penses à cliquer sur le bouton

C'est un exemple , à toi de l'agrémenter .

Ensuite on va donner un style à tout çà :

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style


Déposes ceci:

Code:


/*Le bloc*/
#M14_Message
{
width:250px;/*on donne une largeur au bloc*/
height:auto;/*on attribue la valeur auto pour la hauteur*/
background:black;/*on donne une couleur de fond*/
position:absolute;/*on demande une position absolue*/
top:100px;/*on place le bloc a 100px du haut*/
left:5px;/*on place le bloc a 5px de la gauche*/
-webkit-border-radius: 5px;/*Les bordures arrondies*/
-moz-border-radius: 5px;
border-radius: 5px;
}
/*Le titre du message*/
#M14_Message .M14_Titre
{
padding:4px;/*on donne un espace de 4px*/
text-align:center;/*on centre le titre*/
color:white;/*on donne une couleur blanche au titre*/
font-size:12px;/*on donne une taille de police au texte*/
}
/*Les sujets dans le bloc*/
#M14_Message .M14_Cont
{
margin:5px;/*on donne une marge de 5px*/
padding:10px;/*on donne un espace de 10px*/
color:black;/*on donne une couleur noir au texte*/
font-size:11px;/*on donne une taille de police au texte*/
background:white;/*on donne une couleur de fond*/
-webkit-border-radius: 5px;/*Les bordures arrondies*/
-moz-border-radius: 5px;
border-radius: 5px;
}
/*Les liens dans les sujets*/
#M14_Message .M14_Cont a
{
text-decoration:none !important;/*on supprime le soulignement*/
color:green;/*on donne une couleur*/
}




Penses à cliquer sur le bouton

a++

[MlleSnake]

Je vais tester dans les prochains jours, merci !

[MlleSnake]

Je n'ai pas encore eu l'occasion de l'essayer, mais n'y aurait-il pas un code moins « flottant » ?

J'aime beaucoup ce qu'ils ont fait sur ce forum par exemple.

[Invité]

Salut MlleSnake,

à toi d’agrémenter la C.S.S comme bon te semble pour avoir l'affichage escompté .

a++

[MlleSnake]

Ça semble fonctionner à merveille, merci !