Welcome

Halloween Liste sujets

Magical State

Halloween, LS codage Forumactif Templates & Eléments Liste des sujets Liste des sujets Magical State

ModernBB

Optimisé Cette liste de sujet existe déjà sur la version Invision. Un index complet, une navigation et un message & Profil sont également disponibles. Le lien du forum sera disponible à son ouverture.

Retour

Codage liste des sujets Magical State Halloween Forumactif

CSS

/********************************************************* LISTE DES SUJETS *********************************************************/
/* Entête & Footer de la liste */
.boutons_footer_sujets {
    	text-align: center;
        font-family: Arial, sans-serif;
        color: #8f8a9e;
}

.boutons_surveiller {
        line-height: 3;
        background: url('https://imgur.com/ImeTTRT.png');
        color: #8f8a9e !important;
        display: inline-block;
        font-weight: 700;
        margin: 2% 0;
        padding: 1%;
        text-align: center;
        text-transform: uppercase;
        width: 25rem;
        font-size: 10px;
        font-family: Arial, sans-serif;
        margin: 2rem 1rem;
  	transition: .5s all;
}

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

.boutons_surveiller a {
  	color: #8f8a9e !important;
}

#moderer a {
        background: #759dac;
        color: #fff!important;
        display: block;
        font-size: 10px;
        line-height: 4;
        margin: auto;
        text-align: center;
        text-transform: uppercase;
        width: 250px;
}

#moderer {
    	font-size: 0;
}

/* Liste */
.liste_sujet {
        background: #fdfdfd;
        width: 99%;
        font-family: Arial, sans-serif;
        color: #8f8a9e;
        margin: 0 auto 1.8rem;
}

.titre_liste_sujet {
        width: 100%;
        background: url('https://imgur.com/ImeTTRT.png');
        color: #8f8a9e;
        display: block;
        font-size: 20px;
        font-weight: 700;
        margin: 1.5rem 0 0;
        padding: 3rem 0;
        text-align: center;
        text-transform: uppercase;
}

.contenu_liste_sujet {
        width: 100%;
        font-family: Arial, sans-serif;
        font-size: 10px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 1rem 0;
}

.sujets_liste {
    	width: 60%;
}

a.topictitle {
        color: #8f8a9e!important;
        font-family: arial;
        font-size: 14px;
        margin-right: 1%;
        text-transform: uppercase;
        font-weight: bold;
}

.sujets_liste a span strong {
    	font-weight: normal;
}

.description_liste_sujet {
        color: #939698;
        font-style: italic;
}

.dernier_message_sujet {
        background: #f4f4f4;
        border: 1px solid #ededed;
        color: #8f8a9e;
        font-size: 10px;
        padding: .5rem;
        text-align: center;
        width: 17rem;
}

.dernier_mess_sujet a span strong {
    	font-weight: normal;
}

Topic_list_box

<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
	var all_checked = true;
	for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
		if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
			all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
		}
	}
	document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
	for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
		if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
			document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
		}
	}
}
</script>

<div class="liste_sujet">
  	<div class="titre_liste_sujet">
          	{topics_list_box.row.L_TITLE}
  	</div>

<div class="contenu_liste_sujet">
  	
	<div class="box_sujets">
          	<input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
  	</div>
	
  
  	<img class="statut_sujet" title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
  
  	<div class="sujets_liste">
          	<h2 class="topic-title">
			<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
		</h2>
          	Posté par {topics_list_box.row.TOPIC_AUTHOR}<br />
                <div class="description_liste_sujet">
                       	
				{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
			
                </div>
          	<span class="gensmall">{topics_list_box.row.GOTO_PAGE}{topics_list_box.row.TOPIC_NAV_TREE} </span>
  	</div>
  
  	<div class="dernier_message_sujet">
          	{topics_list_box.row.REPLIES} messages
          
          	<div class="dernier_mess_sujet">
                  	{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}
          	</div>
  	</div>
  	
  	<div class="clear"></div>
</div>

{topics_list_box.row.END_TABLE_STICKY}
  
  

	</div>
	<span class="gensmall">{PAGINATION}</span>

Viewforum_body

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

#magicalstate #modernbb #listesujets #forumactif #codage #libreservice

Halloween