Message accueil à gauche du forum

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Message accueil à gauche du forum

Message par MlleSnake Jeu 7 Mai 2015 - 5:13

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 Very Happy alors n'hésitez pas.

Merci à ceux qui pourront m'aider !


Dernière édition par MlleSnake le Sam 16 Mai 2015 - 21:57, édité 1 fois
MlleSnake

MlleSnake
***

Féminin
Messages : 131
Inscrit(e) le : 09/10/2010

http://lands.forumactif.com/
MlleSnake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message accueil à gauche du forum

Message par Invité Ven 8 Mai 2015 - 8:34

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é:

Message accueil à gauche du forum 0150

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 boutonMessage accueil à gauche du forum Boutonvalider

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

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 boutonMessage accueil à gauche du forum Boutonvalider

a++


Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message accueil à gauche du forum

Message par MlleSnake Sam 9 Mai 2015 - 4:57

Je vais tester dans les prochains jours, merci !
MlleSnake

MlleSnake
***

Féminin
Messages : 131
Inscrit(e) le : 09/10/2010

http://lands.forumactif.com/
MlleSnake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message accueil à gauche du forum

Message par MlleSnake Dim 10 Mai 2015 - 23:43

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.
MlleSnake

MlleSnake
***

Féminin
Messages : 131
Inscrit(e) le : 09/10/2010

http://lands.forumactif.com/
MlleSnake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message accueil à gauche du forum

Message par Invité Lun 11 Mai 2015 - 6:58

Salut MlleSnake,

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

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message accueil à gauche du forum

Message par MlleSnake Sam 16 Mai 2015 - 21:57

Ça semble fonctionner à merveille, merci !
MlleSnake

MlleSnake
***

Féminin
Messages : 131
Inscrit(e) le : 09/10/2010

http://lands.forumactif.com/
MlleSnake a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum