Affichage du profil Bouton_activeAffichage du profil Bouton_hoverAffichage du profil Fb-hoverAffichage du profil 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
Affichage du profil EmptyLun 03 Juin 2024, 17:20 par birds

» 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

-48%
Le deal à ne pas rater :
Philips Hue Pack Decouverte 2024 : lightstrip 3M + ampoules E27 X2 + ...
119 € 229 €
Voir le deal

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

Affichage du profil

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




Affichage du profil Empty

    Bonsoir !

    J'aimerais pouvoir arranger un peu le profil des membres sur mon forum, notamment, mettre le pseudo sous l'avatar (déjà essayé, mais la moitié reste sur le côté et part en dessous). Et j'aimerais aussi savoir comment faire ceci : https://2img.net/h/oi50.tinypic.com/14bjhc4.png (source forum Disney Agency)

    Merci d'avance ! ^^


Dernière édition par Sund4y le Dim 24 Jan 2010, 13:39, édité 1 fois
MessageSujet: Affichage du profil   Affichage du profil EmptyVen 22 Jan 2010, 15:51
Revenir en haut Aller en bas
Invité
Invité




Affichage du profil Empty

    Personne pour me répondre ? :/
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyDim 24 Jan 2010, 10:31
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Affichage du profil Empty
Nous avons tous une vie en dehors du forum et faire un up même pas deux jours après est un peu rapide.... Nous regardons tous les messages quand nous nous connectons et quand nous avons le temps, nous y répondons. Si on ne répond pas, c'est qu'on a une bonne raison. Soit qu'on n'est tout simplement pas là, soit qu'on ne sait pas comment faire, soit qu'on n'a pas le temps de répondre pour le moment. Alors la prochaine fois, merci de prendre ton mal en patience. Merci =]

Bon, sinon, j'ai fait quelque chose pour toi. Pour commencer, voici comment mettre le pseudo et le rang en-dessous.

    Dans les templates, va dans "viewtopic_body". Cherche ceci ((au quart du code environ)) :
    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>

    Puis remplace par ceci :

    Code:
    <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
             <span class="name">
                {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />

    <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 />
                <!-- 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>



Ensuite, pour ta deuxième question, il me faudrait un peu plus d'infos.... Tu pourraix expliquer plus précisément ce que tu souhaiterais ? =)
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyDim 24 Jan 2010, 10:42
Revenir en haut Aller en bas
Invité
Invité




Affichage du profil Empty

    Désolée pour l'up. :/ Je ne savais pas quand est-ce qu'on avait le droit d'en faire...
    Et merci pour ta réponse !
    Pour ma deuxième question, je voulais savoir comment est-ce qu'on pouvait encadrer le pseudo et le rang, comme sur le screen. Et ajouter aussi les pointillés.

    Merci d'avance.
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyDim 24 Jan 2010, 11:04
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Affichage du profil Empty
Pas grave =] Le mieux, c'est de ne pas uper. Les gens aiment ne pas se faire rappeler à l'ordre et de toute façon, observent beaucoup les nouveaux messages =]
Bref !! Voici pour la suite :

A la place du code que je viens de te donner, mets celui-ci :

Code:
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <span class="name">
            <div class="avatar_personnel">{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}</div><br /><br />

<div class="pseudo_rang"><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 /></div>
            <!-- 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>

Puis, dans ton CSS, mets ceci :

Code:
.forumline .avatar_personnel, .forumline .pseudo_rang
{
background-color: TA COULEUR;
}


Quant aux pointillés.... Aucune idée xO Tu pourrais me donner le forum où tu as vu ça ? Merci =]
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyDim 24 Jan 2010, 11:22
Revenir en haut Aller en bas
Invité
Invité




Affichage du profil Empty

    D'accord, je m'en rappellerais, encore désolée.
    Je viens d'essayer les codes, mais ça ne marche pas. :/ Le cadre ne s'affiche pas.
    Voilà le lien du forum : http://disney-agency.forumactif.org/
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyDim 24 Jan 2010, 11:35
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Affichage du profil Empty
Huuum.... Je ne comprends pas, ça marche très bien chez moi xO Es-tu sûr de bien avoir tout mis correctement ? =s

En tout cas, pour les pointillés, ce sont des images sur le forum que tu m'as donné. =)
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyDim 24 Jan 2010, 11:39
Revenir en haut Aller en bas
Invité
Invité




Affichage du profil Empty

    Oui j'ai suivis ce que tu m'as dis. :/ Le pseudo et le rang sont bien sous l'avatar, mais pour l'encadrement, rien ne s'affiche.
    Et si ce sont des images alors, comment est-ce qu'on fait pour en mettre ? ^^'
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyDim 24 Jan 2010, 11:48
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Affichage du profil Empty
Alors.... Pour cet aperçu immonde xD [Here], j'ai exactement ces codes :

Code:
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <span class="name">
            <div class="avatar_personnel">{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}</div><br /><br />
<div class="pseudo_rang">
        <img src="http://nsa11.casimages.com/img/2010/01/24/100124051628844023.png" /><br /><br />
        <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 /><br /><br />
        <img src="http://nsa11.casimages.com/img/2010/01/24/100124051628844023.png" /></div>
            <!-- 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>

Code:
.forumline .avatar_personnel
{
background-color: green;
}
.forumline .pseudo_rang
{
padding-left: 2px;
background-color: green;
}

Donc dans le HTML, mets ceci :

Code:
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <span class="name">
            <div class="avatar_personnel">{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}</div><br /><br />
<div class="pseudo_rang">
        <img src="LIEN IMAGE EN HAUT" /><br /><br />
        <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 /><br /><br />
        <img src="LIEN IMAGE EN BAS" /></div>
            <!-- 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>
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyDim 24 Jan 2010, 12:21
Revenir en haut Aller en bas
Invité
Invité




Affichage du profil Empty

    Merci ! Ca marche déjà mieux. ^^
    Mais j'ai encore un petit soucis, pour la taille, et la disposition.
    Est-ce qu'il est possible de "coller" l'encadrement juste sous l'avatar ? Parce qu'il reste un espace entre les deux. Ensuite, comment peut-on changer la taille de l'encadrement (et l'espace entre les deux images) ? Pour l'instant, tout ce que ça me donne, c'est ça : https://2img.net/h/oi48.tinypic.com/332ov2p.png (les deux barres qui dépassent, ce sont les images, c'est juste un test, je changerais après)
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyDim 24 Jan 2010, 13:03
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Affichage du profil Empty
Mettre ceci je pense :

Code:
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <span class="name">
            <div class="avatar_personnel">{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
        <img src="LIEN IMAGE EN HAUT" /><br /><br />
        <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 /><br /><br />
        <img src="LIEN IMAGE EN BAS" /></div>
            <!-- 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 enlever dans le CSS "pseudo_rang" =)
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyDim 24 Jan 2010, 13:22
Revenir en haut Aller en bas
Invité
Invité




Affichage du profil Empty

    Merci beaucoup. =)
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyDim 24 Jan 2010, 13:39
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Affichage du profil Empty
Tout fonctionne ?
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyDim 24 Jan 2010, 13:42
Revenir en haut Aller en bas
Invité
Invité




Affichage du profil Empty

    Oui, juste quelques petits détails à modifier, mais ça marche. ^^
    Merci encore.
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyDim 24 Jan 2010, 13:48
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Affichage du profil Empty
Parfait =D Je déplace donc =D
MessageSujet: Re: Affichage du profil   Affichage du profil EmptyDim 24 Jan 2010, 13:56
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 du profil
» Affichage profil
» CSS sur l'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-
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 | Forum gratuit