[TOUTES VERSIONS] Afficher la partie profil de la toolbar en bas à gauche avec effet slide

Rappel du premier message :

,

actuellement lorsque vous cliquez sur le Pseudo dans la Toolbar le profil s'affiche juste en dessous......

Cette petite astuce bien sympa affichera le profil avec un effet coulissant en bas à gauche.

Un bouton de fermeture sera aussi inséré afin de faciliter le mouvement de souris en haut pour fermer cette notification.



On va donc passer par un JavaScript et ensuite personnaliser tout çà via la C.S.S.

Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.


Déposez ce code:

Code:


//La partie profil
$(function(){
$(function(){
$('#fa_usermenu').before('<a id="M14_close_usermenu"title="Fermer le menu">X</a>');
$('#fa_welcome').click(function(){
$('ul#fa_menulist').slideToggle("slow");
})})});

//La fermeture de la partie profil
$(function(){
$(function(){
$('#M14_close_usermenu').click(function(){
$('ul#fa_menulist').slideToggle("fast");
})
})});




Pensez a cliquer sur le bouton  

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


Déposez ce contenu  :

Code:



/*Suppression de la couleur de fond bienvenue */
#fa_welcome
{

background-color:transparent !important;
color:#fff !important;
}

/*La partie profil*/
ul#fa_menulist
{
position:fixed !important;
bottom:0% !important ;
left:0px !important;
}

/*Le bouton de fermeture partie profil*/
#M14_close_usermenu
{
position: absolute !important;
right:15px !important;
text-decoration:none !important;
color:red !important;
cursor:pointer !important;
}



Pensez à valider les modifications en cliquant sur le bouton  






Admirez votre fofo les ami(e)s

Merci beaucoup !

Merci beaucoup !

Merci beaucoup

Merci beaucoup

Merci beaucoup

J'adore l'effet, merci pour ce code