Forum de référencement de vos bébés, petit trésor ou l'on ne se prend pas là tête et ou vous trouverez sans aucun doute une aide.
 

Partagez | 
 

 Triples encadrement pour profil

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Chti Chatphardeur
Admin
avatar

Féminin Scorpion Chien Age : 35 Date d'inscription : 06/10/2011
Messages : 74
Localisation : Nord
Emploi/loisirs : Les forums et le PC sans oublier le country
Humeur : Bonne

MessageSujet: Triples encadrement pour profil   Mer 26 Oct - 1:58


Triples
encadrement pour
profil
Tuto par : Le Chti Chatphardeur
Aperçut : http://nightanddaycity.positiforum.com/forum
Niveau : Moyen
Code : HTML / CSS / Template
.


✓ Voici un apperçut image :



✓ Recherchez dans Panneau admin > Affichage > Templates > Général > viewtopic_body
Code:
<td style="text-align: center;" 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://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>

Remplacer le part :
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><table><tr><td><div id="cadre_haut">

            <span class="postdetails poster-profile">

            {postrow.displayed.RANK_IMAGE}</div><div id="cadre_profil">{postrow.displayed.POSTER_AVATAR}</div>

<div id="cadre_bas" ><center><font size="3"><strong>{postrow.displayed.POSTER_NAME}</strong></font></center></span>
</div><br>
</td></tr><tr><td>

          <div id="cadre_haut"  style="height: 10px"> </div><!-- BEGIN profile_field -->
            <div id="cadre_profil"><center><font size="1">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</font></center></div>
          <!-- END profile_field --><div id="cadre_bas" style="height: 10px"> </div><br>
</span><div id="cadre_haut"  style="height: 10px"> </div> <div id="cadre_profil"><center><div onClick="this.firstChild.src=(this.firstChild.src=='http://i43.servimg.com/u/f43/16/33/04/95/sans_t17.png')?'http://i43.servimg.com/u/f43/16/33/04/95/sans_t18.png':'http://i43.servimg.com/u/f43/16/33/04/95/sans_t17.png';this.lastChild.style.display=(this.firstChild.src=='http://i43.servimg.com/u/f43/16/33/04/95/sans_t17.png')?'none':'block';" ><img src="http://i43.servimg.com/u/f43/16/33/04/95/sans_t17.png" alt="" />
<div style="display: none;">
        <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RPG}
                        </span>
</div></div></center></div><div id="cadre_bas" style="height: 10px"> </div>

        <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
</div>     

</td></tr></table></td>

Enfin installer ce code dans votre CSS :

Code:
#cadre_profil {
background-color: #785050;
border-right: 2px #a16d6d solid;
border-left: 2px #a16d6d solid;
}

#cadre_haut {
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background-color: #785050;
border-top: 2px #a16d6d solid;
border-right: 2px #a16d6d solid;
border-left: 2px #a16d6d solid;
}

#cadre_bas {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
background-color: #785050;
border-bottom: 2px #a16d6d solid;
border-right: 2px #a16d6d solid;
border-left: 2px #a16d6d solid;
}

Pour modifier l'image "Ouvrir mon coeur" c'est cette partie du code :

Code:
<div onClick="this.firstChild.src=(this.firstChild.src=='http://i43.servimg.com/u/f43/16/33/04/95/sans_t17.png')?'http://i43.servimg.com/u/f43/16/33/04/95/sans_t18.png':'http://i43.servimg.com/u/f43/16/33/04/95/sans_t17.png';this.lastChild.style.display=(this.firstChild.src=='http://i43.servimg.com/u/f43/16/33/04/95/sans_t17.png')?'none':'block';" ><img src="http://i43.servimg.com/u/f43/16/33/04/95/sans_t17.png" alt="" />

Pour remplacer :


Vous devez remplacer tout les :
Code:
http://i43.servimg.com/u/f43/16/33/04/95/sans_t17.png
Par l'adresse de votre image.
Pour remplacer :

Remplacer celle-ci :
Code:
http://i43.servimg.com/u/f43/16/33/04/95/sans_t18.png


Dernière édition par Chti Chatphardeur le Dim 24 Juin - 15:19, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://le-chti-chatphardeur.forumgratuit.org
Invité
Invité



MessageSujet: Re: Triples encadrement pour profil   Mar 8 Mai - 15:25

Et après on fait comment pour avoir tout ça? je veux dire, une fois qu'on mis le tuto, c'est où qu'on doit allé pour créer ce qu'on veux y mettre dedans? Et ensuite le lien d'exemple est mort xd
Revenir en haut Aller en bas
Chti Chatphardeur
Admin
avatar

Féminin Scorpion Chien Age : 35 Date d'inscription : 06/10/2011
Messages : 74
Localisation : Nord
Emploi/loisirs : Les forums et le PC sans oublier le country
Humeur : Bonne

MessageSujet: Re: Triples encadrement pour profil   Dim 24 Juin - 15:18

Il est visible là : http://nightanddaycity.positiforum.com/forum
Pour le reste pour ajouté dans les profil c'est dans le panneau d’administration, utilisateurs & groupes, profil que tu ajoute dans ton profil.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://le-chti-chatphardeur.forumgratuit.org
Invité
Invité



MessageSujet: Re: Triples encadrement pour profil   Dim 8 Juil - 15:11

J'ai trouvé super ^^
Revenir en haut Aller en bas
Invité
Invité



MessageSujet: Re: Triples encadrement pour profil   Mer 19 Déc - 12:55

coucou j'aimerai si c'est possible de faire des coins arrondi?
et comment tu fait les lignes ainsi que le IRL et RPG???
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: Triples encadrement pour profil   

Revenir en haut Aller en bas
 

Triples encadrement pour profil

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

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Le Chti Chatphardeur Pub :: :: Le Chti Chat Service :: :: ✍ Les Tutoriels-
Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forumactif.com