Profil masqué : image à la place du texte du bouton Bouton_activeProfil masqué : image à la place du texte du bouton Bouton_hoverProfil masqué : image à la place du texte du bouton Fb-hoverProfil masqué : image à la place du texte du bouton 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
Profil masqué : image à la place du texte du bouton EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Profil masqué : image à la place du texte du bouton EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Profil masqué : image à la place du texte du bouton EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Profil masqué : image à la place du texte du bouton EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Profil masqué : image à la place du texte du bouton EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Profil masqué : image à la place du texte du bouton EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Profil masqué : image à la place du texte du bouton EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Profil masqué : image à la place du texte du bouton EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -55%
Friteuse sans huile – PHILIPS – Airfryer ...
Voir le deal
49.99 €

Partagez
 

Profil masqué : image à la place du texte du bouton

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://lilypad.free.fr
Lilypad
Lilypad
{ Membre }
{ Membre }

Féminin Messages : 108



Profil masqué : image à la place du texte du bouton Empty
Bonsoir ! Smile

Alors j'ai essayé de faire un titre assez explicite mais je vais mieux expliquer mon problème avec une image.

Profil masqué : image à la place du texte du bouton 24eatqd

Donc voilà, j'ai caché le profil avec un des codes fournis sur le forum, j'ai modifié le texte du bouton mais j'aimerais en fait mettre une image (avec écrit la même chose, mais une image quoi) à la place du texte. Et lorsque je mets :
Code:
<img src="l'image">
à la place du texte dans le template, ça fait tout bugger.

Donc la question est tout d'abord : est-ce possible de le faire ?
Et si oui, comment ?

Merci d'avance Smile
MessageSujet: Profil masqué : image à la place du texte du bouton   Profil masqué : image à la place du texte du bouton EmptyVen 19 Mar 2010, 15:23
Revenir en haut Aller en bas
http://ny-university.superforum.fr/
Thalie
Thalie
{ Membre actif }
{ Membre actif }

Féminin Messages : 317



Profil masqué : image à la place du texte du bouton Empty
Alors, je pense que ce doit être possible de le faire, mais il faudrait bidouiller je suppose le code. Par exemple dans le texte tu met juste un "." et ensuite tu fait tout dans ton css avec
Code:
color:transparent;
background-image:url("TONIMAGE");
Voilà je sais pas si ca marche, mais tu peu essayer.
MessageSujet: Re: Profil masqué : image à la place du texte du bouton   Profil masqué : image à la place du texte du bouton EmptySam 20 Mar 2010, 20:56
Revenir en haut Aller en bas
http://lilypad.free.fr
Lilypad
Lilypad
{ Membre }
{ Membre }

Féminin Messages : 108



Profil masqué : image à la place du texte du bouton Empty
Ouais j'ai pensé à ça aussi, mais j'aimerais mieux avoir une solution "propre" on va dire :p
Là comme tu dis c'est un peu du bidouillage Sad

Enfin je vais quand même voir comment ça rend, mais si vous avez une solution avec le code directement et pas le CSS ça m'arrangerait Smile

Merci à toi ! Smile

Edit : Ah mais en fait dans le CSS on règle le style du bouton quand il est normal, et quand on a cliqué dessus, or moi j'ai deux images, donc je sais pas comment faire avec le CSS pour qu'il y ait deux class différentes et mettre deux background différents.
MessageSujet: Re: Profil masqué : image à la place du texte du bouton   Profil masqué : image à la place du texte du bouton EmptyDim 21 Mar 2010, 09:11
Revenir en haut Aller en bas
http://wfwp.forumactif.com
Episkey
{ Membre }
{ Membre }

Féminin Messages : 32



Profil masqué : image à la place du texte du bouton Empty
Coucou,

Je pense qu'avec ceci, ça devrait aller =D

Code:
<div onClick="this.firstChild.src=(this.lastChild.style.display=='none')?'URL IMG 2':'URL IMG 1';this.lastChild.style.display=(this.lastChild.style.display=='block')?'none':'block';"><img src="URL IMG 1" /><div style="display: none;">
CONTENU A MASQUER
</div></div>

Donc remplacer
URL IMG 1 par l'image de départ (quand le contenu est masqué)
URL IMG 2 par la seconde image (quand le contenu est affiché)
CONTENU A MASQUER se passe de commentaire (a)
MessageSujet: Re: Profil masqué : image à la place du texte du bouton   Profil masqué : image à la place du texte du bouton EmptyMar 23 Mar 2010, 15:52
Revenir en haut Aller en bas
http://lilypad.free.fr
Lilypad
Lilypad
{ Membre }
{ Membre }

Féminin Messages : 108



Profil masqué : image à la place du texte du bouton Empty
Han c'est parfait ! J'ai bidouillé un peu pour avoir pile l'effet que je voulais et c'est impec !
Merci beaucouppp ! Smile
MessageSujet: Re: Profil masqué : image à la place du texte du bouton   Profil masqué : image à la place du texte du bouton EmptyMar 23 Mar 2010, 17:40
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Profil masqué : image à la place du texte du bouton Empty
Je classe le sujet donc~
MessageSujet: Re: Profil masqué : image à la place du texte du bouton   Profil masqué : image à la place du texte du bouton EmptyMar 23 Mar 2010, 17:44
Revenir en haut Aller en bas
Contenu sponsorisé




Profil masqué : image à la place du texte du bouton Empty
MessageSujet: Re: Profil masqué : image à la place du texte du bouton   Profil masqué : image à la place du texte du bouton Empty
Revenir en haut Aller en bas
 

Profil masqué : image à la place du texte du bouton

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Texte à la place de boutons-image et autre
» Centrage d' image et texte du profil
» Profil sous forme de texte, possible ?
» Profil Masqué { Supprimer marge + intitulé(lien)
» Le CSS ne s'applique par sur le bouton et le profil

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

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 | Cookies | Forum gratuit