Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[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 2 sur 2 Précédent  1, 2

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

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 4 Mar 2015 - 19:48

Rappel du premier message :

coucou ,

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  Valid

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  Valid






Admirez votre fofo les ami(e)s


Dernière édition par Milouze14 le Sam 7 Déc 2024 - 7:45, édité 8 fois

petit coq

Messagepetit coq Sam 22 Avr 2017 - 21:10

Merci beaucoup !
Psychotic Bitch
Psychotic Bitch
https://wildestdreams.forumactif.com/

MessagePsychotic Bitch Lun 28 Jan 2019 - 1:56

Merci beaucoup !
fred9545
fred9545
Donateur

http://www.mecanique-auto.com/

Messagefred9545 Sam 30 Mar 2019 - 19:53

Merci beaucoup
chrisnvidia
chrisnvidia
https://sos-pc.forumactif.org/

Messagechrisnvidia Dim 31 Mar 2019 - 13:41

Merci beaucoup
Splash
Splash
https://lesforums.caforum.fr

MessageSplash Dim 31 Mar 2019 - 14:37

Merci beaucoup
Constellation
Constellation
https://millionlittlethings.forumactif.com/

MessageConstellation Jeu 10 Juin 2021 - 2:27

J'adore l'effet, merci pour ce code ❤

Page 2 sur 2 Précédent  1, 2

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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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