Welcome

Halloween Profil & Message

Que la Nuit vienne

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

PHPBB2

Optimisé Un module d'annonces défilantes précédant la page d'accueil, une liste des sujets, un index complet ainsi qu'un profil sont également disponibles.

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

/************************************************ MESSAGE PROFIL ************************************************/
/* NOUVEAU REPONDRE */
.mp_nouveau_rep {
        width: 850px;
        margin: 2% auto;
}

.mp_nouveau_rep img {
    	margin: 0 2% 0 0;
}

table.message_profil {
        background: #151a15;
        width: 850px;
  	font-family: 'Oswald', sans-serif;
        color: #8e8f8d;
        line-height: 1.5;
        font-size: 14px;
        margin: auto;
  	border-radius: 50px 50px 0 0;
}

/* TITRE */
.mp_titre {
        background: url(https://www.zupimages.net/up/18/46/s4po.png);
        border-radius: 50px 50px 0 0;
        box-sizing: border-box;
        font-family: 'Berkshire Swash', cursive;
        font-size: 35px;
        font-weight: 400;
        height: 130px;
        padding: 5.5% 0 0;
        text-align: center;
        width: 100%;
}

/* PROFIL */
.message_profil td {
    	vertical-align: top;
}

.mp_profil {
        background: rgba(0,0,0,.2);
        border-radius: 25px;
        margin: 10px 0;
        padding: 10px;
        text-align: center;
}

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

/* AVATAR */
.mp_avatar {
    	margin: 10% 0;
}

/* INFOS PROFIL */
.mp_infos {
        text-align: left;
        padding: 2%;
}

/* MESSAGE */
/* Date */
td.mp_date {
    	text-align: right;
}

td.mp_message {
    	padding: 2%;
}

td.mp_options img {
   	margin: 0 0 5%;
}

/* PAGINATION SURVEILLER */
.mp_pagination_surveiller {
        width: 850px;
        margin: 2% auto;
  	font-family: 'Oswald', sans-serif;
        color: #8e8f8d;
        line-height: 1.5;
        font-size: 14px;
}

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

.mp_surveiller a {
        background: #151a15;
        display: block;
        float: left;
        line-height: 3;
        width: 200px;
        text-align: center;
}

.mp_pagination {
        float: right;
  	font-family: 'Oswald', sans-serif;
        color: #8e8f8d;
        line-height: 1.5;
        font-size: 14px;
        font-size: 12px;
}

/* NOUVEAU MODERER */
.mp_moderer_nouveau {
        width: 850px;
  	font-family: 'Oswald', sans-serif;
        color: #8e8f8d;
        line-height: 1.5;
        font-size: 14px;
        margin: 2% auto;
}

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

.mp_nouveau a {
    	margin: 0 15px 0 0;
}

.mp_nouveau {
    	float: left;
}

.mp_moderer {
        float: right;
        font-size: 0;
  	font-family: 'Oswald', sans-serif;
        color: #8e8f8d;
        line-height: 1.5;
        font-size: 14px;
}

.mp_moderer a {
        background: #151a15;
        display: block;
        float: left;
        line-height: 3;
        text-align: center;
        width: 200px;
        font-size: 14px;
        text-transform: uppercase;
}

.mp_outils {
        text-align: center;
        margin: 0 0 2%;
}

.mp_moderer a:hover, .mp_surveiller a:hover {
        background: #556b4d;
        color: #8e8f8d!important;
}

Viewtopic_body

//]]>
</script>

<table class="message_profil" width="100%" border="0" cellspacing="1" cellpadding="0" >
	<tr>
		<td colspan="2">
			<div class="mp_titre">
                          	{TOPIC_TITLE}
                  	</div>
		</td>
	</tr>
	
	
	{POLL_DISPLAY}
	
	
	<tr>
		<td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
	</tr>
	
	
	<tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
          	<td>
                  	<div class="mp_profil">
                                  <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
                                  
                                  <div class="mp_pseudo">
                                          {postrow.displayed.POSTER_NAME}
                                  </div>
                            
                                  <div class="mp_rang">
                                          {postrow.displayed.POSTER_RANK}
                                  </div>
                            
                                  <div class="mp_avatar">
                                          {postrow.displayed.POSTER_AVATAR}
                                  </div>
                            
                                  <div class="mp_contact">
                                          {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.ONLINE_IMG}
                                  </div>
                            
                                  <div class="mp_infos">
                                          
                                          {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                                          
                                          {postrow.displayed.POSTER_RPG}
                                  </div>
                  	</div>
          	</td>
          
		<td class="mp_message"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28">
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td class="mp_options">
                                          	{postrow.displayed.THANK_IMG}
                                          	{postrow.displayed.MULTIQUOTE_IMG}
                                          	{postrow.displayed.QUOTE_IMG}
                                          	{postrow.displayed.EDIT_IMG}
                                          	{postrow.displayed.DELETE_IMG}
                                          	{postrow.displayed.IP_IMG}
                                          	{postrow.displayed.REPORT_IMG}
                                  	</td>
                                  
					<td class="mp_date">
						<span class="postdetails">
                                                  	{postrow.displayed.POST_DATE}
                                          	</span>
					</td>
				</tr>
				<tr>
					<td colspan="2">
						
						<div class="vote gensmall">
							
							<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>

<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
								
								<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>

<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
								
							</div>

<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>

<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
							
						</div>

<div>{postrow.displayed.MESSAGE}</div>

<dl class="attachbox">
								<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
								<dd>
									
									<dl class="file">
										<dt>
											<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

<a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}

{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
											
										</dt>

<dd>
											<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
										</dd>

<dd>
											<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
										</dd>

<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
									</dl>
									
								</dd>
							</dl>

<div class="clear"></div>
							
							<div class="signature_div">
								{postrow.displayed.SIGNATURE}
							</div>

</div>
						<span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
					</td>
				</tr>
			</table>
		</td>
	</tr>
	
</table>
<hr />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
	
	
	
	
	<tr align="center">
		<td class="row1" colspan="2" height="28">
			<span class="genmed">{no_post.L_NO_POST}</span>
		</td>
	</tr>
	
</table>

<div class="mp_pagination_surveiller">
  	<div class="mp_surveiller">
          	
			
          			{S_WATCH_TOPIC}
			
		
  	</div>
  
  	
		<div class="mp_pagination">
                  	{PAGINATION}
  		</div>
	
</div>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td class="row2" colspan="2" align="center" style="padding:0px">
			
			<a name="quickreply"></a>
			{QUICK_REPLY_FORM}<br />
			
		</td>
	</tr>
	<tr>
		<td colspan="2">
                  	<div class="mp_moderer_nouveau">
                              	<div class="mp_nouveau">
                                  	
						<a href="{U_POST_NEW_TOPIC}" rel="nofollow">
                                                  	<img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" />
                                  		</a>
					
				
                                  	
						<a href="{U_POST_REPLY_TOPIC}">
                                                  	<img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" />
                                  		</a>
					
                              	</div>
                          
                          	<div class="mp_moderer">
                                  	
						{S_AUTH_LIST}
					
                          	</div>
                  	</div>
		</td>
	</tr>
	
</table>

<div class="mp_outils">
	
  		{S_TOPIC_ADMIN}
	
</div>

<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>

<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>

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

#nuit #messageprofil #forumactif #codage #libreservice

Halloween