PERSONALISÉ PROFIL

[Pawia]

Bonjour j'aimerais savoir comment obtenir ça (le pseudo, le contour autour de l'avatar et le "afficher).



J'ai essayé avec des codes, mais ca ne marche pas :



Mon template viewtopic_body :

Spoiler:

Mon CSS :

Spoiler:

[SoraNoHime]

Dans votre template repérez ceci :

Code:



            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
              <div align="center"><div class="quotetitle"><input type="button" value="a f f i c h e r" style="width:100px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'm a s q u e r'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'a f f i c h e r'; }" /></div><div class="quotecontent"><div style="display: none;">
<font size="1">
{postrow.displayed.POSTER_RPG}</div>

et remplacez le par :

Code:



              <div align="center"><div class="quotetitle"><input type="button" value="a f f i c h e r" style="width:100px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'm a s q u e r'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'a f f i c h e r'; }" /></div><div class="quotecontent"><div style="display: none;">
<font size="1">
            <!-- 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>

Puis dans votre css :

repérez ceci :

Code:

.noms{
font-family: Time New Roman;
    font-size: 24px;
    font-style: italic;
text-shadow: #FFFFFF 1px 1px 2px;
}

.cadreavatar {
background-color : #ede0bf ;
border : 2px solid #e8c64b ;
-moz-border-radius: 20px 20px 20px 20px
}

et remplacez le par :

Code:

    .noms{
    font-family: Time New Roman;
        font-size: 24px;
        font-style: italic;
    text-shadow: #FFFFFF 1px 1px 2px;
position: relative;
bottom : 30px;
    }

    .cadreavatar {
    background-color : #ede0bf ;
    border : 2px solid #e8c64b ;
    -moz-border-radius: 20px 20px 20px 20px;
padding : 15px;
margin-top : 15px;
    }

Adapté si besoin.

Cordialement

Bonjour, Afin de faciliter les recherches ultérieures, merci de respecter les règles concernant le titre de votre sujet. En effet, votre titre : - doit-être explicite (qui explique brièvement le problème), - ne doit pas être en majuscules, - ne doit pas contenir de mots trop généralistes : "aide" ; "help" ; "besoin d'aide" ; "problème"... Merci de le modifier en cliquant sur le bouton de votre premier message. A bientôt sur ForumActif