Welcome

Halloween Liste sujets

Raccoon

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

PHPBB2

Optimisé Un index complet est également disponible.

Retour

Codage liste des sujets Raccoon Halloween Forumactif

CSS

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

/* SCROLLBAR */
::-webkit-scrollbar {
    	width: 4px;
}

::-webkit-scrollbar-thumb {
    	background: #908383;
}

::-webkit-scrollbar-track {
    	background: #e0e0e0;
}

/********************************************************** LISTE SUJETS **********************************************************/
.bouton_nouveau {
        width: 800px;
        margin: 2% auto;
}

.ls_pagination {
        font-size: 10px;
        width: 800px;
        margin: -5% 0 0 0;
        text-align: right;
}

/* LISTE SUJETS */
.ls_sujet {
        background: #e3e3e3;
        border: 1px solid #c1bdb6;
        border-radius: 2px;
        box-sizing: border-box;
        font-size: 12px;
        letter-spacing: 2px;
        margin: 2% auto;
        padding: 1.6% 2%;
        width: 800px;
  	font-family: Calibri, Arial, sans-serif;
        height: 130px;
}

.liste_sujets a {
    	color: #838381;
}

.ls_informations, .ls_stats, .ls_content {
    	float: left;
}

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

.ls_informations {
  	width: 30%;
}

/* Auteur, Dernier posteur, Date */
.ls_auteur, .ls_dernier_date, .ls_dernier_posteur {
        background: #dfdcd8;
        border: 1px solid #c6c6c6;
        border-radius: 20px;
        font-size: 9px;
        margin: 0 0 5.8%;
        padding: 3%;
        box-sizing: border-box;
        height: 25px;
}

.ls_auteur a, .ls_dernier_posteur a, .ls_dernier_date a {
  	font-size: 9px;
}

/* STATISTIQUES */
.ls_stats {
        width: 6%;
        margin: 0 1%;
}

.ls_stats span {
        background: #dfdcd8;
        font-size: 9px;
        padding: 20% 1%;
        border: 1px solid #c6c6c6;
        border-radius: 2px;
        display: block;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
}

.ls_stats span:nth-child(5n+1) {
    	margin: 0 0 37%;
}

/* TITRE SUJET STATUT DERNIER */
.ls_content {
        width: 62%;
  	padding: 2.7% 0 0;
        text-align: center;
}

a.topictitle {
        text-transform: uppercase;
        font-weight: normal;
        color: #838381 !important;
        letter-spacing: 5px;
        margin: 0 0 2% 2%;
        display: inline-block;
}

.ls_dernier::before {
        display: block;
        border-bottom: 5px solid #4da7ba;
        content: "";
        width: 90%;
        margin: 0 auto 2%;
}

.ls_dernier img {
    	display: none;
}
.ls_dernier a {
        background: url(https://www.zupimages.net/up/18/46/r2ku.png);
        width: 214px;
        height: 13px;
        content: "";
        display: block;
        margin: auto;
}

/* STATUT */
.ls_statut {
    	margin: 2% 0 0;
}

/* OPTION */
.liste_sujet_options {
        width: 800px;
        margin: auto;
        font-size: 14px;
  	text-align: center;
}

.moderer {
    	font-size: 0;
}

.liste_sujet_options a {
        text-transform: uppercase;
        display: inline-block;
        background: #b72c5d;
        color: #fff;
        font-weight: bold;
        letter-spacing: 2px;
        padding: 1%;
        margin: 0 1% 2%;
        font-size: 10px;
}

/* AUCUN MESSAGE */
.ls_no_topics {
        width: 800px;
        text-align: center;
        font-size: 12px;
}

/* MODERER ET SURVEILLER */
.as_options_sujet a, .reponse_rapide input {
        background: #b72c5d;
        color: #fff;
        display: inline-block;
        font-size: 10px;
        font-weight: 700;
        line-height: 4;
        margin: 0 2%;
        text-transform: uppercase;
        width: 200px;
}

.as_options_sujet a:hover, .reponse_rapide input:hover {
    	background: #908383;
}

.as_options_sujet {
        text-align: center;
        margin: 3% 0;
}

.as_moderer {
        font-size: 0;
        width: 200px;
        text-align: center;
        margin: auto;
        display: inline-block;
}

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>
                  	<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
  		</div>
	
  
	
	<div class="ls_pagination">
		{PAGINATION}
	</div>

{topics_list_box.row.END_TABLE_STICKY}
  	
		<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>
	
  
	<div class="ls_sujet">
          	<div class="ls_informations">
                  	<div class="ls_auteur">
                  		Créateur du post : {topics_list_box.row.TOPIC_AUTHOR}
          		</div>
                  
                  	<div class="ls_dernier_posteur">
                          	Dernier message : {topics_list_box.row.LAST_POST_AUTHOR}
                  	</div>
                  
                  	<div class="ls_dernier_date">
                          	Ecrit le {topics_list_box.row.LAST_POST_TIME}
                  	</div>
          	</div>
          
          	<div class="ls_stats">
                  	<span>
                          	{topics_list_box.row.REPLIES}<br />Mess
                  	</span>
                  
                  	<span>
                          	{topics_list_box.row.VIEWS}<br />Vues
                  	</span>
          	</div>
          
          	<div class="ls_content">
                  	{topics_list_box.row.NEWEST_POST_IMG}{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>
                  	
                  	<div class="ls_dernier">
                          	{topics_list_box.row.LAST_POST_IMG}
                  	</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>
  	</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_no_topics">
                  	{topics_list_box.row.L_NO_TOPICS}
  		</div>

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

Viewforum_body

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

#raccoon #listesujets #forumactif #codage #libreservice

Halloween