Welcome

Halloween Liste sujets

Wicked

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

Invision

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

Retour

Codage liste des sujets Wicked Halloween Forumactif

CSS

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

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

/* 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-family: Calibri, sans-serif;
        font-weight: bold;
        font-size: 10px;
}

.pagination_forum a {
  	color: #858386;
}

/* LIGNE SUJET */
.contenu_liste_sujets {
        width: 95%;
        margin: 1% auto;
        background: #cecbcc;
        border: 1px solid #adaeb1;
        padding: 1%;
        box-sizing: border-box;
        color: #6a6e74;
        text-transform: uppercase;
  	font-family: Calibri, sans-serif;
        font-weight: bold;
        letter-spacing: .5px;
}

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

.contenu_liste_sujets a {
  	color: #6a6e74;
}

.contenu_liste_sujets .center {
        width: 80%;
  	float: left;
        text-align: left;
}

a.topictitle::after {
        display: block;
        content: "";
}

img.ls_statut {
        float: left;
        margin: 1.2% 4% 0 0;
}

.contenu_liste_sujets .vues {
        background: #e3e0e2;
        border: 1px solid #b6b5b7;
        float: right;
        text-align: center;
        padding: 1%;
        color: #e47492;
        margin: 0 5% 0 0;
}

/* 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%;
  	font-family: Calibri, sans-serif;
        font-weight: bold;
        text-align: center;
}

.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%;
}

/* PAS DE SUJET */
.pas_de_sujet {
        text-transform: uppercase;
        font-style: bold;
        color: #62676e;
        text-align: center;
        margin: 2% 0;
}

Topic_list_box

<script type="text/javascript">
					//<![CDATA[
					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>

<table class="liste_sujets">
			
				<div class="contenu_liste_sujets">
                                  	<img class="ls_statut" 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="center">
                                          	
							<input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
						
                                          
                                          	{topics_list_box.row.PARTICIPATE_POST_IMG}  {topics_list_box.row.TOPIC_TYPE} 
						<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">
                                                  	{topics_list_box.row.TOPIC_TITLE}
                                          	</a>
                                          
                                          	Ce sujet a été écrit par {topics_list_box.row.TOPIC_AUTHOR}
                                          	<br />
                                          	Le dernier message a été posté {topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}
                                  	</div>	
                                  
                                  	<div class="vues">	
                                          	{topics_list_box.row.VIEWS}<br />vues
                                  	</div>
                          	</div>

<div class="pas_de_sujet">
                                          	{topics_list_box.row.L_NO_TOPICS}
                          		</div>

</table>

<br />

Viewforum_body

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

{BOARD_INDEX}

{TOPICS_LIST_BOX}

<div class="boutons_moderation">
  	
		<a href="{U_MARK_READ}">
                  	{L_MARK_FORUMS_READ}
  		</a>
	
  
  	<div class="surveiller">
          	{S_WATCH_FORUM}
  	</div>
  	
  	<div class="bouton_moderer">
          	{S_AUTH_LIST}
  	</div>	
</div>

<br />
<div class="activeusers clearfix">
    <ul class="ul-icons">
        <li><img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" /> {L_FOLDER_NEW_IMG}</li>
        <li><img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" /> {L_FOLDER_IMG}</li>
        <li><img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" /> {L_FOLDER_HOT_NEW_IMG}</li>
        <li><img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" /> {L_FOLDER_HOT_IMG}</li>
    </ul>
    <ul class="ul-icons">
        <li><img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" /> {L_FOLDER_LOCKED_NEW_IMG}</li>
        <li><img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" /> {L_FOLDER_LOCKED_IMG}</li>
        <li><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" /> {L_FOLDER_ANNOUNCE_IMG}</li>
        <li><img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" /> {L_FOLDER_STICKY_IMG}</li>
        <li><img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" /> {L_FOLDER_GLOBAL_ANNOUNCE_IMG}</li>
    </ul>
</div>

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

#wicked #listesujets #forumactif #codage #libreservice

Halloween