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.
 
-15%
Le deal à ne pas rater :
(Adhérents) LEGO® Icons 10318 Le Concorde
169.99 € 199.99 €
Voir le deal

Partagez | 
 

 Triples encadrement pour profil

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

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

Triples encadrement pour profil _
MessageSujet: Triples encadrement pour profil   Triples encadrement pour profil EmptyMer 26 Oct - 1:58


Triples encadrement pour profil Sans_t33
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 :
Triples encadrement pour profil 0110


✓ 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://2img.net/i/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://2img.net/i/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 :
Triples encadrement pour profil Sans_t17

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 :
Triples encadrement pour profil Sans_t18
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
https://le-chti-chatphardeur.forumgratuit.org
Invité
Invité



Triples encadrement pour profil _
MessageSujet: Re: Triples encadrement pour profil   Triples encadrement pour profil EmptyMar 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
Chti Chatphardeur

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

Triples encadrement pour profil _
MessageSujet: Re: Triples encadrement pour profil   Triples encadrement pour profil EmptyDim 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
https://le-chti-chatphardeur.forumgratuit.org
Invité
Invité



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

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



Triples encadrement pour profil _
MessageSujet: Re: Triples encadrement pour profil   Triples encadrement pour profil EmptyMer 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é




Triples encadrement pour profil _
MessageSujet: Re: Triples encadrement pour profil   Triples encadrement pour profil Empty

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 | Signaler un abus | Forumactif.com