Welcome

Halloween Profil & Message

Wicked

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

Invision

Optimisé Une liste des sujets, un index complet, des fiches de contexte, groupes, présentation, publicité, règlement et validation sont disponibles.
Réalisé pour le forum Wicked.

Retour

Codage profil Wicked Halloween Forumactif

CSS

/******************************************************** MESSAGES PROFIL ********************************************************/
/* NOUVEAU */
ul.posting-buttons.clearfix, .posting-options.topic-options {
        width: 95%;
        margin: 1% auto;
}

/* FIL ARIANE PAGINATION */
.ariane_pagination {
        width: 95%;
        margin: auto;
  	font-family: Calibri, sans-serif;
        font-weight: bold;
        color: #858386;
}

.ariane_pagination li {
        list-style: none;
        display: inline-block;
        padding: 0 1% 0 0;
        color: #858386;
        text-transform: uppercase;
        font-style: bold;
        font-size: 10px;
}

.ariane_pagination li a {
  	color: #858386;
}

.pagination_forum {
        float: right;
        color: #858386;
        text-transform: uppercase;
        font-style: bold;
        font-size: 10px;
}

.pagination_forum a {
  	color: #858386;
}

ul.posting-buttons.clearfix li {
        list-style: none;
        display: inline-block;
}

ul.posting-buttons.clearfix li:last-child {
    	margin: 0 0 0 2%;
}

.message_profil {
        background: #cecbcc;
        margin: auto;
        width: 855px;
        padding: .5% 2% 2% 2%;
        box-sizing: border-box;
  	font-family: Calibri, sans-serif;
        font-weight: bold;
        color: #858386;
}

/* TITRE */
.mp_titre {
        height: 70px;
        background: #e3e0e2;
        border: 1px solid #b6b5b7;
        box-sizing: border-box;
        padding: 2%;
        text-transform: uppercase;
        margin: 2% 0;
        display: block;
}

.mp_titre h1 {
        font-style: bold;
        letter-spacing: 1px;
}

.mp_date {
        text-transform: lowercase;
        font-style: bold;
        margin: 2% 0 0;
}

.mp_titre .right a {
        display: block;
  	line-height: 1.1;
        text-align: center;
}

.mp_titre a[href*="mode=quote"] img, .mp_titre a[href*="mode=editpost"] img, .mp_titre a[href*="mode=delete"] img {
    	display: none;
}

.mp_titre a[href*="mode=quote"]::after, .mp_titre a[href*="mode=editpost"]::after, .mp_titre a[href*="mode=delete"]::after {
        display: block;
        color: #7e7e7d;
        font-style: bold;
        font-size: 10px;
}

.mp_titre a[href*="mode=quote"]::after {
        content: "Citer";
}

.mp_titre a[href*="mode=editpost"]::after {
  	content: "Editer";
}

.mp_titre a[href*="mode=delete"]::after {
  	content: "Supprimer";
}

/* PROFIL */
.postprofile {
        background: url(https://i.servimg.com/u/f26/19/99/69/81/fond_f11.png);
        color: #555b63;
        font-size: 10px;
        font-style: bold;
        letter-spacing: 1px;
        margin: -2.3% 0 0 -25.5em;
        min-height: 440px;
        text-align: center;
        text-transform: uppercase;
        width: 220px;
}

.mp_pseudo {
        font-size: 20px;
        margin: 10% 0 0;
}

.message_profil .separation span:last-child {
    	margin: 0 0 0 6%;
}

.message_profil .separation {
    	font-size: 8px;
}

.message_profil .separation span {
        margin: 0 6%;
        color: #e51a5e;
}

.mp_avatar {
        width: 200px;
        height: 320px;
        margin: auto;
        overflow: hidden;
        position: relative;
}

.mp_avatar:hover .mp_avatar_content {
        margin-top: -320px;
}

.mp_avatar .mp_avatar_content {
        transition: .5s all;
        background: rgba(0,0,0,.6);
        position: relative;
        width: 200px;
        height: 320px;
        text-align: justify;
        color: #d9d9d9;
        padding: 5%;
        box-sizing: border-box;
}

.mp_avatar .mp_avatar_content .label span {
  	color: #d9d9d9 !important;
}

.rang_image {
        margin-top: -13%;
        z-index: 2;
        position: relative;
}

.mp_contact img {
    	display: none;
}

.mp_contact .profile-icon:nth-child(5n+1)::after {
        content: "Profil";
        font-size: 10px;
  	color: #666;
}

.mp_contact a[href*="/spa/"]::after {
        content: "Messages";
        font-size: 10px;
  	color: #666;
}

.mp_contact {
        font-size: 0;
        margin: 2% 0 0;
}

/* MESSAGE */
.message_profil .postbody {
        width: 95%;
        background: #e3e0e2;
        border: 1px solid #b6b5b7;
        box-sizing: border-box;
        padding: 2%;
        float: right;
}

/* OUTILS */
.outils_moderation {
    	text-align: center;
}

/* SIGNATURE */
.signature_div::before {
        background: url(https://i.servimg.com/u/f26/19/99/69/81/separa10.png);
        width: 67px;
        height: 21px;
        display: block;
        margin: auto;
        content: "";
}

/* MODERER */
.boutons_moderation {
        width: 95%;
        margin: 0 auto;
}

.boutons_moderation a {
        background: #e3e0e2;
        border: 1px solid #b6b5b7;
        font-size: 10px;
        text-transform: uppercase;
        color: #62676e;
        display: inline-block;
        line-height: 3;
        width: 32.5%;
        text-align: center;
  	font-family: Calibri, sans-serif;
        font-weight: bold;
}

.boutons_moderation a:hover {
  	background: #c95176;
  	color: #fff;
}

.surveiller a {
    	width: 100%;
}

.surveiller {
        display: inline-block;
        width: 32.5%;
  	margin: 0 1.1%;
}

.bouton_moderer {
        font-size: 0;
        width: 32.5%;
        display: inline-block;
        margin: -5% 0 2% 0;
}

.bouton_moderer a {
    	width: 100%;
}

Viewtopic_body

//]]>
</script>

<ul class="posting-buttons clearfix">
		<li class="post-icon">
			<a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a>
  		</li>


		<li class="post-icon"><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a></li>

</ul>

<div class="ariane_pagination">
  	<li class="begin"><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
	{NAV_CAT_DESC}
  
  	
  		<div class="pagination_forum">
          		{PAGINATION}
  		</div>
  	
</div>

<div class="message_profil">
	
	{POLL_DISPLAY}

<div class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</div>
	
	
	
</div>
<hr id="first-post-br" />
<div>
	
	
	
  	<div class="mp_titre">
          	<div class="left">
                  	<h1>
                  		{TOPIC_TITLE}
          		</h1>
                  	
                  	<div class="mp_date">
                          	Ecrit le {postrow.displayed.POST_DATE_NEW}
                  	</div>
          	</div>
          
          	<div class="right">
                  	{postrow.displayed.THANK_IMG}
			{postrow.displayed.MULTIQUOTE_IMG}
                  	{postrow.displayed.QUOTE_IMG}
                  	{postrow.displayed.EDIT_IMG}
                  	{postrow.displayed.DELETE_IMG}
          	</div>
  	</div>
  
	<div id="p{postrow.displayed.U_POST_ID}" class="{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" id="profile{postrow.displayed.U_POST_ID}">
					<div class="mp_pseudo">
                                          	{postrow.displayed.POSTER_NAME}
                                  	</div>
                                  
                                  	<div class="separation">
                                          	• <span>•</span> • <span>•</span> • <span>•</span> • <span>•</span> • <span>•</span>
                                  	</div>
                                  
                                  	<div class="mp_avatar">
                                          	{postrow.displayed.POSTER_AVATAR}
                                          	<div class="mp_avatar_content">
                                                  	
							{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
							
							{postrow.displayed.POSTER_RPG}
                                          	</div>
                                  	</div>
                                  
                                  	<div class="rang_image">
                                          	{postrow.displayed.RANK_IMAGE}
                                  	</div>
                                  
                                  	<div class="mp_contact">
                                          	
                                          		{postrow.displayed.PROFILE_IMG}
                                          
                                          		
								{postrow.displayed.USER_POSTS_IMG}
							
                                          	
                                  	</div>
                                  
                                  	<div class="mp_online">
                                          	{postrow.displayed.ONLINE_IMG_INV}
                                  	</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>

</div>

<br />
<div class="outils_moderation">
			{S_TOPIC_ADMIN}
</div>

<div class="boutons_moderation">
  	<div class="surveiller">
          	{JS_WATCH_TOPIC}
  	</div>
  	
  	<div class="bouton_moderer">
          	{S_AUTH_LIST}
  	</div>	
</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>

<br />
<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.

#wicked #messageprofil #forumactif #codage #libreservice

Halloween