Forum a moi qui me permet de faire des tests pour mes autres forums.
 
AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Profil magnifique

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Ebly

avatar

Messages : 149
Date d'inscription : 07/12/2015
Localisation : Ici

MessageSujet: Profil magnifique   Dim 22 Mai - 16:18

Tout le tuto de ce profil LS -> http://www.never-utopia.com/t48380-profil-simple-9644-feuille-de-personnage-masquee

Aperçu non modifié -> http://nsa33.casimages.com/img/2014/03/23/140323033617652228.png

Modifications en cours...

Feuille de style CSS

Code:
   /* --------------------------------- PROFIL --------------------------------- */

    .profilmasque {
      background-color: #201E1E;
      border-radius: 20px;
      width: 200px;
      padding: 10px;
      font-size: 11px;
      font-family: 'Voltaire', sans-serif !important;
    }

    .profil1 {
      width: 200px;
      font-size: 20px;
      font-family: 'Great Vibes', cursive;
      background-color: #201E1E;
      border: none;
      color: #B7B3B3;
    }

    .profil {
      background-color: #0D0D0D;
      padding: 10px;
      border-radius: 25px;
    }

    .rang {
      background-color: #201E1E;
      border-radius: 20px;
      padding: 10px;
      width: 200px;
      text-align: center;
      color: #007BAA !important;
      font-size: 25px;
      font-family: 'Great Vibes', cursive;
    }

    .rang:hover {
      color: #B7B3B3 !important;
    }

    .avatar_profil {
      width: 200px;
      height: 320px;
      opacity: 0.5;
    }

    .avatar_profil:hover {
      opacity: 1;
    }

    .bloc_pseudo {
      padding: 10px;
      width: 200px;
      position: relative;
      left: 1em;
      text-align: center;
      color: #D5D2D2;
      font-size: 25px;
      font-family: 'Great Vibes', cursive;
    }

    .pseudo_profil {
      font-family: 'Finger Paint', cursive;
      font-size: 25px !important;
      text-align: center;
    }

    .details_profil {
      background-color: #201E1E;
      border-radius: 20px;
      padding: 10px;
      width: 200px;
      height: 80px;
      overflow: auto;
      text-align: justify;
      color: #B7B3B3 !important;
      font-size: 11px;
      font-family: 'Voltaire', sans-serif !important;
    }

    /* --------------------------------- FIN PROFIL --------------------------------- */

Templates -> viewtopic_body (non entier)

Code:
   <!-- BEGIN displayed -->
      <link href='http://fonts.googleapis.com/css?family=Finger+Paint|Great+Vibes|Zeyada' rel='stylesheet' type='text/css'>
       <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
          <td class="profil" class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                    
                     <br /><div class="rang">{postrow.displayed.POSTER_RANK}</div>
                      <br /><center><div class="avatar_profil">{postrow.displayed.POSTER_AVATAR}</div></center>
                      <span class="bloc_pseudo"><a name="{postrow.displayed.U_POST_ID}" id="{postrow.displayed.U_POST_ID}"></a>Je suis </span><div class="pseudo_profil">{postrow.displayed.POSTER_NAME}</div><br />
            <div class="details_profil"><!-- BEGIN profile_field -->
                {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field --></div><br />
             <div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='Ouvrir')?'Fermer':'Ouvrir';this.lastChild.style.display=(this.firstChild.value=='Ouvrir')?'none':'block';" style="text-align: center;"><input type="button" value="Ouvrir" class="profil1"/><div style="display: none;  text-align:left;">
                {postrow.displayed.POSTER_RPG}
      </div></div>  
                     <br />
             <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mondeminicreature.forumactif.org
 
Profil magnifique
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
Forum de Test de Goutti :: Domaine d'Ebly :: Miaou :: Gestion de ce Forum-
Sauter vers: