Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 le 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
avatar

MlleSnake
***

Féminin
Messages : 116
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 Milouze14 le 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é:



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

a++


avatar

Milouze14
Membre actif

Masculin
Messages : 5090
Inscrit(e) le : 18/04/2005

https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message accueil à gauche du forum

Message par MlleSnake le Sam 9 Mai 2015 - 4:57

Je vais tester dans les prochains jours, merci !
avatar

MlleSnake
***

Féminin
Messages : 116
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 le 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.
avatar

MlleSnake
***

Féminin
Messages : 116
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 Milouze14 le 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++
avatar

Milouze14
Membre actif

Masculin
Messages : 5090
Inscrit(e) le : 18/04/2005

https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message accueil à gauche du forum

Message par MlleSnake le Sam 16 Mai 2015 - 21:57

Ça semble fonctionner à merveille, merci !
avatar

MlleSnake
***

Féminin
Messages : 116
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


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