Welcome

Halloween Liste sujets

Academy Waverly

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

Invision

Optimisé Une page d'accueil est également disponible ainsi que quelques fiches

Retour

Codage liste des sujets 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;
}

/********************************************************* LISTE SUJETS *********************************************************/

/* 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;
    margin: 2% 0;
}

.nouveau_message {
    background: #eba48f;
}

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

.boutons_footer_sujets {
    text-align: center;
    font-family: Cambria;
    font-size: 12px;
}

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

.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;
    font-size: 11px;
    margin: auto;
    text-align: center;
}

#moderer {
    font-size: 0;
}

/* Liste */

.liste_sujet {
    background: #f2f5f2;
    padding-top: 1%;
}

.titre_liste_sujet {
    background: #e2efe1;
    width: 100%;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    font-family: georgia;
    padding: 2% 0;
}

.contenu_liste_sujet {
    width: 100%;
    margin: 1% 0;
}

.statut_sujet {
    float: left;
    margin-right: 2%;
}

.sujets_liste {
    float: left;
    width: 60%;
}

a.topictitle {
    color: #7e8792 !important;
    font-family: arial;
    text-transform: uppercase;
    font-size: 16px;
    margin-right: 1%;
}

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

.dernier_message_sujet {
    color: #b6b6b6;
    float: right;
    font-size: 13px;
    margin-right: 4%;
    text-align: center;
    width: 18%;
}
.dernier_mess_sujet {
    color: #6c676e;
    text-transform: lowercase;
    font-size: 13px;
}

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><a href="#top">{L_BACK_TO_TOP}</a>

Viewforum_body

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

#academywaverly #listesujets #forumactif #codage #libreservice

Halloween