Welcome

Halloween Profil & Message

Academy Waverly

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

PHPBB2

Optimisé Les informations du profil s'affichent en survolant la flèche du bas

Retour

Codage profil Academy Waverly Halloween Forumactif

CSS

a {
  text-decoration: none !important;
  transform: all;
  transition: .5s;
}

a:hover {
  text-decoration: none !important;
  color: #c86855 !important;  
  transform: all;
  transition: .5s;
}

.clear {
  clear: both;
}

/********************************************************* MESSAGE + PROFIL *********************************************************/
/* Entête & Footer de la liste */
.nouveau_message, .repondre_message {
    display: inline-block;
    width: 20%;
    padding: 1%;
    text-align: center;
    color: #fff !important;
    text-transform: uppercase;
    font-family: Cambria;
    font-size: 12px;
    margin: 2% 0;
}

.nouveau_message {
    background: #eba48f;
}

.repondre_message {
    background: #f7cca5;
    margin-left: 2%;
}

.boutons_footer_sujets {
    text-align: center;
}

.boutons_surveiller {
    background: #e2efe1;
    color: #fff;
    display: inline-block;
    margin: 1%;
    line-height: 3;
    text-align: center;
    text-transform: uppercase;
    width: 350px;  
    font-family: Cambria;
    font-size: 12px;
}

.boutons_surveiller a {
    color: #fff !important;
}

.boutons_surveiller a:hover {
    color: #c86855 !important;
}

#moderer a {
    display: block;
    background: #96aebb;
    color: #fff !important;
    text-transform: uppercase;
    line-height: 4;
    width: 250px;
    margin: auto;
    font-family: Cambria;
    font-size: 12px;
    text-align: center;
}

#moderer {
    font-size: 0;
}

.nom_sujet {
    background: #e2efe1;
    padding: 1% 2%;
    text-align: center;
    width: 96%;
    margin-top: 1%;  
    font-family: Cambria;
    padding: .2% 2%;
    width: 96%;
}

.nom_sujet h1 {
    border: 1px solid #fff;
    color: #fff;
    font-size: 25px;
    padding: 2%;
    text-transform: uppercase;
}

.message_index {
    background: #98aebc;
    padding: 1%;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
}

.navigation_message a {
    color: #98aebc;
    text-transform: uppercase;
    font-size: 12px;
    font-family: Cambria;
    margin: 0 1%;
}

.navigation_message {
    font-size: 0;
}

.message_index span {
    color: #fff !important;
}

.message {
    background: #f2f5f2;
    font-family: cambria;
    color: #6c676e;
}

.mise_en_forme_sujet_message {
    display: block;
    margin: 10px;
    font-family: cambria;
    color: #6c676e;
    width: 1100px;
}

.profil_message {
    background: #fff;
    margin: 10px;
    padding: 10px;
    width: 200px;
    text-align: center;
    display: block;
    font-family: Cambria;
    font-size: 12px;
}

.name {
    display: block;
    font-size: 18px;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
}

.rang_profil {
    display: block;
    font-style: italic;
    text-align: center;
    color: #a6b2b5;
}

/*********************** PROFIL ***********************/

.contenu_profil {
    margin: 2% 0;
    font-size: 12px;
    text-align: left;
    font-family: Cambria;
    position: relative;
}

.infos_profil {
  position: relative;
  z-index: 3;
  display: block;
  height: 0;
  background: #f4f9f6;
  color: #7d7d7d;
  overflow: hidden;
  transform: all;
  transition: 1s;
  font-family: Georgia;
  text-transform: uppercase;
}

.contenu_profil:hover .infos_profil {
  background: #f4f9f6;
  color: #a6b2b5;
  padding: 4px;
  transform: all;
  transition: 1s;
  font-size: 12px;
  height: 350px;
  text-align: left;
}

.contenu_profil a {
  color: #d89d95 !important;
  text-transform: uppercase;
}

.informations_profil, .rpg_message_profil {
    background: #fff;
    padding: 5%;
}

.rpg_message_profil {
    margin-top: 45%;
}

.profil_message_contact a {
    display: block;
    margin: 5% 0;
}

.date_message_boutons {
    font-size: 12px;
    padding: 2%;
    font-family: Cambria;
}

#options_message {
    float: right;
}

.postbody {
    font-size: 12px;
    line-height: 18px;
    font-family: Cambria;
    padding: 0 50px;
}

.signature {
    background: #e2efe1;
    margin: 2% 0 0 0;
    padding: 0 10px 40px 10px;
}

.separation_message {
    background: #eba48f;
    content: '';
    height: 10px;
    width: 100%;
    margin: 2% 0;
}

.footer_message {
    margin: auto;
    width: 100%;
    text-align: center;
}

.moderation_images_sujets {
    text-align: center;
}

.informations_profil .label:nth-child(20) {
    display: none !important;
}

.informations_profil .label:nth-child(23) {
    display: none;
}

.texte_profil_message:nth-child(24) {
    background: rgba(255,255,255,.8);
    border-radius: 100px;
    color: #eba48f;
    display: block;
    font-weight: 700;
    height: 30px;
    margin-left: 32%;
    margin-top: 28%;
    padding-left: 15px;
    padding-top: 10px;
    position: absolute;
    width: 30px;
}

.informations_profil img {
    border-radius: 100px;
    position: absolute;
    margin: 23% 0 5% 0;
    text-align: center;
    display: block;
    margin-left: 25%;
    width: 70px;
    height: 70px;
    object-fit: cover;
}

.texte_profil_message {
    text-transform: capitalize;
}

.rpg_message_profil {
    margin-top: 45%;
    text-transform: capitalize;
    padding: 0 5% 5% 5%;
}

Viewtopic_body

//]]>
</script>

<a href="{U_POST_NEW_TOPIC}" class="nouveau_message" rel="nofollow">
          	Nouveau
	</a>

<a href="{U_POST_REPLY_TOPIC}" class="repondre_message">
          	Répondre
	</a>

<div class="navigation_message">
  	<a class="message_index" href="{U_INDEX}"><span>{L_INDEX}</span></a>
                
                {NAV_CAT_DESC_SECOND}
</div>

<div class="nom_sujet">
                  	<h1>
                          	{TOPIC_TITLE}
                  	</h1>
		</div>
  
  		
                <div class="pagination">
                  	{PAGINATION}
  		</div>
  		
{POLL_DISPLAY}
		<table class="message" style="background: #f2f5f2;" width="100%" border="0" cellspacing="0" cellpadding="0" >
			
				
					<div class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</div>
				
				
					<div class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</div>
				
	
                  		
					<tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" class="mise_en_forme_sujet_message">
						<td class="profil_message"{postrow.displayed.THANK_BGCOLOR} valign="top">
                  					<div class="avatar_profil_message">{postrow.displayed.POSTER_AVATAR}</div>
                  					<span class="name" id="{postrow.displayed.U_POST_ID}">{postrow.displayed.POSTER_NAME}</span>
                        				<span class="rang_profil">{postrow.displayed.POSTER_RANK}</span>
                               
                                                  	<div class="profil_message_contact">
                          					{postrow.displayed.PM_IMG} 
                          					{postrow.displayed.ONLINE_IMG}
                  					</div>
                                                  
                        				<div class="contenu_profil">
    								<span class="infos_profil">
                                          				<div class="contenu_infos_profil">
                                          					<div class="informations_profil">
                                                  					
                                                                                  {postrow.displayed.profile_field.LABEL} <span class="texte_profil_message">{postrow.displayed.profile_field.CONTENT}</span>{postrow.displayed.profile_field.SEPARATOR}
											
                                            					</div>
						
                                            					<div class="rpg_message_profil">
                                                  					{postrow.displayed.POSTER_RPG}
                                            					</div>
                                          				</div>
                                				</span>
                                 
                                				<span class="ouverture_sousforum">
                                                                  	<img src="https://i.imgur.com/HN8KvC8.png" alt="Profil Académie Waverly" />
                                                          	</span>
  							</div>
                  
                  					
                  
						</td>
		
                                          	<td {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%">
                  					<div class="date_message_boutons">
                          					<img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}
                          
                          					<div id="options_message">
                                  					{postrow.displayed.QUOTE_IMG} 
                          						{postrow.displayed.EDIT_IMG} 
                          						{postrow.displayed.DELETE_IMG}
                          					</div>
                                                          	
  								<div class="clear"></div>
                  					</div>
                  					
                                                  	<div class="postbody">
								<div>
                                                                  	{postrow.displayed.MESSAGE}
                                                          	</div>
                  					</div>
                  
                          				
                                                  		<div class="signature">
                                                                  	{postrow.displayed.SIGNATURE}
                                                  		</div>
                                                  	
                  	
						</td>
					</tr>
 
                  			<tr>
                                          	<td colspan="2">
                                                  	<div class="separation_message">
                                                  	</div>
                                          	</td>
                  			</tr>
					
		</table>
 
			
  			
			
	
  		
			<div class="pas_de_message">
          			{no_post.L_NO_POST}
  			</div>

<div class="pagination_message">
          	{PAGINATION}
  	</div>

<table class="footer_message">
  	<tr>
          	<td>
                  	<center>
                          	
					
						<div class="boutons_surveiller">
                                                  {S_WATCH_TOPIC}
                          			</div>
					
				
  				
					<a name="quickreply"></a>
					{QUICK_REPLY_FORM}<br />
				
  			
                  		<br />

<div id="moderer">
          					{S_AUTH_LIST}
  					</div>
				  
			</center>
          	</td>
  	</tr>
</table>

<br />
  
<div class="navigation_message">
  	<a class="message_index" href="{U_INDEX}"><span>{L_INDEX}</span></a>
                
                {NAV_CAT_DESC_SECOND}
</div>

<a href="{U_POST_NEW_TOPIC}" class="nouveau_message" rel="nofollow">
          	Nouveau
	</a>

<a href="{U_POST_REPLY_TOPIC}" class="repondre_message">
          	Répondre
	</a>

  
  
		
		

<div class="moderation_images_sujets">
  	{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.

#academywaverly #messageprofil #forumactif #codage #libreservice

Halloween