Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PHPBB2] Liste des sujets mal organisé

Voir le sujet précédent Voir le sujet suivant Aller en bas

Miss
Miss
https://at-the-shallow-end.forumsrpg.com

MessageMiss Mar 8 Sep 2020 - 18:53

  • Version du forum :
    PHPBB2
  • Templates modifiés :
    oui
  • Navigateur :
    Opera
Bonjour! 
J'espère que vous allez bien?

Nous rencontrons un léger souci avec un code pour la mise en place des sujets. 
Pour être le plus claire possible nous vous mettons des images du "bug" et de ce qu'on essai d’obtenir.

bug:

Comme vous pouvez le constater les sujets des membres se placent tout en haut, sauf le dernier posté qui se place sous les annonces et notes.

Voilà ce qu'on espérait obtenir à la base:
Sans le bug:

J'imagine que ça doit venir d'un ordre bien précis à avoir dans les Templates, mais j'avoue ne pas bien comprendre tout ce qui se passe à l'intérieure ^^'

En sachant que l'on à du CSS:
Code:
/********************************************************* LISTE SUJETS *********************************************************/
a {
  text-decoration: none !important;
  transform: all;
  transition: .5s;
}

a:hover {
  text-decoration: none !important;
  color: #fff !important;  
  transform: all;
  transition: .5s;
}

.clear {
  clear: both;
}


/* 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: #922828;
}

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

.boutons_footer_sujets {
    text-align: center;
    font-family: Roboto;
    font-size: 11px;
  }
.boutons_footer_sujets a {
  color: #fff !important;
   }
  
.boutons_surveiller {
    background: #b58157;
    color: #fff;
    display: inline-block;
    margin: 1%;
    line-height: 3;
    text-align: center;
    text-transform: uppercase;
    width: 350px;
}

.boutons_surveiller a {
    color: #fff !important;
}

#moderer a {
    display: block;
    background: #b58157;
    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: #eae6da;
    padding-top: 1%;
}

.titre_liste_sujet {
    background-image: url("https://i.servimg.com/u/f48/19/05/86/76/cate-t11.png");
    width: 800px;
    height: 40px;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    font-family: ailerons;
    margin-top: -10px;
}

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

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

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

a.topictitle {
    color: #57312a!important;
    font-family: ailerons;
    text-transform: uppercase;
    font-size: 13px;
    margin-right: 1%;
}
a.user {
  font-size: 10px;
}
.description_liste_sujet {
    color: #57312a;
    font-style: italic;
}

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

et les Templates modifiés sont:

TOPIC_LIST_BOX
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<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>
<!-- END multi_selection -->

<div class="liste_sujet">
   <div class="titre_liste_sujet">
           {topics_list_box.row.L_TITLE}
   </div>
  
  <!-- END header_table --><!-- BEGIN header_row --><!-- END header_row -->

<!-- BEGIN topic -->
<div class="contenu_liste_sujet">
   <!-- BEGIN single_selection -->
 <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>
 <!-- END single_selection -->
        
   <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="ALSBJ">{topics_list_box.row.ICON}</div><br/>
   <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>
          <a class="user"> Posté par {topics_list_box.row.TOPIC_AUTHOR}<br /></a>
                <div class="description_liste_sujet">
                       <!-- BEGIN switch_description -->
 {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
 <!-- END switch_description -->
                </div>
           <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END 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}
  
  
<!-- BEGIN multi_selection --><!-- END multi_selection -->
 <!-- END topic --><!-- BEGIN no_topics --><!-- END no_topics --><!-- BEGIN bottom --></div>
 <span class="gensmall">{PAGINATION}</span><a href="#top">{L_BACK_TO_TOP}</a>
<!-- END bottom --><!-- BEGIN footer_table -->
<!-- END footer_table --><!-- BEGIN spacer --><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

VIEWFORUM_BODY
Code:
            {BOARD_INDEX}

<!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" class="nouveau_message" rel="nofollow">
           Nouveau
 </a>
<!-- END switch_user_authpost -->
 
{TOPICS_LIST_BOX}

<div class="boutons_footer_sujets">
   <a href="{U_MARK_READ}" class="boutons_surveiller">
   {L_MARK_TOPICS_READ}
 </a>

   <div class="boutons_surveiller">
   {S_WATCH_FORUM}
 </div>

 <div id="moderer">
   {S_AUTH_LIST}
 </div>
</div>

<!-- BEGIN switch_user_logged_in -->
 <a href="{U_POST_NEW_TOPIC}" class="nouveau_message" rel="nofollow">
 Nouveau
 </a>
<!-- END switch_user_logged_in -->
        

J'espère avoir été claire et vous avoir donné le maximum d'information :)

Je vous remercie d'avance pour le temps que vous nous accorderez <3


Dernière édition par Miss le Mar 8 Sep 2020 - 21:18, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 8 Sep 2020 - 19:00

Hello Miss,
avant de commencer comment as-tu séparé les annonces etc etc:

Général/Messages et Emails/Configuration/Séparer les annonces et notes des autres sujets :
Coches
non
Miss
Miss
https://at-the-shallow-end.forumsrpg.com

MessageMiss Mar 8 Sep 2020 - 20:40

C'était si simple... je me sens un peu idiote de pas avoir pensé à cela ^^'

J'étais en séparé par une ligne.

Merci beaucoup tout est bien propre maintenant <3
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 9 Sep 2020 - 3:55

De rien Miss,

Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil



Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum