Connexion

Récupérer mon mot de passe

Derniers sujets
» histoire du Jour sans fin
[PHPBB2] Les onglets du profil quelque peu original Clock-10Hier à 20:12 par bildil62

» Afficher la date de la dernière visite au survol du Pseudo seulement pour les admins
[PHPBB2] Les onglets du profil quelque peu original Clock-10Hier à 20:07 par photoclic

» [PHPBB2] Afficher une couleur de fond pour chaque catégorie
[PHPBB2] Les onglets du profil quelque peu original Clock-10Hier à 1:15 par ThunderTB

» [AwesomeBB] Mettre un bouton résolu et déplacé à la corbeille
[PHPBB2] Les onglets du profil quelque peu original Clock-10Mer 22 Mai 2019 - 9:19 par Morane

» [AwesomeBB] Histoire de widgets sur AwesomeBB
[PHPBB2] Les onglets du profil quelque peu original Clock-10Mer 22 Mai 2019 - 3:51 par Milouze14

» [PHPBB3] Supprimer la ligne Cacher sa présence en ligne
[PHPBB2] Les onglets du profil quelque peu original Clock-10Mar 21 Mai 2019 - 17:39 par Milouze14

» Les réseaux sociaux
[PHPBB2] Les onglets du profil quelque peu original Clock-10Mar 21 Mai 2019 - 10:17 par Splash

» *RESOLU*[Invision] Changement de couleur pour un dernier groupe installé.
[PHPBB2] Les onglets du profil quelque peu original Clock-10Dim 19 Mai 2019 - 19:32 par Milouze14

» Règlement de l'entraide Forumactif
[PHPBB2] Les onglets du profil quelque peu original Clock-10Dim 19 Mai 2019 - 10:39 par Romain

» [PhpBB2] Zoom sur catégories comme sur les messages
[PHPBB2] Les onglets du profil quelque peu original Clock-10Ven 17 Mai 2019 - 15:52 par Milouze14

» [TUTORIEL PHOTOSHOP] Effacer un objet très facilement avec l'Outil correcteur localisé
[PHPBB2] Les onglets du profil quelque peu original Clock-10Mer 15 Mai 2019 - 8:55 par soleda

» Histoire de Blondes Sans Fin
[PHPBB2] Les onglets du profil quelque peu original Clock-10Mar 14 Mai 2019 - 7:34 par Quad Daniel

» La dictée qui rend fou "humour"
[PHPBB2] Les onglets du profil quelque peu original Clock-10Mar 14 Mai 2019 - 7:23 par Quad Daniel

» [AwesomeBB] Afficher les stats du footer sans afficher le QEEL
[PHPBB2] Les onglets du profil quelque peu original Clock-10Lun 13 Mai 2019 - 4:16 par Milouze14

» [PhpBB2]Mettre une couleur de fond dans le profil des messages
[PHPBB2] Les onglets du profil quelque peu original Clock-10Ven 10 Mai 2019 - 17:04 par Morane

» [TOUTES VERSIONS] Trouver l'identifiant d'un membre spécifique
[PHPBB2] Les onglets du profil quelque peu original Clock-10Mer 8 Mai 2019 - 10:08 par Quad Daniel

» [AwesomeBB]Créer un widget Dernières publications
[PHPBB2] Les onglets du profil quelque peu original Clock-10Mar 7 Mai 2019 - 16:44 par Milouze14

» *RESOLU*[PhpBB2] Fenêtre de connexion
[PHPBB2] Les onglets du profil quelque peu original Clock-10Lun 6 Mai 2019 - 18:46 par Milouze14

» *RESOLU*[PhpBB2] Messenger forumactif sur votre forum
[PHPBB2] Les onglets du profil quelque peu original Clock-10Lun 6 Mai 2019 - 17:14 par Milouze14

» [PhpBB2]Afficher le lien du sujet dans les messages
[PHPBB2] Les onglets du profil quelque peu original Clock-10Dim 5 Mai 2019 - 19:38 par Milouze14

[PHPBB2] Les onglets du profil quelque peu original

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

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 27 Juil 2015 - 19:31

coucou ,
voici une astuce qui affiche seulement l'onglet actif pour le
membre qui visitera son propre profil .

Il suffira de cliquer sur des boutons pour afficher les autre onglets et à l'inverse pour les cacher  hinhin  .

L'aperçu imagé:
[PHPBB2] Les onglets du profil quelque peu original 0133

[PHPBB2] Les onglets du profil quelque peu original 0221

[PHPBB2] Les onglets du profil quelque peu original 0310

L'onglet actif sera pourvu d'une infobulle ainsi que les autres onglets.


Le script est prêt à l'emploi , si vous désirez modifier les images données qui sont présentes , il faudra donc adapter la css avec leurs dimensions.

-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] Les onglets du profil quelque peu original 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 contenu:
Code:

if(location.pathname == '/profile'||
location.pathname == '/search' ||
location.pathname == '/rpg_sheet_edit')
 $(function(){
$('.three-col span.gen').each(function(){
$(this).html($(this).html().replace(/\|/, ''));
});
$('.three-col  table:eq(0) span.gen').closest('td[align="right"]').attr('id','M14_span_prof');
$('td#M14_span_prof strong').closest('.gen').attr('id','M14_strong').attr('title','Onglet actif');
$('td#M14_span_prof span.gen a.mainmenu').attr('title','Cliquez pour accéder au menu');
$('td#M14_span_prof ').closest('table').before('
<div id="M14_BtN_Prof">
<span class="M14_BtN_Prof_Open"title="Afficher">
<img src="http://i18.servimg.com/u/f18/11/26/21/37/add_it10.png"/></span>
<span class="M14_BtN_Prof_Close"style="display:none;"title="Masquer"><img src="http://i18.servimg.com/u/f18/11/26/21/37/remove10.png"/></span>
</div>
');
$('.M14_BtN_Prof_Open').click(function(){
$(this).fadeOut(800);
$('td#M14_span_prof span.gen a.mainmenu').fadeIn();
$('.M14_BtN_Prof_Close').delay(800).fadeIn();
});

$('.M14_BtN_Prof_Close').click(function(){
$(this).fadeOut(800);
$('td#M14_span_prof span.gen a.mainmenu').fadeOut();
$('.M14_BtN_Prof_Open').delay(800).fadeIn();
});

 });



Pensez a cliquer sur le bouton  Valid


Puis la C.S.S:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style


Déposez ce style:
Code:

/*le bloc contenant les onglets*/

#M14_span_prof
{
height:30px;
  width:auto;
 background:black;
  -webkit-border-top-left-radius: 6px;
-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;
}
/*tous les onglets*/
#M14_span_prof span.gen
{
margin:0px 2px 0px 2px;
padding:2px;
}
/*on affiche l onglet actif a gauche*/
#M14_span_prof span#M14_strong.gen
{
float:left;
color:violet;
}
/*les autres onglets*/
#M14_span_prof span.gen a.mainmenu
{
display:none;
color:LightSalmon;
font-weight:bold;
text-decoration:none !important;
}
/*le conteneur des boutons*/
#M14_BtN_Prof
{
position:absolute;
width:24px;
height:24px;
margin-top:-24px;
}
/*les boutons d ouverture et fermeture*/
.M14_BtN_Prof_Open,.M14_BtN_Prof_Close
{
cursor:pointer;/*on affiche un curseur*/
}



Pensez à valider les modifications en cliquant sur le bouton  Valid






Voila, c est tout pour le moment  clin oeil .
Un soucis direction l entraide hinhin
https://www.milouze14.com/f108-entraide-tous-supports


Dernière édition par Milouze14 le Dim 7 Oct 2018 - 8:43, édité 1 fois
Anonymous
Invité
Invité

MessageInvité le Lun 27 Juil 2015 - 19:58

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité le Lun 27 Juil 2015 - 21:46

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité le Mar 28 Juil 2015 - 11:46

Merci beaucoup super
avatar
ThunderTB
Milouzien

MessageThunderTB le Mer 2 Sep 2015 - 18:03

Merci beaucoup !
{12°S}coco-lapin
{12°S}coco-lapin
Milouzien

Message{12°S}coco-lapin le Dim 7 Fév 2016 - 18:43

Merci beaucoup !
dragon594
dragon594
Milouzien

Messagedragon594 le Dim 27 Mar 2016 - 4:10

Merci beaucoup !
Chocapic
Chocapic
Milouzien

MessageChocapic le Mar 29 Aoû 2017 - 20:20

Thanks you :u1287:
Kaeyla
Kaeyla
Milouzien

MessageKaeyla le Jeu 15 Fév 2018 - 20:43

Merci beaucoup !
Psychotic Bitch
Psychotic Bitch
Milouzien

MessagePsychotic Bitch le Dim 27 Jan 2019 - 14:31

Merci beaucoup !

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