Welcome

Halloween Liste sujets

Noire & Blanche

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

Invision

Optimisé Existent une page d'accueil, des catégories et un qui est en ligne

Retour

Codage liste des sujets noire et blanche Halloween Forumactif

CSS

/********************* LISTE SUJETS *********************/
.fond_titre {
    background: url('https://img11.hostingpics.net/pics/168287texture.jpg');
    width: 95%;
    padding: 5% 0 5% 5%;
    letter-spacing: 5px;
    font-size: 24px;
    text-transform: uppercase;
    font-style: italic;
    color: #fff;
    position: relative;
    z-index: 2;
}

.fond_titre h2 {
    letter-spacing: 5px;
    font-size: 24px;
    text-transform: uppercase;
    font-style: italic;
    color: #fff;
    margin: -2% 0 0 5%;
    font-weight: normal;
}

.symbole_titre {
    color: #36cb98 !important;
    font-style: normal;
    font-size: 30px;
}

.listing_subject {
    left: -5px;
    position: relative;
    background: #fff;
    border: 1px solid #1c1c1c;
    border-left: 5px solid #1c1c1c;
    width: 1100px;
    margin: auto;
}

#liste_sujets {
    background: #fff;
    width: 90%;    
    padding: 3% 5% 1% 5%;
}

#liste_sujets_gauche {
    width: 75%;
    float: left;
}

#statut_liste_sujet {
    margin-left: 2%;
}

#footer_sujets {
    background: url('https://img11.hostingpics.net/pics/390440footer.png') no-repeat bottom left #fff;
    height: 125px;
}

/* Nom du sujet */
.topictitle {
    text-transform: uppercase;
    color: #000 !important;
    letter-spacing: 3px;
    font-size: 18px;
    transform: all;
    transition: 0.8s;
    position: relative;
    z-index: 3;
}

.topictitle:hover {
    transform: all;
    transition: 0.8s;
    color: #36cb98 !important;
}

/* Description sujet */

.forum-desc {
    width: 96%;
    padding: 1%;
    color: #fff;
    background: url('https://img11.hostingpics.net/pics/168287texture.jpg');
    margin-top: 2%;
}

.forum-desc::before {
    content: "▲";
    margin-top: -18px;
    float: left;
    color: #1c1c1c;
    font-size: 18px;
    margin-left: 2%;
}

#pseudo_sujets {
    text-transform: uppercase;
    letter-spacing: 2px;
}

#reponses, #vues {
    width: 20%;
    display: inline-block;
    background: #e6e6e6;
    margin: 2% 2% 0.1% 0;
    text-align: center;
    color: #000;
    padding: 1%;
    text-transform: uppercase;
}

#dernier_message_sujets {
    background: url('https://img11.hostingpics.net/pics/168287texture.jpg');
    width: 16%;
    text-align: center;
    float: left;
    padding: 1% 2%;
    color: #fff;
    font-style: italic;
    font-family: 'Heebo';
    position: relative;
    margin-left: 5%;
}

#dernier_message_sujets a {
    color: #fff !important;
    font-style: normal;
    font-weight: normal !important;
    transform: all;
    transition: 0.8s;
}

#dernier_message_sujets a:hover {
    color: #37cb99 !important;
    transform: all;
    transition: 0.8s;
}

/* Avatar */

.lastpost-avatar img {
    width: 50px;
    height: 50px;
    margin: auto;
    border-radius: 50%;
    padding-bottom: 5%;
    object-fit: cover;
}

.lastpost-avatar {
    float: none;
    padding: 2px;
}

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>

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

<div class="fond_titre">
                   <span class="symbole_titre">▷</span> {FORUM_NAME}
 </div>

<div id="liste_sujets">
                           <div id="liste_sujets_gauche">
                                   
 <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
 
                                  <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" id="statut_liste_sujet" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /> {topics_list_box.row.ICON} <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a> <i>by</i> {topics_list_box.row.TOPIC_AUTHOR}
                                   <p class="forum-desc">
                                   {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</p>
 {catrow.forumrow.FORUM_DESC}
                                   <div class="clear"></div>
                                   <div id="reponses">{topics_list_box.row.REPLIES} réponses</div>
                                   <div id="vues">{topics_list_box.row.VIEWS} vues</div>
                           </div>
                           <div id="dernier_message_sujets">
                                   
                                   <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                                   <br />
 {topics_list_box.row.LAST_POST_TIME}
 <br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}
                           </div>
                           <div class="clear"></div>
 </div>

<strong>{topics_list_box.row.L_NO_TOPICS}</strong>

<div id="footer_sujets"></div>

<br />

Les images :

Annonce globale liste sujets noire et blanche Halloween invision

Annonce liste sujets noire et blanche Halloween invision

Note liste sujets noire et blanche Halloween invision

New liste sujets noire et blanche Halloween invision

No new liste sujets noire et blanche Halloween invision

Lock liste sujets noire et blanche Halloween invision

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

#noireetblanche #listesujets #forumactif #codage #libreservice

Halloween