Welcome

Halloween Liste sujets

Altered Minds

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

PHPBB2

Optimisé Un index complet est également disponible.
Réalisé pour le forum Altered Minds.

Ajouter la police

Pour ajouter la police de la maquette, coller le code suivant dans le template "Overall_header" avant "T_HEAD_STYLESHEET" (l.18) :

Codage liste des sujets Altered Minds Halloween Forumactif

CSS

/**************************************************** LISTE SUJETS ****************************************************/
.liste_sujets {
        width: 95%;
        border: 20px solid #f3f3f3;
        box-sizing: border-box;
        padding: 2% 0 2% 2%;
        margin: 2% auto;
  	color: #1a1a1a;
  	font-family: 'Maven Pro', sans-serif;
}

.ls_gauche {
        width: 50%;
        float: left;
}

.ls_droite {
        float: left;
        width: 40%;
}

.liste_sujets .topic-title a {
    	color: #1a1a1a !important;
  	text-transform: uppercase;
        font-weight: normal;
        font-size: 14px;
        margin: 0 0 0 1%;
}

.ls_auteur i {
        text-transform: lowercase;
        font-family: Times New Roman;
        letter-spacing: -1px;
        margin: 0 0 0 3%;
}

.ls_avatar img {
        float: left;
        width: 90px;
        height: 90px;
        object-fit: cover;
        padding: 1%;
        border: 1px solid #f3f3f3;
        margin: 0 2% 0 0;
}

.ls_informations {
        float: left;
        width: 62%;
        font-size: 12px;
        text-align: center;
        padding-top: 12%;
}

img.ls_statut {
        float: right;
        height: 95px;
        margin: 0 2% 0 0;
}

/* NOUVEAU ET LIENS */
.header_liste_sujets {
        width: 95%;
        margin: auto;
}

a.ls_nouveau {
        float: left;
        margin: 0 1% 0 0;
}

.nav {
        font-size: 0;
        padding: .8% 0 0;
        font-weight: normal;
        text-transform: uppercase;
}
     
.nav a { 
  	font-size: 12px;
}
         
a.nav:before {
  	content:" > ";
}
         
.nav > a.nav:empty:before, .nav > a.nav:first-child:before { 
  	content:"";
}

/* PAGINATION */
.liste_sujets .pagination {
        margin: 2% 2% 2% 0;
        text-align: right;
        color: #1a1a1a;
}

.liste_sujets .pagination a {
  	color: #1a1a1a;
}

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_sujets">
  	
	
  
  	
	<div class="pagination">
          	{PAGINATION}
  	</div>  
	
  
  	
  	
  	{topics_list_box.row.END_TABLE_STICKY}
  
  	<div class="ls_gauche">
          	
			<div class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">
                  		<input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
          		</div>
		
          
          	{topics_list_box.row.PARTICIPATE_POST_IMG}
		<h2 class="topic-title">
			<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">
                          	{topics_list_box.row.TOPIC_TITLE}
                  	</a>
		</h2>
          
          	<div class="ls_auteur">
                  	<i>Par</i> {topics_list_box.row.TOPIC_AUTHOR}
          	</div>
          
          	
			<div class="ls_description">
                          	{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
          		</div>
          	
          
          	<div class="ls_pagination">
                  	{topics_list_box.row.TOPIC_NAV_TREE} 
          	</div>
  	</div>
  
  	<div class="ls_droite">
          	
            		<div class="ls_avatar">
                          	{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}
          		</div>
            	
          
          	<div class="ls_informations">
                  	{topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}
                  	<div>
                          	{topics_list_box.row.REPLIES} réponses - {topics_list_box.row.VIEWS} vues
                  	</div>
          	</div>
  	</div>
  
  	<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="clear">
  	</div>
  

	<div class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></div>

	
	
	<div class="ls_aucun_sujet">
          	{topics_list_box.row.L_NO_TOPICS}
  	</div>
	
	<div class="pagination">
          	{PAGINATION}
  	</div>

</div><br class="gensmall" />

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

#alteredminds #listesujets #forumactif #codage #libreservice

Halloween