Menul latéral fixe à droite

[frederique-rko]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : non défini
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://smackdownvsraw.forumactif.com/

Description du problème

Salut,

Je souhaiterais créer un menu latéral fixe à droite du forum (de préférence visible sur toutes les pages) ?

Je voudrais faire :
- Afficher le classement de mes équipes en temps réel
- Afficher les derniers messages / images d'une forum précis
- Peut être autre chose si y'a de la place

Merci

[Invité]

Hello frederique-rko,

alors, en temps réel, cela sera compliqué.
On peut faire presque ce que l'on veut mais il y a des limites .

Il va falloir avoir des renseignements concernant :

Afficher le classement de mes équipes en temps réel

A quoi cela correspond ?

Afficher les derniers messages / images d'un forum précis

On peut afficher les derniers sujet d'un forum précis mais pas les images ou alors les requêtes vont faire ramer ton forum surtout si tu souhaites avoir ce dit Widget sur toutes les pages.

Peut être autre chose si il y a de la place

Pendant que nous y sommes, que veux tu ajouter ?

a++

[frederique-rko]

Salut Milouze et merci encore pour ton aide et ton temps.

Je me doute bien qu'en temps réel c'est compliqué, je voulais surtout qu'il se mette à jour à 23h59 par exemple ... Sinon, je peux toujours le faire à la main mais ça me sauverait du temps si on pouvait aller chercher les logos, les points ...

En fait, mon classement se fait automatiquement sur un site de simulation à la fin des matchs.
Idéalement il faudrait pouvoir aller chercher le colonne des logos et celle des points.
Au pire, ça sera du travail à la main à tous les jours pour moi ...

Les derniers messages, c'est donc impossible. Dans ce cas les derniers sujets. Ceci dit, j'ai vu qu'il y avait un Widget Tweeter. J'ignore comment il fonctionne mais c'est ça mon idée, je voulais faire apparaitre les derniers tweets.

Autre chose, je pensais notamment à y mettre la liste du personnel du forum avec des liens pour accéder à leur messagerie privée.

[Invité]

Re,

alors, je vais laisser la place à d'autres membres ayant d'autres compétences car je ne serais pas capable de t'apporter satisfaction sur tes demandes.
Désolé chère amie.

a++

[frederique-rko]

Je suis peut être trop exigeante pour le coup ...

Au pire, si tu peux m'aider sur un menu latéral à droite fixe avec 3 catégories (CLASSEMENT - INFOS - PERSONNEL) ça serait magnifique. Après à moi de me débrouiller pour remplir le blabla à l'intérieur !

[Invité]

Hello frederique-rko,

Je suis peut être trop exigeante pour le coup ...

Non .

Est-ce que il y aura des liens dans chaque conteneurs?
Vu que tu désires avoir le bloc en position fixed, cela risque de gêner pour le visu
sur les pages pour le reste de ton forum.
Il faut donc un bouton qui fermera le bloc et un autre qui sera en haut de page qui l'affichera au cas ou le membre voudrait de nouveau le voir.





Edit,


voici un script a placer sur toutes les pages.

Code:

$(function(){
  //ON DESACTIVE L AFFICHE POUR LES INVITES
if(!_userdata["session_logged_in"])return;
//LE CONTENU ENTRE GUILLEMETS BLOC CLASSEMENT
var contenu_un="BLA BLA DANS LE CONTENU DE CLASSEMENT";
    //LE CONTENU ENTRE GUILLEMETS BLOC INFOS
var contenu_deux="BLA BLA DANS LE CONTENU DE INFOS"; 
    //LE CONTENU ENTRE GUILLEMETS BLOC PERSONNEL
var contenu_trois="BLA BLA DANS LE CONTENU DE PERSONNEL";
$('body').append('<div class="M14_open_widget" title="Ouvrir"><span>O</span></div> <div class="M14_close_widget"title="Fermer"><span>F</span></div><div id="M14_widget_right"><div class="M14_widget_droit un"><div class="M14_widget_titre">CLASSEMENT</div><div>'+contenu_un+'</div></div>  <div class="M14_widget_droit deux"><div class="M14_widget_titre">INFOS</div><div>'+contenu_deux+' </div>  </div><div class="M14_widget_droit trois"><div class="M14_widget_titre">PERSONNEL</div><div>'+contenu_trois+'</div></div></div>'); 
$('.M14_close_widget').click(function(){$(this).fadeOut();
$('#M14_widget_right').fadeOut();
  $('.M14_open_widget').fadeIn();
});
  $('.M14_open_widget').click(function(){
    $('.M14_open_widget').fadeIn();
$('#M14_widget_right').fadeIn();
  $('.M14_close_widget').fadeIn();
});
});

Explications sur son fonctionnement.

Les boutons de fermeture et fermeture.
Le bouton de fermeture aura cette lettre F et celui d'ouverture aura la lettre O:

Code:


<div class="M14_open_widget" title="Ouvrir"><span>O</span></div>
<div class="M14_close_widget"title="Fermer"><span>F</span></div>


Le style est optimisé pour ces boutons dans la c.s.s que tu trouveras plus bas.
Au clic sur le bouton F, le menu va disparaitre et le bouton O s'affichera et vice versa.

Si tu désires mettre des images, il faudra prendre en compte la dimensions de ces dernières et modifier le style avec
leurs valeurs.


Ensuite tu as trois variables:

Code:

 
//LE CONTENU ENTRE GUILLEMETS BLOC CLASSEMENT
var contenu_un="BLA BLA DANS LE CONTENU DE CLASSEMENT";
    //LE CONTENU ENTRE GUILLEMETS BLOC INFOS
var contenu_deux="BLA BLA DANS LE CONTENU DE INFOS"; 
    //LE CONTENU ENTRE GUILLEMETS BLOC PERSONNEL
var contenu_trois="BLA BLA DANS LE CONTENU DE PERSONNEL";


Il faudra modifier le texte pour chaque variable entre les guillemets "".
Ensuite, vu qu'il doit y avoir des information visible que pour les membres, les invités ne pourront pas voir le menu.
Si tu désires laisser ce menu pour les invités, il faudra retirer ceci:

Code:

//ON DESACTIVE L AFFICHE POUR LES INVITES
if(!_userdata["session_logged_in"])return;

Puis la c.s.s:

Code:


/*LE BLOC A DRITE*/
#M14_widget_right
{
position:fixed;
top:90px;
right:10px;
width:250px;
heigth:450px;
padding:2px;
background-color:#000000;
}
/*LE BOUTON DE FERMETURE ET D OUVERTURE */
.M14_close_widget,.M14_open_widget
{
position: fixed;
width: 24px;
height: 24px;
top:60px;
right:10px;
background-color: #000;
border-radius: 24px;
text-align: center;
}
/*ON MASQUE LE BOUTON D OUVERTURE*/
.M14_open_widget
{
display:none;

}
/*la couleur du bouton de fermeture et d ouverture*/
.M14_close_widget span,.M14_open_widget span
{
font-size:14px;
font-weight:bold;
  color:white;
  top: 3px;
position: relative;
}
/* LES BLOCS A L INTERIEUR*/
div[class^="M14_widget_droit"]
{
height:150px;
overflow-y:auto;
border:2px solid white;
}
div[class^="M14_widget_droit"] div
{
color:white;
padding:5px;
font-size:10px;
}
/* les titres*/
.M14_widget_titre
{
text-align:center;
color:white;
font-size:14px;
}








a++

[frederique-rko]

Merci mille fois !