Welcome

Halloween Autres

Profil Que la Nuit vienne

Halloween, LS codage Forumactif Templates & Eléments Autres Profil Que la Nuit vienne

PHPBB2

Optimisé ATTENTION ! Ne fonctionne que si le profil avancé est désactivé (Panneau d'administration, Utilisateurs & Groupes, Profil, Profil avancé). Un module d'annonces défilantes précédant la page d'accueil, une liste des sujets, un message & profil ainsi qu'un index complet sont également disponibles.
Réalisé pour le forum :

Retour

Codage profil Que la Nuit vienne Halloween Forumactif

Pour ajouter la police

Dans le template "Overall_header", coller la ligne suivante juste avant "{T_HEAD_STYLESHEET}".

CSS

/************************************************ PROFIL ************************************************/
/* PSEUDO STATUT MESSAGES SUJETS */
.profil_header {
        width: 850px;
        margin: 2% auto;
        background: #151a15;
        padding: 2%;
        box-sizing: border-box;
  	font-family: 'Oswald', sans-serif;
        color: #8e8f8d;
        line-height: 1.5;
        font-size: 14px;
}

.profil_header::after {
        display: block;
        content: "";
        clear: both;
}

.profil_pseudo_statut {
    	float: left;
}

.profil_pseudo {
        font-family: 'Berkshire Swash', cursive;
        font-weight: normal;
        font-size: 19px;
        letter-spacing: 1px;
}

.profil_stats {
    	float: right;
}

.profil_stats a {
        display: inline-block;
        background: rgba(0,0,0,.2);
        width: 100px;
        text-align: center;
        margin: 0 10px;
        padding: 5% 0;
  	color: #8e8f8d;
}

/* CONTENU */
.profil_content {
        width: 850px;
        margin: 0 auto 2%;
  	font-family: 'Oswald', sans-serif;
        color: #8e8f8d;
        line-height: 1.5;
        font-size: 14px;
  	display: flex;
}

/* Contact */
.profil_contact {
        background: #151a15;
        padding: 2%;
        text-align: center;
        box-sizing: border-box;
        height: 320px;
        margin: 0 2%;
}

.profil_contact a {
        display: block;
        margin: 10px 0;
}

.profil_contact .field_uneditable {
    	font-size: 0;
}

/* Bloc infos */
.profil_infos {
        background: #151a15;
        width: 70%;
        box-sizing: border-box;
        height: 320px;
        padding: 2%;
        overflow: auto;
}

.profil_infos div {
    	display: inline-block;
}

a.credit_profil {
        text-align: right;
        text-transform: uppercase;
        font-size: 10px;
        display: block;
  	font-family: 'Oswald', sans-serif;
}

Profile_view_body

<div class="profil_header">
  	<div class="profil_pseudo_statut">
          	<div class="profil_pseudo">
          		{USERNAME}
  		</div>
  		<div class="profil_online">
          		{USER_ONLINE}
  		</div>
  	</div>
 
  	<div class="profil_stats">
          	<a rel="nofollow" href="/sta/{PUSERNAME}">
                  	{L_TOPICS}
          	</a>
          	<a rel="nofollow" href="/spa/{PUSERNAME}">
                  	{L_POSTS}
          	</a>
  	</div>
</div>

<div class="profil_content">
  	<div class="profil_avatar">
          	{AVATAR_IMG}
  	</div>
  
  	<div class="profil_contact">
          	
			{contact_field.CONTENT}
		
  	</div>
  
  	<div class="profil_infos">
          	{L_LAST_VISITED} : {LAST_VISIT_TIME}<br />
          	
          	{profile_field.LABEL} {profile_field.CONTENT}<br />
		
          
          	
          		
				{switch_rpg.rpg_fields_left.F_NAME} : {switch_rpg.rpg_fields_left.F_VALUE_NEW}
			
				
          		
				{switch_rpg.rpg_fields.F_NAME} : {switch_rpg.rpg_fields.F_VALUE_NEW}
			
          	
  	</div>
</div>

<a href="http://ls-halloween.fr" class="credit_profil" target="_blank">
  	Halloween
</a>

Dernière modification : 25 April 2020 23 : 32.

#nuit #profil #forumactif #codage #libreservice

Halloween