Masquer la feuille de personnage, problème CSS. Bouton_activeMasquer la feuille de personnage, problème CSS. Bouton_hoverMasquer la feuille de personnage, problème CSS. Fb-hoverMasquer la feuille de personnage, problème CSS. Fb-active
AccueilForumÉquipe 
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
Masquer la feuille de personnage, problème CSS. EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Masquer la feuille de personnage, problème CSS. EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Masquer la feuille de personnage, problème CSS. EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Masquer la feuille de personnage, problème CSS. EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Masquer la feuille de personnage, problème CSS. EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Masquer la feuille de personnage, problème CSS. EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Masquer la feuille de personnage, problème CSS. EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Masquer la feuille de personnage, problème CSS. EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -17%
(Black Friday) Apple watch Apple SE GPS + Cellular ...
Voir le deal
249 €

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Masquer la feuille de personnage, problème CSS.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://wynwoodhs.forumactif.com/forum.htm
Aero-L
Aero-L
{ Membre }
{ Membre }

Féminin Messages : 33



Masquer la feuille de personnage, problème CSS. Empty
    Bonjour, je cherchais comment masquer la feuille de personnage comme sur de nombreux forums car je trouve ça très pratique, et je suis donc tombée sur ce sujet.

    Et voilà ce que j'ai obtenu :
    Spoiler:

    Malheureusement, je n'arrive pas à modifier le CSS comme je le voudrais.
    Je voudrais que le fond 1 n'apparaisse pas, mais que ce soit le bouton (2) qui ait ce fond. De plus, j'aimerais un padding de 2px entre le texte du bouton et la bordure, de même quand le bouton est ouvert.

    Voilà la partie de mon template viewtopic_body correspondante :
    Code:
    <!-- BEGIN displayed -->
       <tr class="post">
        <td style="text-align: center;" class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
            <div class="profilentour">
            <center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span></center>
                <span class="postdetails poster-profile">
                {postrow.displayed.POSTER_RANK}

                <center><span class="rankpic">{postrow.displayed.RANK_IMAGE}</span><span class="posterava">{postrow.displayed.POSTER_AVATAR}</span></center></div><br>
    <div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='Want more ?')?'Less.':'Want more ?';this.lastChild.style.display=(this.firstChild.value=='Want more ?')?'none':'block';" style="text-align: center;"><input type="button" value="Want more ?" class="profil1"/><div style="display:none; text-align:center;">
    <!-- BEGIN profile_field -->
                <font size=2>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                <!-- END profile_field -->
                {postrow.displayed.POSTER_RPG}
                </div></div>
            </span></font>

     
    </div>

    Ainsi que mon CSS :
    Code:
    /*Profil masqué + bouton*/
    .profilmasque{
    background-image: url("http://nsa22.casimages.com/img/2010/09/24/10092410264314753.png");
    width: 200px;
    border:0px;
    -moz-border-radius:15px;
    -webkit-border-radius: 15px;
    border-radius:15px;
    font-size: 12px;
    padding: 3px;
    }

    .profil1/*Bouton*/
    {
    padding:2px;
    }

    Je peux également donner le lien de mon forum si besoin est (:

    Merci d'avance à celui où celle qui saura m'aider (:


Dernière édition par Aero-L le Mar 04 Jan 2011, 13:28, édité 1 fois
MessageSujet: Masquer la feuille de personnage, problème CSS.   Masquer la feuille de personnage, problème CSS. EmptyMar 28 Déc 2010, 06:18
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Masquer la feuille de personnage, problème CSS. Empty
Essaye de remplacer ton CSS par ceci :

Code:
/*Profil masqué + bouton*/
.profilmasque{
width: 200px;
border:0px;
-moz-border-radius:15px;
-webkit-border-radius: 15px;
border-radius:15px;
font-size: 12px;
padding: 3px;
}

.profil1/*Bouton*/
{
padding:2px;
background-image: url("http://nsa22.casimages.com/img/2010/09/24/10092410264314753.png");
}
MessageSujet: Re: Masquer la feuille de personnage, problème CSS.   Masquer la feuille de personnage, problème CSS. EmptyMar 28 Déc 2010, 06:31
Revenir en haut Aller en bas
http://wynwoodhs.forumactif.com/forum.htm
Aero-L
Aero-L
{ Membre }
{ Membre }

Féminin Messages : 33



Masquer la feuille de personnage, problème CSS. Empty
Merci beaucoup, j'ai obtenu le fond du bouton comme je le voulais, mais j'aimerais que quand on ouvre, le fond rouge englobe tout comme sur la deuxième image. Voilà ce que j'obtiens :
Spoiler:
(:
MessageSujet: Re: Masquer la feuille de personnage, problème CSS.   Masquer la feuille de personnage, problème CSS. EmptyMar 28 Déc 2010, 06:55
Revenir en haut Aller en bas
http://www.css-actif.com
Orange
Orange
RocketMan
RocketMan

Masculin Messages : 3086



Masquer la feuille de personnage, problème CSS. Empty
Bonjour,

Ton problème est-il résolu ? Par hasard, et alors là ça serait vraiment un beau hasard, ceci marcherait peut-être:

Code:
<!-- BEGIN displayed -->
  <tr class="post">
    <td style="text-align: center;" class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <div class="profilentour">
        <center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span></center>
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            <center><span class="rankpic">{postrow.displayed.RANK_IMAGE}</span><span class="posterava">{postrow.displayed.POSTER_AVATAR}</span></center></div><br>
<div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='Want more ?')?'Less.':'Want more ?';this.lastChild.style.display=(this.firstChild.value=='Want more ?')?'none':'block'; this.style.backgroundImage='url(http://nsa22.casimages.com/img/2010/09/24/10092410264314753.png)';" style="text-align: center;"><input type="button" value="Want more ?" class="profil1"/><div style="display:none; text-align:center;">
<!-- BEGIN profile_field -->
            <font size=2>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
            </div></div>
        </span></font><br />
 
</div>
MessageSujet: Re: Masquer la feuille de personnage, problème CSS.   Masquer la feuille de personnage, problème CSS. EmptyMar 04 Jan 2011, 09:54
Revenir en haut Aller en bas
http://wynwoodhs.forumactif.com/forum.htm
Aero-L
Aero-L
{ Membre }
{ Membre }

Féminin Messages : 33



Masquer la feuille de personnage, problème CSS. Empty
En fait c'est assez bizarre. Effectivement, le fond de couleur n'y est pas avant de cliquer puis lors du clic apparait comme je le souhaite, mais ensuite il reste (:
Merci pour ton aide Orange, tu peux classe le problème, je vais garder la solution proposée par Hari qui finalement, me plait bien (: Merci quand même (:
MessageSujet: Re: Masquer la feuille de personnage, problème CSS.   Masquer la feuille de personnage, problème CSS. EmptyMar 04 Jan 2011, 13:27
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Masquer la feuille de personnage, problème CSS. Empty
Alors je classe (:
MessageSujet: Re: Masquer la feuille de personnage, problème CSS.   Masquer la feuille de personnage, problème CSS. EmptyMar 04 Jan 2011, 13:31
Revenir en haut Aller en bas
Contenu sponsorisé




Masquer la feuille de personnage, problème CSS. Empty
MessageSujet: Re: Masquer la feuille de personnage, problème CSS.   Masquer la feuille de personnage, problème CSS. Empty
Revenir en haut Aller en bas
 

Masquer la feuille de personnage, problème CSS.

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

 Sujets similaires

-
» Masquer uniquement la feuille de personnage dans les messages
» Problème avec feuille de personnage =S
» Problème dans la feuille de personnage
» Problème couleur feuille de personnage (résolu)
» Problème avec ma feuille de personnage caché =/

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-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

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 | Forumactif.com