Connexion

Récupérer mon mot de passe

Derniers sujets*
» [AWESOMEBB]Afficher le nombre LIKES dans la liste des sujets
par Milouze14 Mar 19 Oct 2021 - 9:19

» [MODERNBB]Afficher le nombre LIKES dans la liste des sujets
par Milouze14 Mar 19 Oct 2021 - 8:51

» [PHPBB2]Afficher le nombre LIKES dans la liste des sujets
par soleda Mar 19 Oct 2021 - 8:20

» [PHPBB3] Afficher le nombre LIKES dans la liste des sujets
par photoclic Lun 18 Oct 2021 - 23:18

» [TOUTES VERSIONS]Afficher les scripts disponibles et désactivés dans un widget (ADMIN)
par photoclic Jeu 14 Oct 2021 - 10:06

» [PHPBB2]Personnaliser les annonces, notes etc
par Constellation Mer 13 Oct 2021 - 1:23

» [PHPBB2] Afficher la partie profil au dessus du message
par Milouze14 Mar 12 Oct 2021 - 11:24

» [PHPBB2] Cacher tous les sujets des invités
par Angelface Jeu 30 Sep 2021 - 18:31

» [PHPBB2] Afficher le nombre de message privé non lus sur la toolbar etc
par Angelface Jeu 30 Sep 2021 - 18:07

» Ajout d'ami rapide
par Milouze14 Jeu 30 Sep 2021 - 6:54

» [PHPBB2] Afficher les membres en ligne (version graphique) sur l'index et dans la liste des sujets
par Angelface Mer 29 Sep 2021 - 2:01

» [TOUTES VERSIONS] Masquer le bouton j'aime pas ou j'aime a un membre
par soleda Mar 28 Sep 2021 - 8:14

» [PHPBB3]Personnaliser les annonces, notes etc
par Milouze14 Mer 8 Sep 2021 - 8:09

» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par Myrddin Ven 3 Sep 2021 - 22:34

» [TOUTES VERSIONS] Modifier les textes de la barre de navigation
par Ella Lun 30 Aoû 2021 - 18:13

» [PHPBB2]Afficher des commentaires sous forme de vignettes
par soleda Ven 6 Aoû 2021 - 9:38

» [AWESOMEBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 19:03

» [MODERNBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 18:53

» [AWESOMEBB]Modifier les icônes de la réponse rapide
par Milouze14 Sam 17 Juil 2021 - 19:37

» [MODERNBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Lun 12 Juil 2021 - 8:37

Les statistiques du forum
Nous avons 485 membres enregistrés

L'utilisateur enregistré le plus récent est Moonlight

Nos membres ont posté un total de 27834 messages dans 1430 sujets

[PHPBB2] Afficher son profil avec transitions

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

+14
Kaeyla
Ecleasya
safranite
Queen G.
dragon594
Loba
Mawie62
Girly
patriciadpt30
mariok
ThunderTB
Teten85
Keltah
Milouze14
18 participants
Message n°10
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Lun 25 Mai 2015 - 19:31

coucou ,
l'astuce est assez vicieuse mais pour les adeptes de transitions sur leurs fofos, cette astuce vous plaira hinhin .

Le but est de masquer tout le contenu pendant quelques millisecondes et d'afficher progressivement tous les autres onglets .

-Astuce des Forums Milouze14&Compagnie-





  • Astuce postée par:
    Réponse automatique:

    Merci de cliquer ici pour voir le message

Pour toute information,merci de contacter un Membre du Staff
[PHPBB2] Afficher son profil avec transitions Staff10



Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
Déposez ce script:
Code:

if(document.location.pathname=="/profile"||
document.location.pathname=="/search"||
document.location.pathname=="/rpg_sheet_edit" )

$(function(){
$('.three-col span.gen').each(function(){
$(this).html($(this).html().replace(/\|/, ''));
$(this).closest('table').attr('id','M14_Profil_Slide').nextAll().attr('id','M14_Cache');
$('#M14_Profil_Slide span.gen a.mainmenu').addClass('M14_Slide_Ong');
$('.three-col span.gen strong').attr('title','Afficher le contenu').css('cursor','pointer').each(function(){
$('#M14_Cache,#M14_Cache tr ,#M14_Cache tr td').animate({opacity:'1'},2000);
$(this).hide().delay(1000).attr('id','M14_Slide_Ong_Strong').attr('title','').fadeIn().unbind();
$('.M14_Slide_Ong').hide().delay(1600).fadeIn(800);
});
});
});





Pensez a cliquer sur le bouton  Valid


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


Déposez ce style et agrémentez le comme bon vous semble en respectant certaines valeurs mentionnées


Code:

#M14_Cache ,#M14_Cache tr ,#M14_Cache tr td
{
-moz-opacity:0;
-khtml-opacity:0;
-ms-filter:"alpha(opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
opacity:0;
}
/*Le bloc contenant les onglets*/
table#M14_Profil_Slide
{
height:35px;/*hauteur de la cellule*/
background: #9197A3;/*couleur de fond*/
-webkit-border-top-left-radius: 6px;/*les bordures arrondies a gauche et a droite*/
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
  /*Les transitions */
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}


/*L onglet actif*/
table#M14_Profil_Slide .gen strong#M14_Slide_Ong_Strong
{
margin-top:-5px;/*on decale en negatif sur la hauteur suivant la hauteur de la cellule*/
float:left !important;/*on le positionne a gauche*/
margin-left:10px;/*on le decale de la gauche*/
color:orange;/*on donne une couleur de police*/
font-size:11px;/*on donne une taille de police*/
font-style:normal;/*on donne sun style normal*/
padding: 5px 8px;/*on donne un espace*/

}

/*Autres onglets*/
table#M14_Profil_Slide .gen a.mainmenu.M14_Slide_Ong
{
color:white;/*on donne une couleur de police*/
text-decoration:none !important;/*on supprime le soulignement*/
font-size:12px;/*on donne une taille de police*/
padding: 2px 4px;/*on donne un espace*/
top: 7px;/*on decale en negatif sur la hauteur suivant la hauteur de la cellule*/
position: relative;/*ne pas toucher*/

 /*Les transitions */
  -webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
}
/*Derniers onglets*/
table#M14_Profil_Slide .gen a.mainmenu.M14_Slide_Ong:last-child ,
table#M14_Profil_Slide .gen strong:last-child
{
margin-right:10px;/*on decale les derniers onglets de la droite*/
}




Pensez à valider les modifications en cliquant sur le bouton  Valid





Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide clin oeil
https://www.milouze14.com/f108-entraide-tous-supports


Dernière édition par Milouze14 le Ven 21 Fév 2020 - 17:04, édité 4 fois
Message n°20
Anonymous
Invité
Invité

MessageInvité Lun 25 Mai 2015 - 20:36

Merci beaucoup ! super
Message n°30
Keltah
Keltah
Milouzien

http://www.blablalandpowa.com/

MessageKeltah Mar 9 Juin 2015 - 12:36

Par curiosité, merci !
Message n°40
Teten85
Teten85
Milouzien

http://entrenous.bbfr.net/

MessageTeten85 Ven 19 Juin 2015 - 0:29

Merci beaucoup !
Message n°50
ThunderTB
ThunderTB
Milouzien

http://hockeyfederation.forumgratuit.org/forum

MessageThunderTB Jeu 3 Sep 2015 - 18:39

Merci beaucoup !
Message n°60
mariok
mariok
Membre regretté

http://www.amarid.net

Messagemariok Jeu 3 Sep 2015 - 21:52

Merci beaucoup !
Message n°70
patriciadpt30
patriciadpt30
Milouzien

Messagepatriciadpt30 Dim 27 Sep 2015 - 14:29

Merci beaucoup !
Message n°80
Girly
Girly
Milouzien

http://girlyonetchat.blablastar.com/

MessageGirly Jeu 19 Nov 2015 - 18:49

Merci beaucoup !
Message n°90
Anonymous
Invité
Invité

MessageInvité Ven 4 Déc 2015 - 12:00

Merci beaucoup !
Message n°100
Mawie62
Mawie62
Milouzien

http://secretdefille.forumactif.org/

MessageMawie62 Sam 30 Jan 2016 - 16:26

Merci beaucoup !
Message n°110
Loba
Loba
Milouzien

http://ls3-ls4.forumactif.org/

MessageLoba Mer 24 Fév 2016 - 5:27

Merci beaucoup !
Message n°120
Anonymous
Invité
Invité

MessageInvité Jeu 25 Fév 2016 - 9:43

Merci beaucoup !
Message n°130
Anonymous
Invité
Invité

MessageInvité Sam 5 Mar 2016 - 15:28

Bonjour, Je vais tester : Merci pour ce magnifique partage
Message n°140
dragon594
dragon594
Milouzien

https://dragon-graphisme59.forumactif.org/

Messagedragon594 Dim 27 Mar 2016 - 7:08

Merci beaucoup !
Message n°150
Anonymous
Invité
Invité

MessageInvité Mar 12 Juil 2016 - 1:10

Merci beaucoup !
Message n°160
avatar
Queen G.
Milouzien

https://lustforlife.forumactif.com/

MessageQueen G. Ven 4 Nov 2016 - 7:20

Ce sera sans doute testé, merci.
Message n°170
avatar
safranite
Milouzien

Messagesafranite Sam 4 Mar 2017 - 15:59

Merci beaucoup !
Message n°180
avatar
Ecleasya
Milouzien

http://citemortelle.forumactif.be/

MessageEcleasya Sam 11 Mar 2017 - 13:41

Merci beaucoup !
Message n°190
Kaeyla
Kaeyla
Milouzien

https://sweethome.forumactif.com

MessageKaeyla Dim 16 Avr 2017 - 8:05

Merci beaucoup !
Message n°200
avatar
petit coq
Milouzien

Messagepetit coq Ven 12 Mai 2017 - 18:22

Merci beaucoup !
Message n°210
Psychotic Bitch
Psychotic Bitch
Milouzien

https://wildestdreams.forumactif.com/

MessagePsychotic Bitch Mer 21 Fév 2018 - 11:48

Merci beaucoup !
Message n°220
kristhyane
kristhyane
Milouzien

http://kristhyane.forumactif.com

Messagekristhyane Sam 17 Mar 2018 - 16:53

Merci beaucoup !
Message n°230
fred9545
fred9545
Milouzien

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

Messagefred9545 Mar 15 Jan 2019 - 19:01

Merci beaucoup !

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

Sujets similaires internes ( 0 )
Aucun sujet

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à Milouzien ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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