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 1 sur 2 1, 2  Suivant

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

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
Anonymous
Invité
Invité

MessageInvité Mer 4 Mar 2015 - 21:27

Merci beaucoup !
Teten85
Teten85
http://entrenous.bbfr.net/

MessageTeten85 Mer 4 Mar 2015 - 22:24

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité Mar 10 Mar 2015 - 11:56

Merci beaucoup !
ThunderTB
ThunderTB
http://hockeyfederation.forumgratuit.org/forum

MessageThunderTB Mer 25 Mar 2015 - 4:31

Merci beaucoup !
1baptiste
1baptiste
http://horus.forumactif.com/

Message1baptiste Sam 20 Juin 2015 - 22:24

Merci beaucoup !
avatar
patriciadpt30

Messagepatriciadpt30 Mar 18 Aoû 2015 - 11:52

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité Mer 19 Aoû 2015 - 13:52

Merci beaucoup !
Gae
Gae
http://www.famille-r3d-dw4rf.com/

MessageGae Mar 8 Sep 2015 - 15:32

Merci beaucoup !
Sacha
Sacha
https://amis-pub.forumactif.com/

MessageSacha Dim 13 Sep 2015 - 18:05

Merci beaucoup !
avatar
Grande013

MessageGrande013 Mer 30 Sep 2015 - 19:50

Merci beaucoup !
avatar
mariok
MIlouzien regretté

http://www.amarid.net

Messagemariok Ven 2 Oct 2015 - 20:54

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité Sam 3 Oct 2015 - 0:40

Merci beaucoup !
avatar
Ezio
http://laguerredesdesclans.forumactif.org/

MessageEzio Jeu 29 Oct 2015 - 20:08

Merci beaucoup !
avatar
K-Surf

MessageK-Surf Ven 30 Oct 2015 - 6:00

Merci beaucoup !
avatar
Ezio
http://laguerredesdesclans.forumactif.org/

MessageEzio Sam 31 Oct 2015 - 15:37

Merci beaucoup !
avatar
JeYx83
http://arrogance.taguilde.net/

MessageJeYx83 Mer 4 Nov 2015 - 14:35

Merci beaucoup !
avatar
TOM_
http://lescobrasidf.forumactif.org/forum

MessageTOM_ Ven 6 Nov 2015 - 23:16

Merci beaucoup !
clost
clost
https://www.dyane-collection-passion.net

Messageclost Sam 19 Mar 2016 - 19:18

Merci beaucoup !
dragon594
dragon594
https://dragon-graphisme59.forumactif.org/

Messagedragon594 Lun 11 Avr 2016 - 1:55

Merci beaucoup !
avatar
SuperSpaceCab
http://www.ets2-mods-forum.com/

MessageSuperSpaceCab Ven 7 Oct 2016 - 17:05

Au top !
avatar
SuperSpaceCab
http://www.ets2-mods-forum.com/

MessageSuperSpaceCab Mer 16 Nov 2016 - 6:49

Au top merci !
Tony L
Tony L
https://diamant-mandarin-co.forumactif.com

MessageTony L Mer 16 Nov 2016 - 12:48

Merci beaucoup !
msfeettoes
msfeettoes
https://feetloverfeets.forumactif.com/

Messagemsfeettoes Ven 14 Avr 2017 - 9:33

Merci beaucoup !
avatar
petit coq

Messagepetit coq Sam 22 Avr 2017 - 21:10

Merci beaucoup !

Page 1 sur 2 1, 2  Suivant

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