Welcome

Halloween Profil & Message

Noir & Blanc

Halloween, LS codage Forumactif Templates & Eléments Messages & Profil Profil Noir & Blanc

Invision

Optimisé Les informations du profil apparaisent au survol de l'avatar. Une page d'accueil, des catégories, un qui est en ligne, une liste des sujets et des fiches de présentation & d'administration sont disponibles

Retour

Codage profil Noir & Blanc Halloween Forumactif

CSS

/********************* MESSAGE ET PROFIL *********************/
.post .post-header, .post {
    	background: url(https://redcdn.net/hpimg11/pics/390440footer.png) no-repeat bottom right #fff;
  	border: 0;
}

.message_profil .fond_titre {
  	width: auto;
}

/* FOOTER */
.contenu_footer_message {
        background: url(https://img11.hostingpics.net/pics/168287texture.jpg);
        color: #fff;
        padding: 2%;
}

.message_date {
        float: left;
        font-size: 11px;
        text-transform: uppercase;
        font-weight: bold;
}

.message_boutons {
    	text-align: right;
}

/* PROFIL */
.post {
    	background: url(https://img11.hostingpics.net/pics/168287texture.jpg);
}

.postprofile {
        position: relative;
    	text-align: center;
}

.image_enligne {
        position: absolute;
        right: 3.5%;
        z-index: 7;
}

/* AVATAR */
.avatar_message {
        height: 320px;
        overflow: hidden;
        position: relative;
        border: 2px solid #36cb98;
        width: 200px;
        margin: auto;
}

.informations_avatar {
        position: relative;
        margin-top: 320px;
      	transition: all 1s;
    	height: 320px;
        color: #fff;
        padding: 10%;
        box-sizing: border-box;
    	text-align: left;
}

.avatar_message:hover .informations_avatar {
        transition: all .5s;
        margin-top: -320px;
        background: rgba(0,0,0,.6);
}

.informations_avatar span {
        text-transform: uppercase;
        font-size: 10px;
        color: #36cb98!important;
        font-weight: bold;
}

/* PSEUDO */
.pseudo_message {
        margin: 10% 0 0 0;
        display: block;
        text-transform: lowercase;
        font-family: times new roman;
        letter-spacing: -2px;
        font-size: 24px;
}

/* RANG */
.rang_message {
        letter-spacing: 5px;
        color: #fff;
        text-transform: uppercase;
        font-size: 10px;
        margin: 2% 0 5% 0;
}

/* BOUTONS PROFIL */
.boutons_profil img {
    	display: none;
}

.boutons_profil a {
        font-size: 10px;
        display: block;
        width: 90%;
        background: url(https://i.imgur.com/LEcGgfb.jpg);
        margin: 2% auto;
        line-height: 3;
        color: #fff !important;
        transition: all .5s;
}

.boutons_profil a:hover {
        background: url('https://img11.hostingpics.net/pics/168287texture.jpg');
        transition: all .5s;
}

/* NOUVEAU REPONDRE FOOTER */
.posting-options.topic-options {
        width: 100%;
        background: #fff;
        padding: 2% 0;
}

/* MODERER */
.moderation_footer {
        background: #fff;
        text-align: center;
}

.moderer {
    	font-size: 0;
}

.moderer a {
        background: url('https://img11.hostingpics.net/pics/168287texture.jpg');
        display: block;
        margin: auto;
        width: 20%;
        text-align: center;
        text-transform: uppercase;
        color: #fff !important;
        border-radius: 25px;
        transition: .5s all;
        line-height: 28px;
  	font-size: 10px;
}

.moderer a:hover {
        background: url('https://i.imgur.com/LEcGgfb.jpg');
        transition: .5s all;
        color: #fff !important;
}

Viewtopic_body

//]]>
</script>

<ul id="navstrip" class="clearfix">
	<li class="begin"><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
	{NAV_CAT_DESC}
</ul>

<div class="pagination topic-options">
	{PAGINATION}
</div>

<div class="borderwrap message_profil">
	<div class="fond_titre">
          	<span class="symbole_titre">▷</span>
		<h2>{TOPIC_TITLE}</h2>
	</div>
	{POLL_DISPLAY}

<div class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</div>
	
	
	
</div>
<hr id="first-post-br" />
<div class="borderwrap">
	
	
	
	<div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ONLINE_IMG_NEW} clearfix post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
		<div class="post-container"{postrow.displayed.THANK_BGCOLOR}>
			<div class="postbody clearfix">
                          
				<div class="postprofile profil_message" id="profile{postrow.displayed.U_POST_ID}">
                                  <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
					<div class="image_enligne">
                                          	{postrow.displayed.ONLINE_IMG_INV}
                                  	</div>
                                  
                                  	<div class="avatar_message">
                                          	<div class="avatar_image">
							{postrow.displayed.POSTER_AVATAR}
						</div>
                                          
                                          	<div class="informations_avatar">
                                                  	
								{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
							
								{postrow.displayed.POSTER_RPG}
                                          	</div>
                                  	</div>
                                  
                                  	<div class="pseudo_message">
                                          	{postrow.displayed.POSTER_NAME}
                                  	</div>
                                  
                                  	<div class="rang_message">
                                          	{postrow.displayed.POSTER_RANK_NEW}
                                  	</div>
                                  
                                  	<div class="boutons_profil">
                                          	
                                          	{postrow.displayed.PROFILE_IMG}
						
							{postrow.displayed.PM_IMG}
                                          	
						
                                          		{postrow.displayed.EMAIL_IMG}
                                          	
						
                                          		
								{postrow.displayed.user_logged_in.switch_contact_row.contact_field.CONTENT} 
							
                                          	
                                          	
							{postrow.displayed.USER_POSTS_IMG}
                                          	
                                          
                                  	</div>
				</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>
				{postrow.displayed.EDITED_MESSAGE}
			</div>
                          
			
			<br />
			<div id="sig{postrow.displayed.U_POST_ID}" class="signature_div">{postrow.displayed.SIGNATURE_NEW}</div>

</div>

<div class="contenu_footer_message">
        	<div class="message_date">
                	{postrow.displayed.POST_DATE_NEW}
               	</div>
                          	
                <div class="message_boutons">
                  	{postrow.displayed.MULTIQUOTE_IMG}
			{postrow.displayed.QUOTE_IMG}
                  	{postrow.displayed.EDIT_IMG}
                  	{postrow.displayed.DELETE_IMG}
                  	{postrow.displayed.IP_IMG}
                </div>
       	</div>
                  
	</div> 
	
	
</div>
  
<div class="pagination topic-options">
	{PAGINATION}
</div>

<div class="moderation_footer">
	<div class="boutons_moderation">
          	{S_TOPIC_ADMIN}
  	</div>
		
  	<div class="moderer">
          	{S_AUTH_LIST}
	</div>
  	<br />
</div>

<div class="row2">
	<div id="ptrafic_close" class="clearfix" style="display:none">
		<div class="maintitle floated">
			<h3>{PROMOT_TRAFIC_TITLE}</h3>
			<div class="right rtl-inversion-right">
				<a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a>
			</div>
		</div>
	</div>
	<div id="ptrafic_open" class="clearfix" style="display:''">
		<div class="maintitle floated">
			<h3>{PROMOT_TRAFIC_TITLE}</h3>
			<div class="right rtl-inversion-right">
				<a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a>
			</div>
		</div>
		<div>
			
			» <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
			
		</div>
	</div>
</div>

<div class="row1" id="forum_rules">
	<div class="maintitle">
		<h3>{L_FORUM_RULES}</h3>
	</div>
	<table>
		<tr>
			
			<td class="logo">
				<img src="{RULE_IMG_URL}" alt=""/>
			</td>
			
			<td class="rules post-entry">
				{RULE_MSG}
			</td>
		</tr>
	</table>
</div>

<a name="quickreply"></a>
{QUICK_REPLY_FORM}

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

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

#noirblanc #messageprofil #forumactif #codage #libreservice

Halloween