Widget dernier sujet qui n'apparaît pas

2 participants

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

Résolu Widget dernier sujet qui n'apparaît pas

Message par Hitoki Lun 12 Aoû 2024, 14:30

Détails techniques


Version du forum : PunBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://deliquescence.actifforum.com/

Description du problème

Bonjour à vous Smile

Je rencontre un souci, que je pense venir d'un codage.

Sur mon forum test, le widget derniers sujets apparaissait. Cependant, quand je fais les même manipulations, rien ne se passe.

Ici, vous avez les captures des réglages du Widgets : https://imgur.com/a/nd3LO4Y

Et ci dessous, je vous mets le codage java utilisé

Code:
$(function(){
      $('#fond_acc').append($('#footer_widgets'));
    });

Les autres codes Javas utilisé

Code:
$(function(){
    $.get($("#dernier_membre a[href^='/u']")[0].href,function(d){
    (a=$("#avatar_membre img",$(d))).length&&$("#avatar_dernier_membre").html(a);})
    });

Code:
$(function(){
              $("body").append('<div class="boutonhautbas"><a href="#top"><img src="https://i.imgur.com/goVrHj8.png" alt="Aller en haut" /></a> <a href="#bottom"><img src="https://i.imgur.com/oD9MwDf.png" alt="Aller en bas" /></a></div>');
    });

Code:
$(function() {
        // clic sur un onglet
        var d = function() {
            // si l'onglet est déjà actif, ne rien faire
            if ($(this).is(".selected")) return;
            // affiche le contenu correspondant et on met l'onglet en sélectionné
            var a = $(this).closest(".systab");
            a.find(".selected").removeClass("selected").filter(".content")[a.is(".s_slide") ? "slideUp" : a.is(".s_fade") ? "fadeOut" : "hide"](+((a.attr("class") || "").match(/^[sS]*(?:^|s)s_trans([0-9]+)(?:s|$)[sS]*$/) || ["", 500])[1]);
            $(this).addClass("selected").data("content").addClass("selected").stop(!0, !0)[a.is(".s_slide") ? "slideDown" : a.is(".s_fade") ? "fadeIn" : "show"](+((a.attr("class") || "").match(/^[sS]*(?:^|s)s_trans([0-9]+)(?:s|$)[sS]*$/) || ["", 500])[1])
        };
        // pour chacun des systèmes d'onglets
        $("div.systab").each(function() {
            var a = $("> div", this).detach(),
                c = this,
                b;
            // on ajoute le conteneur d'onglet avant ou après ( si s_bottom )
            $(this).html('<div class="' + ($(this).is(".s_bottom") ? "contents" : "tabs") + '"></div><div class="' + ($(this).is(".s_bottom") ?
                "tabs" : "contents") + '"></div>');
            $(a).each(function() {
                b = $(this).children(":first");
                b.is("span") ? (
                    $("> div.tabs", c).append($(b).addClass("tab").data("content", $(this))), $(this).addClass("content").data("tab", b)) : $(this).remove()
            });
            $("> div.contents", this).append(a);
            b = $(".content:first,.content.selected", this).last();
            $(b).addClass("selected").siblings().hide();
            $(b).data("tab").addClass("selected")
        }).on("click", ".tab", d).filter(".s_hover").on("mouseenter", ".tab", d)
    });

Et voilà mon css

Code:
/****************************** fleches haut bas ************************************/

    .boutonhautbas {
  bottom: 40px;
  position: fixed;
  right: 70px; /* remplacez right par left pour afficher les boutons à gauche */
  z-index: 100;
    }

.boutonhautbas a {
  display: block;
    }



/********************************* Design ***************************************/

.layout_IE {
  background-size: cover;
}


/* Barre de Menu*/

div#pun-navlinks {
  background: #090915 !important;
}

#pun-head{
    background: #090915;
  border-bottom: 1px solid #530f04;
  font-variant: small-caps;
  left: 0;
  margin-right: 0;
  padding: 10px;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 999;
}


/* Banniere */

#pun-intro{

  border-left: 1px solid #262841;
  border-right: 1px solid #530f04;
  height: 808px;
  margin: 0;
  padding: 0;
  width: 1102px;
}


/* Corps du forum */

#main-content {
  border-left: 1px solid #262841;
  border-right: 1px solid #530f04;
  margin: -20px 0 20px 0;
  padding: 80px  15px 25px 15px;
}

#page-body {
  background: #070001;
  margin: -180px 0 0  0;
  width: 1102px;
}

/* Bas du forum */

 #pun-foot{
 background: #070001;
  border-left: 1px solid #262841;
  border-right: 1px solid #530f04;
    bottom: 0;
  margin: -25px 0 -5px 0;
  padding: 0;
  width: 1102px;
 
}
.main .main-head, .main .main-foot {
background: #070001 !important;
  border: none !important;
   
}
/* Bordures */

#pun-about, #pun-visit {
  border: none;
}

.main-box.clearfix {
    border: 1px solid  #530f04 !important;
}

/* margin et padding du forum */

* {
  margin: 0;
  padding: 0;
}


/* Police et corps du forum */

body {
  background-size: cover;
    font-family: Palatino linotype,Arial,Helvetica,sans-serif;
  background-repeat: no-repeat;
  background-position: top center;
  padding:0;
}


/* Gras */

gras {
  color: #b37881;
  font_size: 15px;
  font-variant: small-caps;
  font-weight: bold;

}

/* Lien */

a {
  text-decoration: none !important;
}
7
/* Boite de message */

.postmain blockquote, .codebox + blockquote,  .pun .frm-form  ul.frm-info, input.post, input.mainoption, input[type=button], input.button2, input.inputbox.medium, .input[type=submit], .input[type=text], .input[type=name]{
background: #100000 !important;
      border: 1px solid  #530f04;
  color: #E0E0E0 !important;
}

input.inputbox, input, .pun .main .main-content p.message {
 background: #101018 !important;
      border: 1px solid #530f04;
  color: #E0E0E0 !important;
}

.pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea, fieldset.frm-set textarea.inputbox, #text_editor_textarea, .textarea{
 background: #100000; !important;
      border: 1px solid #530f04;
  color: #fff !important;
 padding: 10px 5px;
  width: 60%;

}

/* Bouton input */

 #profile_field_4_-12_1, #profile_field_4_-12_2, #profile_field_13_1, #profile_field_13_3, #profile_field_3_10{
 background: #100000;
      border: 1px solid  #530f04;
  border: 0;
  border-radius: 20px;
  font-size: 13px !important;
  font-size: 1.3rem;
  font-variant: small-caps;
  padding: 5px 10px;
}

 .pun select, .sceditor-container iframe, .sceditor-container textarea,
.sceditor-container ltr sourceMode, .sceditor-container {
 background: #100000 !important;
  border: none !important;
  color: #E0E0E0 !important;
      font-family: Palatino linotype,Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 5px 10px;
}

/* Centrage et alignement boutons messagerie */

 p.paging {
  border-radius: 20px;
  display: inline;
  font-variant: small-caps;
  text-align: center;
  margin-left: 180px !important;
}

/* Editeur smiley */

div#sceditor_smilie, #smilies_categ{
 background: #1a1730;
  border: 1px solid #530f04;

}

/* annulement float */

.clear {
  clear: both;
}


/* Fond citation et blockquote */

blockquote, .codebox {
  background: #1F0207;
  border: 1px solid #530f04;
  color: #fff !important;
  text-shadow: none;
}


.postmain cite {
  font-style: italic;
  font-weight: normal !important;
  padding: 15px 15px;
  text-align: justify;
}

.postmain cite:before {
  content:  "“";
  font-size: 25px;
  padding: 10px 10px;}

.postmain cite:after {
  content:  "”";
  font-size: 25px;
  padding: 10px 10px;}



.postmain {
  margin: 0;
}

#smiley-box{
 background: #00000a;
  border: 1px solid #2b3c57;
  float: none;
 width: 840px;
}
div.posting-block {
  color: #fff !important;
  float: none;
  width: 850px;
}

#tabs ul li.activetab a
{
  color: #ffffff !important;
}
/****************************************** Chatbox ***************************************/

/* écriture chat box*/

input#message.post {
  border: none;
    font-size: 12px !important;
}

/* titre chat box*/
    #chatbox_header a.chat-title {  font-size: 14px !important;
}

#chatbox_header {
background: #101013;
}
 
    /* alignement cb */

div#chatbox.ltr { background: #101013;
    padding: 5px 10px;
  text-align: justify;

}

/* arrondi coins chat box*/

object#frame_chatbox{
    background: #101013;!important;


}

div#chatbox.ltr{
background: #101013;

}

.main-content chatbox clearfix {
background: #101013;
}

/*Chatbox titre*/

input#submit.button[value="Envoyer"], #submit_button[value="Envoyer"], #chatbox_footer #message  {
    background: #1a2132;
  color: #fff;
  font-size: 14px;


 
}
 
  /* marge Chat box */

    #chatbox_header, #chatbox_footer,    body.chatbox .catBottom {
          background-color: #262841;
    }
   
    body.chatbox, #chatbox, #chatbox_members, #chatbox_channels {
    background: #101013;

    }

#chatbox .chatbox_row_1 {
background: #101013;
  margin: 0px;
}

#chatbox .chatbox_row_2 {
background: #101013;
  margin: 0px;
}


.chatbox .msg span[style="color: red"]{
color: #56609c !important;
}

div#chatbox_members {
    text-align: justify;
}


#chatbox_footer .catBottom {
  border: none;
  background-image: none;
  background: #101013; !important;

}



/****************************************** Barre de Connexion  ***************************************/


/* Fond */

div.main-box.clearfix, .user_login_form.main-box.center{
    background: #090915 !important;
  border-bottom: 1px solid #530f04;
  border-radius: 20px 20px;
  margin-bottom: 30px;
  margin-left: 10px;
  padding: 10px;
  width: 1050px;
}






/****************************************** Recherche simplifiée ***************************************/

div#search_menu.overview.row3 {
 background-color: #1a2132;
      border: 1px solid #530f04
  border-radius: 0 0 20px 20px;
  margin: 20px 0 0 0;
  padding: 5px;
  font-family: Palatino linotype,Arial,Helvetica,sans-serif;
  opacity: 0.8;
}


/****************************************** Faq_body ***************************************/


/* Titre */

.titreFAQ {
  color: #fff;
  font-family: 'Metamorphous', cursive !important;
  font-size: 20px;
  font-variant: small-caps;
  font-weight: bold;
  margin-left: 50px;
  text-align: center;
}

/* Fond */

.faq.main-content{
  background-color: #1a1730;
  border: 1px solid #530f04;
  border-radius: 20px 20px;
  margin: auto;
  padding: 10px;
  width: 1050px;
}

/****************************************** Groupcp_user_body ***************************************/

/* Titre */

.titregroupe{
  font-family: 'Metamorphous', cursive !important;
  font-size: 20px;
  font-variant: small-caps;
  font-weight: bold;
  margin-left: 50px;
  text-align: center;
}

/* Fond */

 .fondgroupe{
  background-color: #1a1730;
      border: 1px solid #530f04;
  border-radius: 20px 20px;
  margin: auto;
  padding: 10px 10px;
  width: 1050px;
}

/****************************************** Privmsgs_body ***************************************/

/* Float case à cocher */

.blockg {
  float: right;

}

/* Liens dessus */

.liensmp, .optionsbm  { 
 background-color: #101013;
      border: 1px solid #530f04;
  border-radius: 20px 20px;
  font-variant: small-caps;
  margin: 0 0 0 10px;
  padding: 10px  5px ;
  text-align: center;
  width: 1050px;
  z-index: 50px;
}

/* Fond sombre */

.bloc_mp { 
 background-color: #101013;
      border: 1px solid #530f04;
  border-radius: 20px 20px;
  margin: 0 0 0 10px;
  padding: 20px;
  width: 1050px;

}

/* Fond clair */

.fondmp{
 background: #1a1730;
  border: 1px solid #530f04;
  border-radius: 20px 20px;
  font-variant: small-caps;
  margin-bottom: 20px;
  padding:  10px;
  text-align: justify;
  z-index: 50px;
}

/* Boutons Input */

input[value="Sauvegarder la Sélection"], input[value="Marquer comme lu"], input[value="Marquer comme non lu"], input[value="Supprimer la sélection"], input[value="Tout supprimer"]  {
  background: none !important;
  border: none;
  color: #fff !important;
  font-family: none;
  font-size: 16px;
  font-variant: small-caps;
}


input:hover[value="Sauvegarder la Sélection"], input:hover[value="Marquer comme lu"], input:hover[value="Marquer comme non lu"], input:hover[value="Supprimer la sélection"], input:hover[value="Tout supprimer"]  {
color: #9CB6E7 !important;
 
}


/************************ Template messagerie *********************************/

.block_messagep {
 
 background-color: #101013;
      border: 1px solid #530f04;
    margin: auto;
  padding: 10px;
  width: 1000px;
}

.pun input[value="Sauvegarder le Message"], .pun input[value="Supprimer le message"] {
    background-color: #0b1626;
border: 1px solid #2b3c57;
  border-radius: 10px 10px;
  color: #fff;
  font-family: Palatino linotype,Arial,Helvetica,sans-serif;
  font-size: 14px;
    margin: 10px 10px;
  padding: 10px 10px;
}

.blockname_mp {
 
  background-color: #101013;
  border: 1px solid #530f04;
  border-radius: 10px 10px 0 0;
  border-bottom: none;
  height: 50px;
  margin: auto;
  padding: 10px;
  width: 1000px;
}

.dates_mp {
    background: #1a1730;
  border: 1px solid #530f04;
  border-bottom: none;
  color: #fff;
    font-family: Palatino linotype,Arial,Helvetica,sans-serif;
  font-size: 12px;
  margin: auto;
  padding: 10px 10px;
    width: 1000px;
}

.pagination_mp { 
  background-color: #101013;
      border: 1px solid #530f04;
  margin: auto;
  padding: 10px 10px;
    width: 1000px;
}

    /****************************************** Index_box ***************************************/
   
    /********Catégories**********/
    *{
      box-sizing: border-box;
    }
    .d-flex {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-evenly;
      flex-direction: row;
      align-content: stretch;
    }
   
    .titre_categorie h2{
  font-family: 'Metamorphous', cursive !important;
      font-size: 40px;
      color: #fff;
  font-variant: small-caps;
      margin-top: -25px;
      text-align: center;
    }
   
    .colonne{
    background: #101013;
  border: 1px solid #530f04;
      border-radius: 20px 20px;
      height: 500px;
      margin: 5px 5px 20px 5px;
      width: 310px;
          }
   
    .titre_forum {
      background: #100000;
      border-radius: 20px 20px 0 0;
  display: block;
    font-family: 'Metamorphous', cursive !important;
      font-size: 17px;
      height: 45px;
    letter-spacing : 0px;
      overflow: hidden;
  padding: 10px 10px;
      text-align: center;
   
    }
   
 

    .forum_descover {
      width: 100%;
      height: 200px;
    }
   

    /* description */

.frm_desc {
  background: #1a1730;
  border: 1px solid #3c414c;
  border-radius: 20px 20px;
  height: 185px;
  margin: 8px 9px;
  padding: 12px 12px;
  text-align: justify;
  width: 290px;
   
    }

/* Overflow description */

  .descri_scroll {
  height: 165px;
  overflow: auto;
  padding-right: 10px;
  scrollbar-color: #101018 #ffffff;
  scrollbar-width: thin;
  text-align:justify;
  word-break: break-word;
  yphens: auto;
    -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 -o-hyphens: auto;;

   
    }

    .milieu_cate {
  margin-bottom: 40px;
}
 
    .last_post{ 
  margin: 25px 0 0 10px;
      text-align:center;
      height: 145px;
      width: 135px;
      padding: 10px 10px;
    }

  .no_new {
  background: url(https://i.imgur.com/226i0gY.png);
  height: 205px;
  width: 150px;
}
 
  .new {
  background: url(https://i.imgur.com/tt4i64E.png);
  height: 205px;
  width: 150px;
}

  .locked {
  background: url(https://i.imgur.com/BQJYAh6.png);
  height: 195px;
  width: 150px;
}



.liens_sous_forums {
  height: 145px;

    }

.nombre_m {
    background: #100000;
      border-radius: 0 0 20px 20px;
  margin-top: 5px;
  padding: 10px 10px;
      text-align:center;
  width: 100%;
}
/****************************************** Index_body ***************************************/

/* Fond QEEL */

#fond_qeel {
  background: url('https://i.imgur.com/onQcQBZ.jpeg')  no-repeat center 0;
    border: 1px solid #530f04;
  border-radius: 20px 20px;
  height: 800px;
  margin: 10px 10px;
  width: 1050px;
}



.stats {
 
  margin: 25px 0 0 20px;
}

/* Statistiques et nombre de connectés */

.new_m  {
    background: #101013;
  border: 1px solid  #262841;
  border-radius: 0 20px 20px 0;
  float: right;
  height:  120px;
  margin: 5px 60px 0 10px;
  padding: 10px;
  text-align: center;
  width: 280px;
}
span#avatar_dernier_membre img {
  border-radius: 20px 0 0 20px;
  float: right;
  height: 120px;
  margin: 5px 0 0 0;
  width: 90x;
}
.nombre_mem  {
    background: #101013;
  border: 1px solid  #262841;
  border-radius: 0 20px 20px 0;
  float: right;
  height: 100px;
  margin: 10px 55px 0 20px;
  padding: 10px;
  text-align: center;
  width: 180px;
}

.nombre_mess{
    background: #101013;
  border: 1px solid  #262841;
    border-radius: 20px 0 0 20px;
  float: right;
  height: 100px;
  margin: 10px 10px 0 10px;
  padding: 10px;
  text-align: center;
  width: 180px;
}


.co {
 background: #101013;
  border: 1px solid #530f04;
      border-radius: 20px 20px;
    height: 190px;
    margin: 20px 0 0 600px;
  overflow: auto;
  padding: 10px 20px;
  text-align: justify;
  width: 400px;
}


.chiffre_qeel {
  font-size: 35px
}

.groupe {
background: #101013;
  border-radius: 0 0 20px 20px;
    font-family: 'Metamorphous', cursive !important;
  font-variant: small-caps;
  margin: 29px 0 0 0;
  padding: 15px;
  text-align: center;
  width: 1047px;
}


/* Nombre de membre en 24 h */

.co_24h {
background: #101013;
  border: 1px solid #530f04;
      border-radius: 20px 20px;
  height: 210px;
  margin: 20px 0 0 600px;
  padding: 10px 20px;
  overflow-y: auto;
  text-align: justify;
  width: 400px;
 
}

/* partenaires footer */

.parter_footer {
background: #130d0d;
  border: 1px solid #530f04;
  border-radius: 20px 20px;
  padding: 10px 10px;
  margin: 20px 0 0  25px;
  width: 1050px;
}

.parter_footer img {
  border-radius: 5px 5px;
  margin: 6px;
      filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);

}

.parter_footer img:hover {  filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
 

}

.disclaimer {
  margin-top: 15px;
  text-align: center;
}


.titre_qeel {
font-variant: small-caps;
}

/****************************************** topics_list_box ***************************************/


/* Fond liste topic */

.liste_top, .aucunm {
 background-color: #101013;
      border: 1px solid #530f04;
  border-radius: 20px 20px;
  height: 98px;
  padding: 10px 10px 10px 10px;
  margin: 10px 10px;
  text-align: justify;
  width: 1050px;
}

/* Statistiques */

.dernier_posteur {
    background: #1a1730;
  border: 1px solid #530f04;
  border-radius: 10px;
  float: right;
  margin: 0 30px 0 0;
  padding: 10px;
  text-align: center;
}

/* Image status */

.status img, span.status {
  margin-right: 10px;
}

/****************************************** Memberlist_body ***************************************/



/* Rechercher un utilisateur */

.utilisateur{
  color: #fff;
  font-family: 'Metamorphous', cursive !important;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

/* Fond rechercher un utilisateur */

.rechercheruti {
 
background-color: #1a1730;
  border: 1px solid #530f04;
  border-radius: 20px 20px;
  padding: 10px;
margin: auto;
  width: 1030px;
}


    .bloc_membre {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center;
      margin: 10px;
    }

/* Contenant */

 #liste_membres {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-around;
    }

/* Pseudo */

.nomm  {
  background: #100000;
font-family: 'Dancing Script', cursive !important;
  font-size: 22px;
  font-style: normal;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
  text-shadow: 1px 0 1px #AC6E81;
  width: 190px;

}

/* Float gauche */

.fond_liste_membre {
background-color: #1a1730;
  border: 1px solid #530f04;
  border-radius: 0 0 20px  20px;
  border-radius:  0 20px 20px 0;
  color: #fff;
  height: 160px;
  padding: 10px;
  text-align: center;
  width: 215px;
}



/* Petit avatar */

.avatar_mini {
  border: 1px solid #530f04;
  border-radius: 20px 0 0 20px;
  height: 159px !important;
  width: 119px !important;
}
.avatar_mini img{
  border: 1px solid #530f04;
  border-radius: 20px 0 0 20px;
  height: 159px !important;
  width: 119px !important;
}


/****************************************** Profile_view_body ***************************************/

/* Contenant */

#block_profil {
  background: #101013;
    border: 1px solid #530f04;
  display: block;
  Palatino linotype,Arial,Helvetica,sans-serif;
  height: 410px;
  margin: auto;
  width: 850px;
}


/* Bloc profil */

.bloc_profil2 {
  margin-left: 9px;
}

/* Fond information profil */

div.info_profil2 {
 background: #1a1730;
      border: 1px solid #530f04;
      border-radius: 20px 20px;
  float: left;
  font-style: normal !important;
  height: 290px;
  padding: 10px 10px;
    margin: 15px 0 0 15px;
  width: 245px;


}


/* bloc fiche personnage */

div.fiche_perso2 {
background: #1a1730;
      border: 1px solid #530f04;
      border-radius: 20px 20px;
  float: left;
  font-style: normal !important;
  height: 290px;
  padding: 10px 10px;
    margin: 15px 0 0 15px;
  width: 245px;
 
}


/* Marge gauche bouton e-mail */

#i_icon_email, #i_icon_pm {
background: #1a1730;
      border: 1px solid #530f04;
      border-radius: 20px 20px;
  margin: 15px 15px;
  padding: 10px 10px;
}

/* Boutons MP EMAIL */



 .avat img{
  display: block;
    float: left;
  height: 400px;
  width: 300px;
}

/* Fond nom */

 .blockname2 {
 background: #100000;
  border: 1px solid #530f04;
  border-radius: 10px 10px 0 0;
      justify-content: center;
  height: 70px;
    align-items: center;
  margin: auto;
  padding: 10px 10px;
  text-align: center;
  width: 850px;

}

/* Nom */

div.name2 {
    font-family: 'Dancing Script', cursive !important;
    font-size: 30px;
  margin: auto;
  text-align: center;
 
}


/****************************************** Viewtopic_body ***************************************/

#fond_profil {
 background-color: #101018;
  border: 1px solid #530f04;
  border-bottom: none;
  border-top: none;
  display: block;
  font-size : 17px;
  height: 404px;
  margin: auto;
  width: 850px;
}

/* Contenant*/

.gros_bloc {
  border-bottom: none;
  margin: 10px 0 45px 0;
}

/* Titre Sujet */

.page-head {
  margin-top: -20px;
  text-align: center;
  width: 100%;
}

.paged-head h1 {
  color: #fff;
  font-family: 'Metamorphous', cursive !important;
  font-size: 35px;
  font-weight: bold;
  text-align: center;
  width: 1050px;
}

/* Navigation */

.fond_navig {
  font-style: italic;
  margin-top: -15px;
  padding: 10px;
  text-align: center;
  width: 1050px;
}

/* Fond nom */

.block_name {
background: #100000;
      border: 1px solid #530f04;
  border-radius: 10px 10px 0 0;
      justify-content: center;
  height: 85px;
    align-items: center;
  margin: auto;
  padding: 10px 10px;
  width: 850px;

}


.nom{
 

    font-family: 'Dancing Script', cursive !important;
    font-size: 30px;
  margin: auto;
  text-align: center;
 

}
   



/* Boutons Citer éditer etc */

.boutons_profil {
  background: #100000;
 border: 1px solid #530f04;
      border-radius: 20px 20px;
  float: right;
  margin: -80px 30px 0 0;
  padding: 10px 10px;
  text-align: center;
  width: 500px;

}

/* Avatar */

.avatar {
  float: left;
  height: 400px;
  width: 300px;
}


.avatar img {
  height: 400px;
  width: 300px;
}


/* Date */

.dates_post {
  background: #100000;
 border: 1px solid #530f04;
  color: #fff;
    font-family: Palatino linotype,Arial,Helvetica,sans-serif;
  font-size: 12px;
  margin: -5px 0 60px -1px;
  padding: 10px 10px;
  width: 850px;
}



/* Informations profil */

div.info_profil {   
  background: #100000;
    border: 1px solid #530f04;
      border-radius: 20px 20px;
  float: left;
  font-style: normal !important;
  height: 290px;
  padding: 10px 10px;
    margin: 15px 0 0 15px;
  width: 245px;

}






/* Informations fiche perso */

div.fiche_perso {
    background: #100000;
 border: 1px solid #530f04;
      border-radius: 20px 20px;
  float: left;
  font-style: normal !important;
  height: 290px;
  padding: 10px 10px;
    margin: 15px 0 0 15px;
  width: 245px;

}

 .user-ident {
  width: 850px;
}


/* Fond contenu message */

.pun .post-entry, pun .entry-content{
 background-color: #101018;
    border: 1px solid #530f04;
  border-top: none;
  margin: auto;
  padding: 30px;
  text-align:justify;
  width: 850px;
}

.entry-content {
  padding: 15px 0;
}

/* Postion bloc */

div.user {
position: relative;
}

/* Marge et bordures */

div.main-content.topic {
  border: none;
  margin-bottom: 10px;
}

#rposts, #rtopics {
  margin: 0 5px 0 5px;
}

.pagination {
    background-color: #1a2132;
      border: 1px solid  #3c414c;
  margin: auto;
  padding: 10px 10px;
  width: 840px;
}

/****************************************** Page accueil ***************************************/



 



/* Fond page acceuil */

#fond_acc {
  background: url('https://i.imgur.com/iOg4HiP.jpeg')  no-repeat center 0;
    border: 1px solid #530f04;
  border-radius: 20px 20px;
  height: 1150px;
  margin: 0 0 200px 10px;
  position: relative;
  width: 1050px;
}

.navig_pa {
  background: #090915;
  border-radius: 20px 20px 0 0;
  font-variant: small-caps;
  padding: 15px;
  text-align: center;

}

.letterspacing {
  transition: 1s;
}

.letterspacing:hover {
  letter-spacing: 1px;
  transition: 1s;
}

.date_fo, #footer_widgets h3 {
  color: #fff;
  display: block;
  font-family: 'Metamorphous', cursive !important;
  font-size: 25px;
  font-variant: small-caps;
  text-align: center;
 
}

/* Bloc annonces */

.annonce {
  background: #101013;
  border: 1px solid #530f04;
  border-radius: 20px 20px;
  float: right;
  height: 270px;
  margin: -280px 300px 0 0;
  padding: 10px 10px;
  width: 280px;

}

.contenu_annonce {
  height: 200px;
  overflow: auto;
  padding: 0 10px 0 10px;
    scrollbar-color: #101018  #530f04;
  scrollbar-width: thin;
}






/* Bloc Contexte */

.contexte {

  float: left;
  margin: 40px 0 0 35px;
  text-align: justify;
  width: 410px;
}

/* Bloc predefinis */

.predef {
 border-radius: 5px 5px;
    margin:  30px 5px 0  0;
  width: 460px;
}

.statistique {
  padding: 10px;
    width: 630px;
}
ul.list_pa li {
  display: inline-block;
 list-style: none;
  padding: 10px 10px;
}

    #fond_acc .main-head {
      background: none !important;
      font-family: 'Metamorphous';
      font-size: 25px;
      font-variant: small-caps;
      text-align: center;
      padding: 10px 0;
    }


#f_widgets_col_1 {
  width: 280px !important;
}

#f_widgets_col_0, #f_widgets_col_2 {
  width: 10px !important;
}

div.module.main, #comments_scroll_div, div.widget {
  background: #101013 !important;
  border-radius: 20px 20px;
}
div.main-head {
  background: none !important;
}

#footer_widgets {
  background: #101013;
  border: 1px solid  #530f04;
  border-radius: 20px;
  margin: -440px 0 0 500px;
  position: absolute;
  width: 290px;
}

.recensement {
  background: #101013;
  border: 1px solid  #530f04;
  border-radius: 20px;
  float: left;
  height: 230px;
  margin: 10px 15px 0 30px;
  padding: 20px;
 with: 400px;
}
 

.predef img {
  border-radius: 5px 5px;
  height: 55px;
  margin: 8px;
  filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
  width: 55px;
}

.predef img:hover {
 
    filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
}


 

/* Bloc equipe */

.equipe {
border-radius: 5px 5px;
  float: left;
    margin: 30px 10px;
  padding: 10px 10px;
  text-align: center;
  width: 300px;

}
 .equipe img {border-radius: 5px 5px;
}




/* Bloc partenaires */

.partenaire {
  float:  left;
    margin: 50px 10px 30px 10px;
  width: 450px;
}

.partenaire img {
border-radius: 5px 5px;
    filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
}


.partenaire img:hover {
    filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
}

/* Bloc discord  */

.discord {
   
  float: left;
 margin: 40px 0 0 30px;
  padding: 20px 20px;
  text-align: center;

}

 

.topsites {
  background: #101013;
  border: 1px solid #530f04;
  border-radius: 10px 10px;
  float: left;
 height: 230px;
  margin: 10px 15px 0 10px;
  padding: 25px 10px;
  width: 210px;}

/* Marge images*/

.partenaire img, .predef img, .equipe img {
  margin: 6px;
}

/* Bordure retirée*/

#pun-announcement {
  border: 0;
  height: 1200px;
  margin: 0;
  padding: 0;
}



/******************************************* Carnets ******************************************/


/* Marges */

.marge_relation {
 
margin: 0 0 0 85px;
}


 /* Float relation */

.bloc_relation {
  float: left;
  margin: 0 0 0 35px;
}

/* Images */

.image_perso {
    border: 1px solid #530f04;
  display: block;
  height: 250px;
  justify-content: center;
    align-items: center;
    margin: auto;
  text-align: center;
width: 550px;
}

.image_relation {
    border: 1px solid #530f04;
  height: 100px;
width: 260px;
}

/* Encadre fond & mental  */

.fond_perso {
    background: #100000;
      border: 1px solid #530f04;
    border-top: none !important;
  border-radius: 0 0 20px 20px;
  justify-content: center;
    align-items: center;
    margin: auto;
  padding: 20px 20px;
  width: 550px;
}
/* Encadre nom */

.nomp_relation
{ background: #100000;
      border: 1px solid #530f04;
  border-radius: 10px 10px 0 0;
      justify-content: center;
    align-items: center;
  margin: auto;
  padding: 10px 10px;
  text-align: center;
  width: 550px;
}
/* Encadre relation */

.fond_relation {
      background: #100000;
      border: 1px solid #530f04;
  border-radius: 0 0 20px 20px;
  padding: 10px 10px;
  height: 210px;
  overflow: auto;
  scrollbar-color: #794444 #000;
  scrollbar-width: thin;
  width: 260px;
}

/* Encadre aventures */

.aventuresR {
      background: #100000;
      border: 1px solid #530f04;
  border-radius: 20px 20px;
  justify-content: center;
    align-items: center;
    margin: auto;
  padding: 20px 20px;
  width: 550px;
 
}
/* Encadre nom relation */



.nomr
{    background: #000;
    border: 1px solid #530f04;
  border-radius: 20px 20px 0 0;
        padding: 15px;
}

/************************************* Codage predefinis et fiche de presentation ***************************************/




div#pun-about.clearfix {
    text-align: center;
}

/* Lien */

.index_ft {
  background: #101013;
  border: 1px solid #530f04;
  border-radius: 20px 20px;
  padding: 5px 10px;
  text-align: center;
}

.block_np {
background: #100000;
      border: 1px solid #530f04;
  border-radius: 10px 10px 0 0;
      justify-content: center;
    align-items: center;
  margin: auto;
  padding: 10px 10px;
  text-align: center;
  width: 700px;
}
.nom_predef, .nom_prenom {  color: #fff;
  font-family: 'Metamorphous', cursive !important;
  font-size: 20px;
  font-variant: small-caps;
  font-weight: bold;
}
 
  /* Image dessus */

.image_predef {
  display: block;
  height: 250px;
    align-items: center;
  margin: auto;
  width: 700px;
}

.avatarp{
  display: block;
  float: left;
  margin: 10px 10px;
  height: 333px;
  width: 200px;
  }


.image2 {

  float: left;
}


/* Fond */

.bloc_predef {
    align-items: center;
  margin-left:auto;
  margin: auto;
}


.identite, .mental{   
  background: #100000;
      border: 1px solid #530f04;
  float: left;
  padding: 10px 10px;
  width: 348px;
  height: 450px;
}

.identite {margin: 5px 0 5px 45px;
 
}

.mental { margin: 5px 0 5px 5px;}

/* Marge */

.margin_p {

  align-items: center;
  justify-content: center;
  margin: auto;
}


/* Bloc a savoir */

.asavoir { background: #100000;
      border: 1px solid #530f04;
  height: 500px;
  margin: 5px 5px 0 5px;
  overflow: auto;
    padding: 10px 10px;
  width: 395px
}

/* Bloc histoire */

.bloc_histoire {
background: #100000;
      border: 1px solid #530f04;
    align-items: center;
  margin: auto;
  padding: 10px 10px;
  text-align:justify;
word-break:break-all;
  width: 700px;
}

/* Image dessous */

.image_predef2 {
    border: 1px solid  #3c414c;
  display: block;
  float: left;
  height: 500px;
  margin: 5px 5px 0 45px;
  width: 300px;
}




.pun .post {
  border: none;
}

/* Bloc identite */

.bloc_identitep {
  background: #100000;
      border: 1px solid #530f04;
  padding: 10px 10px;
  float: left;
  height: 350px;
  margin: auto;
  overflow: auto;
  scrollbar-color: #000 #AC6E81;
  scrollbar-width: thin;
  -webkit-scrollbar-color: #d4dadf #260707;
  -webkit-scrollbar-width: thin;
  width: 326px
}

/* Marge titre */

.image_titre {
  margin-left: -5px;
}

/* Image bas */

.image_presentation{
  border: 1px solid #530f04;
  display: block;
  float: left;
  height: 500px;
  margin: auto;
  width: 300px;
}

/* Bloc info joueur */

.info_joueur {
  float: right;
  height: 480px;
  margin: 0 5px 0 0 ;
  overflow: auto;
  width: 365px
}

  /************************************************** Codage TOPIC *********************************************/

#fond_topic {
  background: #100000;
  margin-left: 118px;
  padding: 0 23px;
  text-align: justify;
  width: 549px;
}

.center_image {
  display: block;
  margin: auto;
  text-align: center;
}

.marge_imagep {
margin: 0 0 0 30px;
}


.fond_inter {
    background-color: #1a1730;
      border: 1px solid #530f04;
  margin: auto;
  padding: 10px 10px;
  text-align:justify;
  width: 490px;
}

.image1{
  border-radius: 20px 20px;
  float: left;
  height: 149px;
  margin: 0 20px 0 0;
  width: 200px;
}


 /*overflow bestiaire */

.bestiaire {
  font-style: italic;
  height: 320px;
  overflow: auto;
  padding: 0 10px 0 10px;
  scrollbar-color: #000 #2b3c57;
  scrollbar-width: thin;
}

.info_best2 {
 background: #00000a;
    border: 1px solid #530f04;
  border-bottom: none;
    border-radius: 0 20px 0 0;
  float: right;
  height: 300px;
  margin-right: 7px;
  padding: 10px 10px;
  text-align: start !important;
  width: 206px;
}

.image_best{
  border-radius: 20px 0 0 0;
  float: left;
  margin-left: 5px;
}


/* Gros titre */

#fond_topic h1, #fiche  h1, .gros_titre{
  color: #fff !important;
  font-family: 'Cinzel Decorative' !important;
  font-size: 35px;
  letter-spacing: 3px;
  padding: 5px 10px;
  text-align: center;
  text-shadow: 1px 0px 0px #000;

}

/* Moyen titre */

#fond_topic h2, #fiche  h2, .titre_relation, titre {
  color: #9797ba !important;
  font-family: 'Dancing Script', cursive !important;
  font-size: 33px;
  letter-spacing: 3px;
  padding: 5px 10px;
  text-align: center;
  text-shadow: 1px 0px 0px #000;
}

/* Petit titre */

#fond_topic h3, #fiche  h3 {
  color: #fff !important;
  border-bottom: 1px dotted #fff;
  font-family: 'Alegrya' !important;
  font-size: 22px;
  letter-spacing: 2px;
  padding: 5px 10px;
  text-align: center;
  text-shadow: 1px 0px 0px #000;

}


Merci d'avance à la personne qui m'aidera Smile
Hitoki

Hitoki
***

Féminin
Messages : 133
Inscrit(e) le : 18/08/2007

https://deliquescence.actifforum.com/
Hitoki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dernier sujet qui n'apparaît pas

Message par 'Christa Lun 12 Aoû 2024, 14:48

Heya !

Tu as peut-être (probablement, vu l'emplacement des partenaires) modifié ton overall_footer_begin !
Par défaut, il devrait y avoir une variable {FOOTER_WIDGETS} dedans, c'est elle qui se charge d'afficher les widgets. Si elle est absente, le script ne trouvera pas le widget concerné.
'Christa

'Christa
***

Féminin
Messages : 129
Inscrit(e) le : 04/06/2009

https://lostmindy-test.forumactif.com/
'Christa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dernier sujet qui n'apparaît pas

Message par Hitoki Lun 12 Aoû 2024, 14:57

Oh mon dieu, c'est tout à fait ça !

Je n'avais plus la variable {FOOTER_WIDGETS} dans mon overall_footer_begin.

Un grand merci à toi ♥

Le sujet est donc résolu !
Hitoki

Hitoki
***

Féminin
Messages : 133
Inscrit(e) le : 18/08/2007

https://deliquescence.actifforum.com/
Hitoki a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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