Membres connectés récemment
[TOUTES VERSIONS] Afficher la partie profil de la toolbar en bas à gauche avec effet slide
+20
Psychotic Bitch
petit coq
msfeettoes
Tony L
SuperSpaceCab
dragon594
clost
TOM_
JeYx83
K-Surf
Ezio
mariok
Grande013
Sacha
Gae
patriciadpt30
1baptiste
ThunderTB
Teten85
Milouze14
24 participants
Page 1 sur 2
Page 1 sur 2 • 1, 2
,
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:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposez ce contenu :
Pensez à valider les modifications en cliquant sur le bouton
Admirez votre fofo les ami(e)s
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");
})
})});
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
- InvitéInvité
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
Page 1 sur 2 • 1, 2
Sujets similaires
» [TOUTES VERSIONS] Afficher les différentes parties du P.A sous forme de widgets à gauche
» [TOUTES VERSIONS] Afficher une partie des MPS reçus
» [TOUTES VERSIONS] Afficher le rang dans la toolbar
» [TOUTES VERSIONS] Afficher les membres connectés sous la toolbar
» [TOUTES VERSIONS] Afficher le nombre de script(s) disponible dans le welcome(Toolbar)
» [TOUTES VERSIONS] Afficher une partie des MPS reçus
» [TOUTES VERSIONS] Afficher le rang dans la toolbar
» [TOUTES VERSIONS] Afficher les membres connectés sous la toolbar
» [TOUTES VERSIONS] Afficher le nombre de script(s) disponible dans le welcome(Toolbar)
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum