Afficher/cacher les infos du profil (messages) Bouton_activeAfficher/cacher les infos du profil (messages) Bouton_hoverAfficher/cacher les infos du profil (messages) Fb-hoverAfficher/cacher les infos du profil (messages) Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Afficher/cacher les infos du profil (messages) EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Afficher/cacher les infos du profil (messages) EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Afficher/cacher les infos du profil (messages) EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Afficher/cacher les infos du profil (messages) EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Afficher/cacher les infos du profil (messages) EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Afficher/cacher les infos du profil (messages) EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Afficher/cacher les infos du profil (messages) EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Afficher/cacher les infos du profil (messages) EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -34%
(Adhérents Fnac) LG OLED65C4 2024 – TV ...
Voir le deal
1319 €

Partagez
 

Afficher/cacher les infos du profil (messages)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
http://gothiqua.wix.com/pixenart
voltie
voltie
{ Membre }
{ Membre }

Masculin Messages : 104



Afficher/cacher les infos du profil (messages) Empty
Very Happy Coucou Merci l'ami ^^
ça ma bien aider pour évité de trop élargir les topic !
MessageSujet: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptyLun 24 Jan 2011, 16:38
Revenir en haut Aller en bas
http://www.css-actif.com
Mimy145
Mimy145
{ Membre }
{ Membre }

Féminin Messages : 16



Afficher/cacher les infos du profil (messages) Empty
Merci pour ce tuto! Ca marche très bien! Smile
MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptyLun 24 Jan 2011, 16:55
Revenir en haut Aller en bas
http://poulpe-graphix.1fr1.net
Amy-Lee
Amy-Lee
{ Membre }
{ Membre }

Féminin Messages : 22



Afficher/cacher les infos du profil (messages) Empty
Si à la place du Profil + Je veux mettre une images comment je fais ?
MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptyMer 26 Jan 2011, 20:34
Revenir en haut Aller en bas
james1920
james1920
{ Membre actif }
{ Membre actif }

Masculin Messages : 422



Afficher/cacher les infos du profil (messages) Empty
Salut,

Tu remplaces ça:
Code:
<span onClick="a=this.nextSibling.style;a.display=(a.display==''?'none':'')" class="prof_plus">Profil +</span>

Par ça:

Code:
<span onClick="a=this.nextSibling.style;a.display=(a.display==''?'none':'')" class="prof_plus"><img src="ton.adressse:_image" alt="profil +" /></span>



James
MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptyJeu 27 Jan 2011, 12:45
Revenir en haut Aller en bas
http://poulpe-graphix.1fr1.net
Amy-Lee
Amy-Lee
{ Membre }
{ Membre }

Féminin Messages : 22



Afficher/cacher les infos du profil (messages) Empty
Parfait merci beaucoup James cela fonctionne à merveille Afficher/cacher les infos du profil (messages) 788366
MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptyJeu 27 Jan 2011, 23:30
Revenir en haut Aller en bas
http://lyceeothelo.1fr1.net/forum.htm
emillie
emillie
{ Membre }
{ Membre }

Féminin Messages : 60



Afficher/cacher les infos du profil (messages) Empty
Merci beaucoup pour ce tuto, sur certain de ses choses j'ai vu que le bouton changeai après avoir cliquer dessus, savoir si c'était quelque chose a additionner a ton code.

MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptyVen 28 Jan 2011, 14:22
Revenir en haut Aller en bas
http://...
Yeliz
Yeliz
{ Membre }
{ Membre }

Féminin Messages : 7



Afficher/cacher les infos du profil (messages) Empty
    Je cherchais ce tuto justement, mais j'ai une question. J'ai l'habitude de voir sur quelques forums un effet un peu plus "bouton". On fait comment pour avoir un effet qui ressemble un peu à ça ?

    Afficher/cacher les infos du profil (messages) Exempleo

    Et puis, est ce qu'on peut changer après un premier clique, par exemple "Montrer' puis "Cacher" ?

    Je sais je suis chiante Very Happy
MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptySam 29 Jan 2011, 09:10
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



Afficher/cacher les infos du profil (messages) Empty
    Bonjour ^^

    Pour avoir cet effet, il faut ajouter quelques propriétés dans ton CSS
    Code:
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 15px 10px 15px;

    Tu peux aussi ajouter des couleurs pour tes bordures.

    Sinon oui tu peux changer les "masquer et ouvrir" il suffit de le faire en passant, par le template modifié Wink
MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptySam 29 Jan 2011, 09:16
Revenir en haut Aller en bas
http://...
Yeliz
Yeliz
{ Membre }
{ Membre }

Féminin Messages : 7



Afficher/cacher les infos du profil (messages) Empty
    C'est noté ! Merci beaucoup ♥
MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptySam 29 Jan 2011, 09:18
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



Afficher/cacher les infos du profil (messages) Empty
    Je t'en prie Wink
MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptySam 29 Jan 2011, 09:21
Revenir en haut Aller en bas
http://poulpe-graphix.1fr1.net
Amy-Lee
Amy-Lee
{ Membre }
{ Membre }

Féminin Messages : 22



Afficher/cacher les infos du profil (messages) Empty
Moi je ne suis pas capable d'enlever l'écriture bleu de mon profil ?? J'ai suprimer mon css pour voir si le problème ne venais pas de la mais non cela viens du template mais je ne trouve pas la couleur bleu pastel X____X Est-ce que quelqu'un pourait m'aider voici le liens de mon forum en question : PROFIL
merci d'avance <33
MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptyLun 31 Jan 2011, 20:32
Revenir en haut Aller en bas
http://poulpe-graphix.1fr1.net
Amy-Lee
Amy-Lee
{ Membre }
{ Membre }

Féminin Messages : 22



Afficher/cacher les infos du profil (messages) Empty
Edit: C'est bon après une heure de recherche j'ai finalement trouver T____T C'était dans utilisateur et groupe dans profil !! Vraiment désolé du double poste U_U
MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptyLun 31 Jan 2011, 21:30
Revenir en haut Aller en bas
http://un-monde-a-part.forumactif.org
Becky
Becky
{ Membre }
{ Membre }

Féminin Messages : 30



Afficher/cacher les infos du profil (messages) Empty
Bonjour ^^ et merci pour ce tutoriel il m'aide beaucoup ^^.

Par contre j'ai quelques petites questions à poser ^^.

Premièrement est-ce que vous savez comment on fais pour ajouter d'autre informations dans le profil comme les champs textes de la fiche de personnages ?
Et est-ce que vous savez comment vous y prendre pour effacer le nom d'admin car il apparait deux fois dans mon profil maintenant ?

Merci d'avance pour les réponses ^^.
MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptyMer 02 Fév 2011, 08:25
Revenir en haut Aller en bas
Invité
Invité




Afficher/cacher les infos du profil (messages) Empty
Super tuto !
Mais j'ai le même problème que Becky, le "Admin" apparait deux fois :S
Comment y remédier ?

Merci d'avance =)
MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptySam 05 Fév 2011, 14:11
Revenir en haut Aller en bas
Invité
Invité




Afficher/cacher les infos du profil (messages) Empty
Ah non c'est bon, j'ai trouvé =)
Becky : il s'agit du rang en faite, donc moi j'ai enlevé mon rang d'admin pour qu'il n'apparaisse pas deux fois =)
MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptyDim 06 Fév 2011, 04:40
Revenir en haut Aller en bas
http://un-monde-a-part.forumactif.org
Becky
Becky
{ Membre }
{ Membre }

Féminin Messages : 30



Afficher/cacher les infos du profil (messages) Empty
Merci ^^.

Mais pour ce qui est de la feuille de personnage ? Est-ce que vous avez une solution ? >_<
MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptyDim 06 Fév 2011, 13:21
Revenir en haut Aller en bas
http://terra616.nextgenforum.com
kyana
kyana
{ Membre }
{ Membre }

Féminin Messages : 60



Afficher/cacher les infos du profil (messages) Empty
Changement de design résultat, perte total de mon template en modifiant.
J'avais justement cacher pour la feuille personnage uniquement, impossible de retrouver le code. je prend donc aussi, car c'est vraiment très très génant là
MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptyVen 18 Fév 2011, 19:01
Revenir en haut Aller en bas
http://dreamzz-hime.grafbb.com
Pon&Zi
Pon&Zi
{ Membre }
{ Membre }

Féminin Messages : 123



Afficher/cacher les infos du profil (messages) Empty
Bonjour! Je ne sais pas si vous avez trouvé pour la feuille de personnage, mais il suffit simplement de fermer la div après:

Code:
{postrow.displayed.POSTER_RPG}

Qui se trouve juste après:

Code:
<!-- END profile_field -->

Voilà! J'espère que cela vous sera utile!
MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptyLun 28 Fév 2011, 21:47
Revenir en haut Aller en bas
http://aleajactaest.jdrforum.com/
ShuiLong
ShuiLong
{ Membre }
{ Membre }

Féminin Messages : 6



Afficher/cacher les infos du profil (messages) Empty
Bonjour !
Alors tout d'abord merci pour ce tutoriel fort utile !

Ceci dit, étant la pire des quiches en template, j'ai quelques soucis d'installation.
Tout d'abord mon « bouton », enfin le texte sur lequel je veux que le profil de l'utilisateur apparaisse lorsque l'on clique dessus (par défaut « Profil + ») est collé à l'avatar du membre. Serait-possible d'ajouter un espace ? Et si possible de le centrer.
Ensuite, quand je clique dessus, le texte du bouton se superpose au profil, ce qui ne le rend pas lisible du tout @_@
Illustration:

Le template
Code:
<span onClick="a=this.nextSibling.style;a.display=(a.display==''?'none':'')" class="prof_plus" align="center" style="font-size: 14px">Place dans l'échiquier</span>
<div class="profl_cache" style="display: none">

Le CSS
Code:
.prof_plus {
font-style: normal;
padding: 3px;
display: block;
position: absolute;
text-shadow: #31344D 1px 1px 1px;
background-color: #75849C;
border: 2px dotted #000000;
-moz-border-radius: 7px 7px 7px 7px ;
-webkit-border-radius: 7px 7px 7px 7px ;
border-radius: 7px 7px 7px 7px ;
}

Existe-t-il un moyen de remédier à cela ?


Merci d'avance !
MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptyMer 02 Mar 2011, 15:09
Revenir en haut Aller en bas
http://dreamzz-hime.grafbb.com
Pon&Zi
Pon&Zi
{ Membre }
{ Membre }

Féminin Messages : 123



Afficher/cacher les infos du profil (messages) Empty
Bonjour! Je ne suis pas une pro, ni rien du genre, mais je crois que j'ai réglé ton problème, en tout cas, ça ne le fait plus sur mon forum de test. Enfin, si tu remplaces ton code CSS par celui ci, tout devrait fonctionner à merveille (:

Code:
.prof_plus {
font-style: normal;
padding: 3px;
display: block;
text-shadow: #31344D 1px 1px 1px;
background-color: #75849C;
border: 2px dotted #000000;
-moz-border-radius: 7px 7px 7px 7px ;
-webkit-border-radius: 7px 7px 7px 7px ;
border-radius: 7px 7px 7px 7px ;
}

J'ai enlevé le "position: absolute;" et le problème s'est réglé.

Pour les espaces, il suffit de rajouter le code

Code:
<br>

juste devant

Code:
<span onClick="a=this.nextSibling.style;a.display=(a.display==''?'none':'')" class="prof_plus" align="center" style="font-size: 14px">Place dans l'échiquier</span>
<div class="profl_cache" style="display: none">

Et si tu veux centrer, il faut encadrer le code ci-dessus par ceci:

Code:
<center> ... </center>

Mais sur ce point, je ne suis pas certaine, parce que d'habitude, je centre tout mon profil en ajoutant les valeurs directement dans la case du tableau.
MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptyMer 02 Mar 2011, 17:53
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Afficher/cacher les infos du profil (messages) Empty
<br> C'est un retour a la ligne Wink

&nbsp; Ca c'est un éspace ^^

MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptyMer 02 Mar 2011, 18:01
Revenir en haut Aller en bas
http://dreamzz-hime.grafbb.com
Pon&Zi
Pon&Zi
{ Membre }
{ Membre }

Féminin Messages : 123



Afficher/cacher les infos du profil (messages) Empty
Oups, la boulette... Enfin, merci de me l'avoir fait remarqué (:
MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptyMer 02 Mar 2011, 18:05
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Afficher/cacher les infos du profil (messages) Empty
Very Happy Ton code est bon, c ' était juste pour préciser Wink
MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptyMer 02 Mar 2011, 18:07
Revenir en haut Aller en bas
http://aleajactaest.jdrforum.com/
ShuiLong
ShuiLong
{ Membre }
{ Membre }

Féminin Messages : 6



Afficher/cacher les infos du profil (messages) Empty
Merci beaucoup pour vos réponses !
En effet j'arrive à espacer et à aligner le tout, le problème c'est qu'on dirait que la balise
dégomme tout. Quand je la mets, je ne peux plus cliquer sur le « bouton » : rien ne s'affiche.

Je l'ai mise comme ceci :
Code:
<center><span onClick="a=this.nextSibling.style;a.display=(a.display==''?'none':'')" class="prof_plus" style="font-size: 14px">Place dans l'échiquier</span></center>
<div class="profl_cache" style="display: none">

En revanche quand je le mets comme ceci :
Code:
<center><span onClick="a=this.nextSibling.style;a.display=(a.display==''?'none':'')" class="prof_plus" style="font-size: 14px">Place dans l'échiquier</span>
<div class="profl_cache" style="display: none"></center>
C'est l'effet inverse. Tout le profil s'affiche automatiquement sans qu'on ait besoin de cliquer dessus.

Peut-être ai-je omis quelque chose ? O_ô

Oh et au passage, est-ce que ce serait possible de m'indiquer comment changer les mots et/ou la mise en forme du texte du « bouton » une fois qu'on a affiché le profil ?
Je sais qu'il faut passer par le template mais je vois pas où mettre le texte qu'on veut voir apparaitre lorsque l'on a cliqué sur le « bouton » pour dévoiler le profil.

Encore une fois merci d'avance et bonne soirée !
MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptyMer 02 Mar 2011, 18:38
Revenir en haut Aller en bas
http://dreamzz-hime.grafbb.com
Pon&Zi
Pon&Zi
{ Membre }
{ Membre }

Féminin Messages : 123



Afficher/cacher les infos du profil (messages) Empty
Code:
<center><span onClick="a=this.nextSibling.style;a.display=(a.display==''?'none':'')" class="prof_plus">Profil +</span>
<div class="profl_cache" style="display: none">
<!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
      <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
</div><center>

Il fallait le mettre pour tout le code. Par contre, ça va aussi centrer les informations de profil. Si tu les veux alignées à gauche, il suffit d'ajouter l'alignement du texte dans ton CSS.

Sinon, pour changer le texte une fois que c'est ouvert, je ne sais pas comment faire. Enfin, j'ai essayé de comparer ce code avec un autre code que j'ai trouvé antérieurement, mais je n'ai pas les capacités nécessaires pour comprendre ce qu'il faut ajouter ou changer.
MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) EmptyJeu 03 Mar 2011, 11:54
Revenir en haut Aller en bas
Contenu sponsorisé




Afficher/cacher les infos du profil (messages) Empty
MessageSujet: Re: Afficher/cacher les infos du profil (messages)   Afficher/cacher les infos du profil (messages) Empty
Revenir en haut Aller en bas
 

Afficher/cacher les infos du profil (messages)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant

 Sujets similaires

-
» Afficher/Cacher les infos du profil
» [Résolu] Problème à propos du tutoriel ''Afficher/Cacher les infos du profil''
» cacher/afficher le profil sous l'avatar
» Masquer/afficher infos profil (?)
» Question concernant le tuto "Afficher/cacher le profil"

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit | Informatique et Internet | Internet