Affichage du profil Bouton_activeAffichage du profil Bouton_hoverAffichage du profil Fb-hoverAffichage du profil 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
» Fiche de Présentation RPG
Affichage du profil EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Affichage du profil EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Affichage du profil EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Affichage du profil EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Affichage du profil EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Affichage du profil EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Affichage du profil EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Affichage du profil EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le Deal du moment :
ETB Pokémon Fable Nébuleuse : où ...
Voir le deal

Partagez
 

Affichage du profil

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




Affichage du profil Empty
Bonjour ^^

J'aimerai bien avoir quelque chose qui ressemble à ça :

Affichage du profil Captur11

Exactement pareil sauf que j'aimerai bien le pseudo centrer mais surtout garder visible les champs du profil visible mais la feuille de personnage masquer.

J'espère être assez claire! Merci à vous Smile
MessageSujet: Affichage du profil   Affichage du profil EmptyMer 03 Mar 2010, 07:02
Revenir en haut Aller en bas
Invité
Invité




Affichage du profil Empty
tu veux en fait le mot "cliquez" pour afficher et cacher le profil si je comprend bien.
(l'avatar reste par contre)
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyMer 03 Mar 2010, 07:05
Revenir en haut Aller en bas
Invité
Invité




Affichage du profil Empty
Oui en effet (en fait avoir exactement le même réultât avec le pseudo centrer).
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyMer 03 Mar 2010, 07:33
Revenir en haut Aller en bas
Invité
Invité




Affichage du profil Empty
très bien^^ donc:
voila pour centrer le profil :

C'est simple, il suffit de rajouter un code CSS dans les templates.

Rendez vous dans votre template suivant : viewtopic_body dans Général.

Cherchez ceci :
Code:

<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">


Et ajoutez y ceci :
Code:

style="text-align: center;"

Ce qui vous donne donc :
Code:

<td style="text-align: center;" class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">


Et n'oubliez de bien publier votre template.
Ainsi que vous devez être le fondateur du forum et être en phpbb2

Ensuite, pour la fonction masquer/afficher:
dans les templates tu vas dans générale et viewtopic_body

tu cherche :
Code:
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
            <!-- 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}
        </span><br />
        <img src="http://2img.net/i/fa/vide.gif" alt="" style="width:150px;height:1px" />
      </td>

et tu remplace par
Code:

<td 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><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            <center><span class="rankpic">{postrow.displayed.RANK_IMAGE}</span><span class="posterava"><div style="border: 1px dashed grey;">{postrow.displayed.POSTER_AVATAR}</div></span></center></div><br />
 <div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='Afficher le Profil')?'Masquer le Profil':'Afficher le Profil';this.lastChild.style.display=(this.firstChild.value=='Afficher le Profil')?'none':'block';" style="text-align: center;"><input type="button" value="Afficher le Profil" class="profil1"/><div style="display: none;  text-align:left;">
            <!-- 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></div>
        </span><br />
 
</div>
<div id=""></div><br />
        <img src="http://2img.net/i/fa/vide.gif" alt="" style="width: 150px; height: 1px;" />
      </td>

Puis tu met ceci dans ton CSS :
Code:

/* Profil Masqué */
.profilmasque /*c'est juste le css du bouton*/
{
background-color: #couleur;
border: 1px dashed grey; /* en pointillée et en gris*/
font-size: 12px; /*taille de la police*/
letter-spacing: 1px;
}

.profil1/*c'est le css de l'ensemble bouton+profil*/
{
width: 200px;
background-color: #couleur;
border: none;
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;
}

Tu me dis si ça te convient^^
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyMer 03 Mar 2010, 07:48
Revenir en haut Aller en bas
Invité
Invité




Affichage du profil Empty
Merci ça marche mais l'affichage et tout ça ce n'est pas pareil que sur l'image montré. Je voudrait exactement paeil... :s mais merci quand même
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyMer 03 Mar 2010, 09:40
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Affichage du profil Empty
Il est impossible d'avoir exactement pareil, c'est du plagiat Wink
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyMer 03 Mar 2010, 10:41
Revenir en haut Aller en bas
Invité
Invité




Affichage du profil Empty
non pas excatement mais au moins avoir la partie du profil libre et d'avoir la feuille du personnage masquer Wink


En tout cas ça m'aierai bien :s
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyMer 03 Mar 2010, 10:59
Revenir en haut Aller en bas
http://tearsofthephoenix.forumactif.com/
©Insomnia
©Insomnia
♦ P'tit Chaperon Vert ♦{.Sadique Reine des Loups.}
♦ P'tit Chaperon Vert ♦
{.Sadique Reine des Loups.}

Féminin Messages : 466



Affichage du profil Empty
J'ai essayé de voir parce que je voulais donner cet effet là sur mon forum, mais la police est largement trop grande. Même en la réduisant le taille au niveau de CSS...
Comment faire pour la réduire ?
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyMer 03 Mar 2010, 11:17
Revenir en haut Aller en bas
Invité
Invité




Affichage du profil Empty
tu es sur que tu as modifié la taille de la police?
je parle de cette ligne:

Code:
font-size: 12px; /*taille de la police*/
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyMer 03 Mar 2010, 12:35
Revenir en haut Aller en bas
http://tearsofthephoenix.forumactif.com/
©Insomnia
©Insomnia
♦ P'tit Chaperon Vert ♦{.Sadique Reine des Loups.}
♦ P'tit Chaperon Vert ♦
{.Sadique Reine des Loups.}

Féminin Messages : 466



Affichage du profil Empty
oui certaine Smile
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyMer 03 Mar 2010, 12:36
Revenir en haut Aller en bas
Invité
Invité




Affichage du profil Empty
Puis voir ton code stp
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyMer 03 Mar 2010, 12:39
Revenir en haut Aller en bas
http://tearsofthephoenix.forumactif.com/
©Insomnia
©Insomnia
♦ P'tit Chaperon Vert ♦{.Sadique Reine des Loups.}
♦ P'tit Chaperon Vert ♦
{.Sadique Reine des Loups.}

Féminin Messages : 466



Affichage du profil Empty
Code CSS
Spoiler:

Code Temp^late
Spoiler:


J'ai essayé de jouer avec les deux possibilité de changement de police mais ça marche pas Smile
Voilà ce que ça me donne
Spoiler:
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyDim 07 Mar 2010, 10:02
Revenir en haut Aller en bas
http://fofolies.forumactif.biz/
Roxy
Roxy
{ Membre }
{ Membre }

Féminin Messages : 76



Affichage du profil Empty
+1, j'ai le même soucis.
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyMer 10 Mar 2010, 12:58
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



Affichage du profil Empty
Bonjour ^^

Le problème est-il résolu ?
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyMer 17 Mar 2010, 17:55
Revenir en haut Aller en bas
Contenu sponsorisé




Affichage du profil Empty
MessageSujet: Re: Affichage du profil   Affichage du profil Empty
Revenir en haut Aller en bas
 

Affichage du profil

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

 Sujets similaires

-
» Affichage profil
» CSS sur l'affichage du profil
» Affichage du profil
» Problème d'affichage du profil
» Affichage du profil trop grand

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