Le CSS ne s'affiche plus

par makenak Mer 17 Jan 2024 - 14:53

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome, Internet Explorer, Safari
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : aujourd'hui
Lien du forum : https://threads-of-destiny.forumactif.com/

Description du problème

Bonjour, je suis en train de créer un forum et tout allait bien. J'ai juste voulu changer une couleur et ça a tout bugger, il n'y avait plus rien qui fonctionnait, j'ai remis la couleur d'avant, mais ça ne fonctionne toujours pas. Comme si le CSS n'était pas pris en compte...

Je vous donne le CSS

css:

Code:: .pa_divina { position: relative; width : 895px; height: 310px; border-radius: 8px 8px 0px 0px; background-color: var(--b1); font-family: Verdana; border:none!important;} /* POSITION DU TITRE DE LA PA */ .titre_pa {position: absolute; top: 0px; left: 0px; width: 895px; height: 30px; background: var(--b4); border-radius: 8px 8px 0px 0px;} .titre_pa h2{ padding: 0px 10px; display: inline-block; background: linear-gradient(-90deg, rgba(var(--ac2r),1) 0%, rgba(var(--ac1r),1) 100%); font: 700 15px var(--mainfont); text-transform: uppercase; margin-top: 5px; letter-spacing: 2px; color: var(--b1); border-radius: 5px; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;} /* POSITION ET CSS DES LIENS */ .liens1_pa{ font-size: 9px; left: 90px; line-height: 8px; position: absolute; text-align: center; text-transform: uppercase; top: 40px; width: 130px; border:1px solid #; background: var(--b7); border: 1px solid var(--b5); height:15px; display:block-inline; padding-top: 4px; letter-spacing: 2px; font-family: 'Playfair Display', serif; } .liens2_pa{ font-size: 9px; left: 232px; line-height: 8px; position: absolute; text-align: center; text-transform: uppercase; top: 40px; width: 130px; border:1px solid #; background: var(--b7); border: 1px solid var(--b5); height:15px; display:block-inline; padding-top: 4px; letter-spacing: 2px; font-family: 'Playfair Display', serif; } .liens3_pa{ font-size: 9px; left: 374px; line-height: 8px; position: absolute; text-align: center; text-transform: uppercase; top: 40px; width: 130px; border:1px solid #; background: var(--b7); border: 1px solid var(--b5); height:15px; display:block-inline; padding-top: 4px; letter-spacing: 2px; font-family: 'Playfair Display', serif; } .liens4_pa{ font-size: 9px; left: 517px; line-height: 8px; position: absolute; text-align: center; text-transform: uppercase; top: 40px; width: 130px; border:1px solid #; background: var(--b7); border: 1px solid var(--b5); height:15px; display:block-inline; padding-top: 4px; letter-spacing: 2px; font-family: 'Playfair Display', serif; } .liens5_pa{ font-size: 9px; left: 659px; line-height: 8px; position: absolute; text-align: center; text-transform: uppercase; top: 40px; width: 130px; border:1px solid #; background: var(--b7); border: 1px solid var(--b5); height:15px; display:block-inline; padding-top: 4px; letter-spacing: 2px; font-family: 'Playfair Display', serif; } .liens_pa a{ color: #4A5276!important; padding:5px; margin-bottom:2px; border-bottom:1px solid #d1c9bc; } .liens_pa a:hover{ color:#B74D4D !important;} /* POSITION ET CSS DU CONTEXTE */ .contexte_pa{ font-size: 10px; left: 15px; line-height: 10px; position: absolute; text-align: justify; top: 110px; padding: 5px; width: 300px; background: var(--b7);border: 1px solid #d1c9bc; height: 100px; overflow-x: hidden; overflow-y: hidden;} .contexte_pa:hover { overflow-y : scroll;} .citation1 { width: 300px; text-align: justify; text-transform: uppercase; font-style: italic; padding: 5px; font-size: 8px; line-height: 10px; position: absolute; top: 70px; left: 15px; height: 30px; background: -webkit-linear-gradient(180deg, rgba(var(--ac2r),1) 0%, rgba(var(--ac1r),1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background: var(--b7); border-top: 1px solid #d1c9bc; border-left: 1px solid #d1c9bc; border-right: 1px solid #d1c9bc;} /* POSITION ET CSS DES MEMBRES DU MOIS */ .podium_pa {position : absolute; left: 20px; top: 217px; width: 300px; font-size: 10px; left: 15px; line-height: 10px; background: var(--b7); border: 1px solid #d1c9bc; text-align: center; padding: 5px;} .zoomEffect {width:45px; opacity:1; transition:all .3s ease-in-out; border:1px double #d1c9bc; border-radius: 100px; -webkit-border-radius: 100px;} .zoomEffect:hover {-moz-transform:scale(1.3); -webkit-transform:scale(1.3); transform:scale(1.3); opacity:1; border:1px double #d1c9bc;} .titre1_pa {text-align: center; font-family: 'Playfair Display', serif; font-size: 8px; letter-spacing: 2px; padding: 2px; text-transform: uppercase; color: #fff; background: linear-gradient(-90deg, rgba(var(--ac2r),1) 0%, rgba(var(--ac1r),1) 100%);} /* POSITION ET CSS DES NEWS */ .news_pa{ font-size: 10px; left: 333px; line-height: 10px; position: absolute; text-align: justify; top: 70px; padding: 5px; width: 295px; background: var(--b7); border: 1px solid #d1c9bc; height: 45px; overflow-x: hidden; overflow-y: hidden;} .news_pa:hover { overflow-y : scroll;} /* POSITION ET CSS DU GIF*/ .gif_pa img{ left: 333px; position: absolute; top: 130px; padding: 3px; border: 2px solid #d1c9bc; width: 295px; background: var(--b7); border: 1px solid #d1c9bc; filter: grayscale(.7); opacity : 0.7;} .gif_pa img:hover {grayscale(0); opacity : 1;} /* POSITION ET CSS DES PARTENAIRES ET VOTES */ .partenaires_pa { left: 333px; position: absolute; top: 240px; padding: 3px; border: 2px solid #fff; width: 295px; background: var(--b7); border: 1px solid #d1c9bc; height: 55px;} .partenaire_ligne {font-size:10px; background:#E9EBED; color:#4A5276; border:1px solid #d1c9bc; font-weight:300; font-family: arial,'Petit Formal Script';margin-bottom:5px; letter-spacing:1px; text-align:center; width:150px; text-transform: lowercase; } .partenaire_bouton {font-size:10px; background:#E9EBED; color:#4A5276; border:1px solid #d1c9bc; font-weight:300; font-family: arial,'Petit Formal Script'; text-transform: lowercase; } .citation2 { text-transform: uppercase; font-style: italic; padding: 5px; font-size: 8px; line-height: 10px; background: -webkit-linear-gradient(180deg, rgba(var(--ac2r),1) 0%, rgba(var(--ac1r),1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} /* POSITION ET CSS DU STAFF */ .staff_pa { right: 15px; background: var(--b7); border: 1px solid #d1c9bc; position: absolute; top: 70px; padding: 3px; width: 224px; height: 140px;} .infos_pa {font-size: 10px; right: 15px; line-height: 10px; position: absolute; text-align: justify; top: 198px; padding: 5px; width: 220px; background: var(--b7); border: 1px solid #d1c9bc; height: 92px; overflow-x: hidden; overflow-y: hidden;} .infos_pa:hover { overflow-y : scroll;} /****************** PROFIL ET MESSAGE BY KOALAVOLANT ****************/ /* Texte du profil */ .texteprofil{ background-color: #fff; padding:10px; color:#222; height: 300px; overflow: auto; text-align: justify; } .texteprofil .label span{ color:#24B187 !important; } .texteprofil img{ width:150px; } /* Arabesque (qui peut être remplacé par autre chose ou enlevée) */ .araprofil{ background-image:url('https://i.ibb.co/BN0bwRy/ezgif-3-bb7e89c7ac.png); background-repeat:no-repeat; background-size: 97%; height: 37px; width: 200px; display: flex; justify-content: center; margin:0 auto; font-size:20px; text-align:center; margin-bottom:10px; } /* Pseudo dans le profil */ .pseudoprofil{ padding:2px; font-size:24px; font-family: 'Oswald', sans-serif; text-align:center; display:block; background: linear-gradient(-90deg, rgba(var(--ac2r),1) 0%, rgba(var(--ac1r),1) 100%); } .name, .pseudoprofil a{ text-align:center; } /* Icons pour qu'ils fassent toute la même taille mais peut être retirer si vous voulez que ça soit libre */ .iconsprofil img{ width:40px; height:40px; } /* Avatar du profil */ .avatarprofil img{ padding:4px; margin-top:-25px;background: linear-gradient(-90deg, rgba(var(--ac1r),1) 0%, rgba(var(--ac2r),1) 100%); padding: 2px; width:206px; height:320px; object-fit:cover; } /* Rang du profil */ .rankprofil, .rankprofil img{ width:200px; } .rankprofiltxt{background: -webkit-linear-gradient(180deg, rgba(var(--ac2r),1) 0%, rgba(var(--ac1r),1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; text-align:center; } .rankprofil{ margin-top:-10px; } /* Profil entier */ td.profilentier{background: var(--b1); border: 1px solid var(--b5); } td.messagenetier {background: var(--b1); border: 1px solid var(--b5); } .profiltotal{ padding:15px; display:block; padding-top:40px; } /* Ascenseur */ .texteprofil::-webkit-scrollbar-track, .texteprofil::-webkit-scrollbar { background-color: #fff ; /*couleur du fond de la scrollbar*/} .texteprofil::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/ background-color: #4C836C /*couleur de l'ascenseur*/;} /* Apparence du sujet & de son titre */ .catHead{ padding:15px 0px; } .t-title .cattitle{ color:#fff; font-size:20px; text-shadow:#000 0px 0px 5px; font-family: 'Oswald', sans-serif; } /* Message du sujet */ .navmessage{ text-align:right; float:right; font-size:24px; display:block; font-family: 'Oswald', sans-serif; } .navmessage a{ font-size:15px; } .postbody { padding: 15px; text-align: justify; } body { --background: url(https://i.postimg.cc/7Yb97bLQ/wallpaper3.png); background-size: 100%; background-attachment: fixed; --banner: url(https://i.postimg.cc/KvLDbxz4/talesfromthehollow2.png); --wtimg: url(https://i.postimg.cc/MTNYWdpW/welcometable.png); --statsimg: url(https://i.postimg.cc/N0WyFVmP/statstable.png); --titlefont: Young Serif; --mainfont: Poppins; --accentfont: Poppins; --ac1: #9b475e; --ac1r: 155, 71, 94; --ac2: #9b9dad; --ac2r: 155, 157, 173; --b1: #ecded3; --degrade: linear-gradient(45deg,#9b9dad,#9b475e)!important; --b2: #e2e2e2; --b7: #efe7dc; --b3: #d1c9bc; --b4: #cdc8c4; --b5: #d1c9bc; --b6: #1f1f1f; --b8: #ecded3; } /*container des onglets*/ .onglets_pa { display: flex; flex-direction: column; height: 140px; position: relative; text-align: justify; width: 220px; /*à ne modifier que si vous changez la largeur du grid / votre forum n'a pas la même largeur que le mien*/ } /*les boutons de la PA, ne pas toucher*/ .onglets_pa .boutons_pa { align-items: center; display: flex; justify-content: center; margin-left: -8px; /*éventuellement à modifier si vous ajoutez des images*/ } /*les images du staff, à modifier si vous voulez changer la largeur des images et/ou ajouter une image*/ .staff { border-radius: 50px; width: 28px; height: 28px; padding: 2px; border: 1px solid var(--border); object-fit: cover;} /*décide de la largeur de la séparation entre les images*/ .lab { cursor: pointer; margin-left: 8px; } .lab:hover { opacity:0.8; } /*la partie avec prénom, nom, en gros les informations du staff*/ .contenu { border-bottom: 1px solid var(--b3); border-top: 1px solid var(--b3); box-sizing: border-box; margin-top: 5px; opacity: 0; padding: 4px 0; position: absolute; scrollbar-width: none; text-align: center; visibility: hidden; width: 220px; height: 80px; } .contenu.visible { opacity: 1; visibility: visible; } /*balise déco du prénom, nom*/ h { padding: 0px 10px; display: inline-block; background: linear-gradient(-90deg, rgba(var(--ac2r),1) 0%, rgba(var(--ac1r),1) 100%); font: 700 15px var(--mainfont); text-transform: uppercase; margin-top: 5px; letter-spacing: 2px; color: var(--b1); border-radius: 5px; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;} /*balise de la partie admin / profil*/ .sous_titre { font-size: 9px; letter-spacing: 1px;} /*CONTAINER FORUM OPTIMISÉ*/ .item_15 {grid-area: 5 / 1 / span 1 /span 1;} /*container déco de la partie optimisée pour*/ .titre_3 { background-color: var(--background); border-radius: 4px; color: var(--accc1); font-size: 9px; font-weight: 500; margin-bottom: 3px; padding: 3px 0; } /* FICHE PROFIL PERSONNAGE */ dw { font-weight: 600; font-family: Gochi Hand; font-size: 14px; text-transform: uppercase; color: #695752; } .gp { font-size: 10px; text-transform: uppercase; color: #CCCCCC; font-family: kalam; letter-spacing: 1px; font-weight: normal!important; text-align: right; margin-top: 0px; } .bl-bas {width:539.5px; height: 100px; padding: 10px; background: #202020; border: 1px solid #151515; border-top: none; } .bl-ct { width: 88px; height: 88px; background: #151515; border: 1px solid #151515; padding: 5px; float: left; } .bl-img { width: 86px; height: 86px; border: 1px solid #BEBEBE; background-size: cover!important; background-position: center!important; } .bl-ab {text-align: justify; overflow: auto; height: 105px; color: #ccc; line-height: 98%; padding-left: 10px; } .avatar200 { width: 200px; height: 320px;background-color: #202020; border: 1px solid #151515; text-align: center; padding: 5px; } .blocprez { height: 147.5px; overflow: auto;background-color: #202020; border: 1px solid #151515; color: #CCCCCC; font-size: 13px; font-weight: 400; line-height: 130%; text-align: justify; padding: 5px; } .profil_perso { position: relative; z-index: 1; float: left; width: 200px; min-height: 320px; background: #c5bdb1; border: 1px solid #9f9689; } .fleche { position: absolute; z-index: 2; width: 52px; height: 17px; background: url(https://2img.net/r/hpimg15/pics/570411fleche.png); margin: 10px 0 0 176px; } .nom_perso { width: 100%; height: 30px; padding-top: 10px; background: #cdc8c4; color: #c5bdb1; text-shadow: 1px 1px 0px #000000; font-size: 20px; letter-spacing: -2px; text-align: center; font-family: lucida calligraphy, tahoma; font-weight: bold; } .contenu_rp { position: relative; z-index: 1; width: 580px; min-height: 320px; padding: 10px 20px; margin-left: 210px; background: #eeedeb; border: 1px solid #f4f3f0; box-shadow: 0px 0px 5px #c5bdb1; border-radius: 10px; color: #65615b; text-align: justify; } .rang_perso { position: relative; z-index: 2; width: 70%; height: 20px; margin: -15px auto 0 auto; background: #262626; text-transform: uppercase; color: #65615b; font-size: 11px; box-shadow: 0px 0px 2px #000000; text-align: center; padding-top: 3px; } .infos_perso { width: 95%; margin: auto; font-size: 10px; color: #65615b; text-align: justify; } .intitule { font-family: arial black; font-size: 12px; color: #cdc8c4; } .inventaire { display: block; text-align: center; font-family: arial black; font-size: 16px; color: #cdc8c4; letter-spacing: 2px; } .inventaire_contenu { width: 90%; margin: -6px auto 5px auto; background: #eeedeb; border: 1px solid #9f9689; padding: 5px; } /****************** CODAGE CATEGORIES PAR MAGMA. ***********************/ .bodyline { background-color: #f1e9e6; border: 1px #895b4c solid; } /*----------------------------------------------------------------------------------- ----------------------------------- CATEGORIES BY MAGMA ---------------------------------- -----------------------------------------------------------------------------------*/ /* LES CATEGORIES EN IMAGE */ .categoz{ background: var(--b4); border-radius: 8px 8px 0px 0px; } /* LES TITRES DES CATEGORIES */ .categoz h2{ height: 38px; padding: 0px 10px; display: inline-block; background: linear-gradient(-90deg, rgba(var(--ac2r),1) 0%, rgba(var(--ac1r),1) 100%); font: 700 24px/35px var(--mainfont); text-transform: uppercase; letter-spacing: 2px; color: var(--b1); border-radius: 5px; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;} /* LE BACKGROUND DES CATEGORIES */ .forumline1 {background: var(--b1); border: 1px solid var(--b3);} div.tit1{ display:none;} .image_cate {position: absolute; top: 6px; width: 50px; height: 96px;} .forumstyle{ color: var(--ac1); font-family: Tahoma; height: 110px; left: 0px; position: relative; top: 2px; text-transform : ;} /* LES HAUT DES CATE EN COULEUR */ .hautcat{ width: 100%; */ height: 2px; background: linear-gradient(-90deg, rgba(var(--ac1r),1) 0%, rgba(var(--ac2r),1) 100%);} /* L'AVATAR */ .lastpost-avatar img{ /*filter: grayscale(1);*/ height: 72px; margin-left: 3.5px; margin-top: 8px; width: 45px; background: linear-gradient(-90deg, rgba(var(--ac1r),1) 0%, rgba(var(--ac2r),1) 100%); padding: 2px; padding; 1px;} .avatar_fo{ left: 697px; position: absolute; top: 5px; width:60px; height:96px; background: linear-gradient(-180deg, rgba(var(--ac2r),0.1) 0%, rgba(var(--ac1r),0.1) 100%); border: 1px solid var(--b5); } /* LES TITRES DES FORUMS*/ .forumtitre{ left: 240px; position: absolute; top: 5px; text-align:left; background: -webkit-linear-gradient(180deg, rgba(var(--ac2r),1) 0%, rgba(var(--ac1r),1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; text-align: left; display: inline-block; } .forumtitre a{ display:inline-block; font-weight: bold; font-family: 'Playfair Display', serif; font-size: 15px; letter-spacing: 3px; text-transform: uppercase; color: #fff; margin-left: 15px; margin-top: 2.5px; } /* LES DESCRIPTIONS DES CATE */ .forumdesc{ box-sizing: border-box; font-family: Tahoma, Arial; font-size: 11px; height: 79px; max-height:80px; left: 240px; overflow-x: hidden; overflow-y: hidden; position: absolute; text-align: justify; top: 25px; width: 449px; padding:4px; background: var(--b7); border: 1px solid var(--b5);} .forumdesc:hover{ overflow-y: scroll; } /* DERNIER MESSAGE POSTE */ .dernier_msg{ font-size: 11px; right: 5px; position: absolute; text-align: center; font-family: arial,'Petit Formal Script'; text-transform: uppercase; top: 5px; width: 135px; height:96px; background: linear-gradient(90deg, rgba(var(--ac2r),0.05) 0%, rgba(var(--ac1r),0.05) 100%); border: 1px solid var(--b5);} .dernier_msg a{ display:inline-block; margin-left:3px; margin-right:3px;} span.last_post_center{ display:inline-block; margin-top:10px; } /* NOMBRE DE MESSAGES */ .nb-suj-msg{ font-size: 8px; right: 3px; position: absolute; text-align: center; text-transform: uppercase; top: 65px; width: 130px; height: 15px; border-top: 2px solid var(--b5); background: linear-gradient(90deg, rgba(var(--ac2r),0.05) 0%, rgba(var(--ac1r),0.05) 100%); font-family: arial,'Petit Formal Script'; padding-top: 10px; color: #a97796;} /* LES SOUS-FORUMS*/ .sousforum{left: 50px; position: absolute; text-align: justify; font-family: arial,'Petit Formal Script'; letter-spacing: 0px; text-transform: uppercase; top: 5px; width: 170px; height: 84px; overflow-x: hidden; overflow-y: hidden; background: linear-gradient(-180deg, rgba(var(--ac2r),0.1) 0%, rgba(var(--ac1r),0.1) 100%); padding: 7px; border: 1px solid var(--b5);} .sousforum a:before {content: '•'; margin-right: 2px; color: #000;} .sousforum a{ background: -webkit-linear-gradient(180deg, rgba(var(--ac2r),1) 0%, rgba(var(--ac1r),1) 100%); line-height: 8px; font-size: 8px; padding:2px; display:block; margin-bottom:2px; box-shadow: inset 0 -5px 0 #;} .sousforum a:hover{ color:#539aa2;} .sousforum:hover{ overflow-y: scroll;} /* LES BAS DES CATEGORIES */ .bascat1{ background: var(--b3); border: 1px solid var(--b3); margin-top:-5px; color:#fff; font-family: verdana; font-size: 9px; text-align:center; padding:5px;} .list-badges { width: 800px; margin: 10px auto; display: flex; justify-content: space-between; flex-wrap: wrap; } .main-border { border: 5px double #292929; box-shadow: 0 0 1px #000; color: #A1A1A1; background: #373737 url(#); } .list-badges > div { flex: 0 0 195px; padding: 5px; } .title-list-badges { font: 20px \'poppins\'; color: #eee; flex: 1 1 100% !important; text-align: center; text-transform: uppercase; background: 34% 90% #d485a2; border: 3px double #d1c9bc; text-shadow: 1px 1px 0px rgb(0 0 0 / 10%), 1px -1px 0px rgb(0 0 0 / 10%), -1px 1px 0px rgb(0 0 0 / 10%), -1px -1px 0px rgb(0 0 0 / 10%); } .list-badges > div > span { margin: 10px 0; } .text-color { color: #fff; } .main-title { display: inline-block; font: 8px \'Calibri\'; font-weight: 900; color: #fff; text-shadow: 1px 1px 0px rgb(0 0 0 / 10%), 1px -1px 0px rgb(0 0 0 / 10%), -1px 1px 0px rgb(0 0 0 / 10%), -1px -1px 0px rgb(0 0 0 / 10%); letter-spacing: 3px; text-transform: uppercase; line-height: 10px; padding: 2px 2px 2px 5px; background: #d485a2; align-self: stretch; margin: 5px 20% 0; text-align: center; border-radius: 2px; } .list-badges img { width: 35px; padding: 4px; margin: 2px; box-shadow: 0 0 1px #a1a1a1; background: #373737; outline: 1px solid #292929; border: 2px solid #d1c9bc; } ::-webkit-scrollbar { width: 5px; } ::-webkit-scrollbar-thumb { background-color: #e3ddcb; } ::-webkit-scrollbar-track { background-color: #eae9d8; border-left: 1px solid #d2c9b8; } x{color:#695752;} t1{ font-size: 20px; color: #695752; font-family: damion;} .texte{ padding: 10px 9px 5px 8px; width: 524px; overflow: auto; text-align: justify; font-size: 12px; line-height: 120%; font-family: Quicksand; letter-spacing: 0.5px; background-color: #202020; border: 1px solid #151515; color:#CCCCCC; } .def { padding-left: 30px; padding-right: 30px; } .textemax{ padding: 10px 9px 5px 8px; width: 524px; height: 484px; overflow: auto; text-align: justify; font-size: 12px; line-height: 120%; font-family: Quicksand; letter-spacing: 0.5px; background-color: #202020; border: 1px solid #151515; color:#CCCCCC; } .imgtitle{ height: 34px; width: 39px; margin-top: -9px; border: 1px solid #111111; background-color: #454545; display: inline-block; text-align: center; font-size: 28px; padding: 6px 1px 0px 2px; margin-right: -11px!important; margin-left: -2px; color: #F2F2F2!important; } .imgtitre{ height: 39px; width: 39px; margin-top: -9px; border: 1px solid #111111; background-color: #454545; display: inline-block; text-align: center; font-size: 28px; margin-right: -11px!important; margin-left: -2px; color: #F2F2F2!important; } .fond{ border: 1px solid #111111; background-color: #d1c9bc; width: 541.5px; padding: 22px 9px 10px 9px; margin-top: 1px; } block { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0; margin-inline-end: 0; padding-inline-start: 40px; } .cadretitle { margin: -13px 0px 3px 0px; height: 42px; width: 519px; padding: 16px 10px 0px 12px; background-color: #202020; border: 1px solid #151515; } .entete { width: 537px; height: 56px; padding: 5px 10px 6px 12px; background-color: #202020; border: 1px solid #151515; margin-bottom: -2px; } .titre{ display: flex; justify-content: space-between; margin: 0; margin-top: -45px; padding: 44px 2px 9px 2px; border-bottom: 1px solid #454545; width: 519px; font-weight: normal; height: 12px; color: #807253; text-shadow: 1px 1px 1px #000000; font-family: \'Roboto Condensed\'; text-transform: uppercase; font-size: 30px; text-align: left; } .soustitre{ font-size: 10px; text-transform: lowercase; padding: 3px 2px 3px 2px; margin-bottom: 13px; color: #CCCCCC; font-family: kalam; letter-spacing: 1px; font-weight: normal!important; text-align: left; margin-top: 0px; } .title { display: flex; justify-content: space-between; margin: 0; padding: 1px 5px 4px 0px; border-bottom: 1px solid #454545; width: 512px; font-weight: normal; height: 12px; color: #695752; text-shadow: 1px 1px 1px #000000; font-family: \'Roboto Condensed\'; text-transform: uppercase; font-size: 18px; text-align: left; } hm {color:#e4a634;} ch {color:#6083a3;} sr {color:#c489e2;} lp {color:#87e087;} vp {color:#c71c00;} humain {color:#e4a634;} chasseur {color:#6083a3;} sorciere {color:#c489e2;} lycan {color:#87e087;} vampire {color:#c71c00;} /********************* QEEL BY MAGMA. *****************/ /*LE FOND GLOBAL DU QEEL*/ .fond_qeel {position: relative; height: 250px; margin: auto; background: var(--b1); border: 1px solid var(--b3); border-radius: 8px 8px 0px 0px;} /*L\'ENTETE ET TITRE DU QEEL*/ .entete_qeel {position: absolute; width: 905px; height: 40px; top: 0px; left: 0px; font-family: \'Playfair Display\', serif; font-size:12px; letter-spacing: 8px; word-spacing: 3px; text-transform:uppercase; font-weight: 600; color: #fff; text-align: center; background: var(--b4); border-radius: 8px 8px 0px 0px;} .entete_qeel h2 { padding: 0px 10px; display: inline-block; background: linear-gradient(-90deg, rgba(var(--ac2r),1) 0%, rgba(var(--ac1r),1) 100%); font: 700 15px var(--mainfont); text-transform: uppercase; letter-spacing: 2px; color: var(--b1); border-radius: 5px; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } /*LE DERNIER INSCRIT*/ .statistiques_newst {position: absolute; width: 170px; height: 77px; top: 45px; right: 65px; text-align: center; background: var(--b7); border: 1px solid var(--b5);} .statistiques_ava {position: absolute; width: 50px; height: 70px; top: 45px; right: 10px; text-align: center; padding-top: 7px; background: var(--b7); border: 1px solid var(--b5);} #avatar_dernier_membre img {width: 40px; height: 64px;} .titre_dernier { font-family: Playfair Display; font-weight: bold!important;font-size: 10px; text-transform: uppercase; color: #756961; letter-spacing: 1px; border-bottom: 1px solid #A2240C;} /* NOMBRE DES MEMBRES ET MESSAGES */ .nombre_qeel {position: absolute; width: 150px; height: 30px; top: 137px; left: 370px; } .messages_qeel {position: absolute; width: 150px; height: 30px; top: 137px; left: 500px;} .stat_co {text-transform: uppercase; font-family: Playfair Display; font-weight: bold!important; font-size:9px; letter-spacing: 1px; text-align: center; color: #fff; background: -webkit-linear-gradient(180deg, rgba(var(--ac2r),1) 0%, rgba(var(--ac1r),1) 100%); width: 118px; height: 15px; display:inline-block; padding-top: 3px;} /* LE NOMBRE DES MEMBRES CONNECTES SUR LE FORUM */ .present_qeel { position: absolute; top: 173px; left: 10px; width: 310px; height: 65px; overflow: auto; font-size: 10px; background: var(--b7); border: 1px solid var(--b5);padding: 5px;} /* LES DERNIERS CONNECTES SUR LE FORUM */ .vingt_connecte {position: absolute; bottom: 9px; left: 340px; width: 300px; height: 65px; overflow: auto; text-align: justify; background: var(--b7); border: 1px solid var(--b5); padding: 5px; font-size: 9px!important;} .BACK .row1 {background:none !important;overflow:auto; font-size: 9px!important;} /* L\'IMAGE DU QEEL */ .image_qeel {position: absolute; top: 45px; left: 335px; width: 320px; height: auto;} .image_qeel img {width: 320px; height: auto;} /* LES STATISTIQUES DU QEEL */ .stats_qeel {font-family: verdana; font-size:8px; text-transform: uppercase; position: absolute; top: 130px; right: 15px; width: 220px; height: 30px; text-align: center; color: #858585; padding: 5px;} /* LES COPYRIGHT */ .credits_pa {position: absolute; top: 165px; right: 10px; width: 220px; height: 65px; overflow: auto; background: var(--b7); border: 1px solid var(--b5); padding: 5px; line-height: 11px; font-size: 10px;} /*LA POSITION DES GROUPES */ .groupes_qeel {position: absolute; top: 40px; left: -5px; width: 350px; height: 120px; } /************************************ LES SUJETS *****************************************/ /************** LA FIN DU PROFIL ET MESSAGE BY KOALAVOLANT *************/ /*********************************fin***********************************/ /****************** CODAGE CATEGORIES PAR MAGMA. ***********************/ /*--------------------------------- FIN CATEGORIES --------------------------------- */ /*----------------------------------- FIN CAZTGORI ---------------------------------*/ /*----------------------------------------------------------------------------------- ----------------------------------- PA BY MAGMA page accueil ---------------------------------- -----------------------------------------------------------------------------------*/ u { text-decoration-line: overline;text-decoration-style: wavy;text-decoration-color: #eecbb6;letter-spacing: 2px;text-transform:uppercase;position:relative;font-size:12px;font-family: \'Poppins\', sans-serif;padding:10px;color: #d68a7c;} /****************** CODAGE CATEGORIES PAR MAGMA. ***********************/ /* FICHE PROFIL PERSONNAGE */ .profil_cruelly .profil_perso { position: relative; z-index: 1; float: left; width: 200px; min-height: 320px; background: #EEEDEB; box-shadow:0 0 3px 3px #9E9795; border-radius: 10px; } .profil_cruelly .nom_perso { width: 100%; height: 30px; padding-top: 10px; font-family: monotype corsiva; color: #515354; font-size: 25px; font-style: italic; text-align: center; text-shadow: 0px 0px 2px #000000; letter-spacing: -3px; word-spacing: 1px; } .profil_cruelly .contenu_rp { position: relative; z-index: 1; width: 580px; min-height: 320px; padding: 10px 20px; margin-left: 210px; background: #eeedeb; box-shadow:0 0 3px 3px #9E9795; border-radius: 10px; color: #65615b; text-align: justify; } .profil_cruelly .conteneur .infobulle { position: absolute; width: 200px; background-color: #C1BFBF; box-shadow:0 0 3px 3px #9E9795; border-radius: 10px; -webkit-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0); visibility: hidden; transition: all ease 1s; } .profil_cruelly .conteneur:hover .infobulle { visibility: visible; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); transition: all ease 1; } /*POUR SOULIGNEMENT*/ a:hover{ text-decoration: none !important; } a { text-decoration: none !important; } a:link { text-decoration: none; } a:visited { text-decoration: none; } /*FIN SOULIGNEMENT*/ /* style par défaut */ a.fa-mention { color:#d1c9bc; } /* style au survol */ a.fa-mention:hover { color:#666; }

J'ai aussi changé les templates index_body / index_box & viewtopic_body

Cela ne m'a jamais fait ça, j'ai essayé même de tout mettre sur un forum test et rien ne marche, pourtant j'ai juste modifié une couleur et hop, plus rien ne fonctionne Assomé

Une signe pour pas pas que je me lance dans un nouveau forum ?

Si vous pouvez m'aider ça serait super Flowers2

Merci d'avance !!

par makenak Mer 17 Jan 2024 - 14:53

Le message étant trop long, voici les templates modifié

index_body:

Code:: {JAVASCRIPT}  <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">  <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr>   <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr>  </table>   <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1"> <table> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span>  </td> </tr> <tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td>  <td width="10%" align="center" valign="middle" class="row1"> <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span> </td> <td width="40%" class="align_gauche row1"> <div class="social_btn">  <div class="fb-login-button"></div>   <div class="ti-connect"></div>  </div> </td>  </tr> </table> </form>  {CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top">  <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>   <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>  </td> <td width="50%" align="right"> <span class="gensmall"> <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br /> <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br /> <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>   <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>   </span> </td> </tr> </table>  <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="50%" valign="top" align="right" class="row1"> <table> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span>  </td> </tr> <tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td>  <td width="10%" align="center" valign="middle" class="row1"> <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span> </td> <td width="40%" class="align_gauche row1"> <div class="social_btn">  <div class="fb-login-button"></div>   <div class="ti-connect"></div>  </div> </td>  </tr> </table> </form>   <div class="fond_qeel"> <div class="entete_qeel"> <h2>qui es là ?</h2></div> <div class="groupes_qeel"><iframe frameborder="no" name="" src="https://threads-of-destiny.forumactif.com/h1-onglet" scrolling="no" style="width: 340px; height: 120px;"> </iframe> </div> <div class="present_qeel"> <span class="gensmall2"><span id="userlist">{LOGGED_IN_USER_LIST}</span> <script type="text/javascript">document.getElementById('userlist').innerHTML=document.getElementById('userlist').innerHTML.replace(/Utilisateur enregistré/,"Actuellement, ils explorent nos rues );</script> <script type="text/javascript">document.getElementById('userlist').innerHTML=document.getElementById('userlist').innerHTML.replace(/Utilisateurs enregistrés/,"Actuellement, ils explorent nos rues ");</script> </span> </div> <div class="image_qeel"><img src="https://i.ibb.co/PcMrF61/qeel1.gif" /></div> <div class="nombre_qeel"> <span class="gensmall4"> <script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script><span class="stat_co">Habitants<span id="tUSERS">{TOTAL_USERS}</span></span></span></div> <div class="messages_qeel"><span class="gensmall4"><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script> <span class="stat_co">Interventions<span id="tPOSTS">{TOTAL_POSTS} </span></span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script> </span></div> <div class="vingt_connecte"> <span class="gensmall2"><table class="BACK">{L_CONNECTED_MEMBERS}</table></span> </div> <div class="statistiques_ava"><span id="avatar_dernier_membre"></span></div> <div class="statistiques_newst"> <span class="gensmall">  <div class="lstQEEL"><br /> <div style="margin-bottom: 5px;"><span class="titre_dernier">Bienvenue à Fairwalk</span></div> <span id="dernier_membre"><span style="font-size: 18px; color: #b98a53; font-family: georgia;">« </span>{NEWEST_USER}<span style="font-size: 18px; color: #b98a53; font-family: georgia;"> »</span></span> <script type="text/javascript"> document.getElementById('dernier_membre').innerHTML=document.getElementById('dernier_membre').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ") </script> </div> </span> </div> <div class="stats_qeel"> <span class="gensmall1"> <span id="totalonline">{TOTAL_USERS_ONLINE}</span> <script type="text/javascript">document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/utilisateur en ligne/,"curieux se promenant");</script> <script type="text/javascript">document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/utilisateurs en ligne/,"curieux se promenant");</script> <script type="text/javascript">document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/::/," ");</script> <script type="text/javascript">document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Enregistrés/,"Habitants");</script> <script type="text/javascript">document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Enregistré/,"Habitant");</script> <script type="text/javascript">document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Invisible/,"Ghostbuster");</script> <script type="text/javascript">document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Invisibles/,"Ghostbusters");</script> <script type="text/javascript">document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Invités/,"Etrangers.");</script> <script type="text/javascript">document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Invité/,"Etranger");</script> </span></div> <div class="credits_pa"><point>les copyrights</div> </div>  {CHATBOX_BOTTOM} <br clear="all" />  <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" loading="lazy" /></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" loading="lazy" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td>  </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" loading="lazy" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table>  {AUTO_DST}

index_box:

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td valign="bottom">  <span class="gensmall">{LAST_VISIT_DATE}<br /> {CURRENT_TIME}<br /> </span>  <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div> </td> <td class="gensmall" align="right" valign="bottom">  <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />  <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table>    <br /> <div class="hautcat"/></div> <div class="categoz" align="center">{catrow.tablehead.L_FORUM}</div> <table class="forumline1" width="100%" border="0" cellspacing="0" cellpadding="0">   <tr>    <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>  <td align="center" valign="middle"> <div class="forumstyle"> <div class="image_cate"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </div> <div class="sousforum"> <span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span> <script type="text/javascript"> jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id'); </script> </div> <div class="forumtitre"> <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> </div> <div class="forumdesc"> <span class="genmed">{catrow.forumrow.FORUM_DESC}</span> </div> <div class="avatar_fo">  <div style="width: 200px;"></div> <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span> </div> <div class="dernier_msg"> <span class="last_post_center">{catrow.forumrow.LAST_POST}</span> <br /> <div class="nb-suj-msg"> {catrow.forumrow.TOPICS} sujets dont {catrow.forumrow.POSTS} messages. </div> </div> </div> </td> </tr>    <tr>  <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>  <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr>   </table><img src="{SPACER}" alt="" height="5" width="1" /><div class="bascat1"/> threads of destiny</div>

viewtopic_body:

Code:: <link href="https://fonts.googleapis.com/css?family=Oswald&display=swap" rel="stylesheet"> <script type="text/javascript"> //<![CDATA[ var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" }; $(function(){ if(typeof(_atc) == "undefined") { _atc = { }; } }); var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' }; showHiddenMessage = function(id) { try { var regId = parseInt(id, 10); if( isNaN(regId) ) { regId = 0; } if( regId > 0) { $('.post--' + id).toggle(0, function() { if( $(this).is(":visible") ) { $('#hidden-title--' + id).html(hiddenMsgLabel.visible); } else { $('#hidden-title--' + id).html(hiddenMsgLabel.hidden); } }); } } catch(e) { } return false; }; //]]> </script> <table width="100%" border="0" cellspacing="2" cellpadding="0"> <tr> <td align="left" valign="middle" nowrap="nowrap"> <span class="nav">  <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>  </span> </td> <td class="nav" valign="middle" width="100%"> <span class="nav navmessage"> <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>  {NAV_CAT_DESC_SECOND} </span> </td> <td align="right" valign="bottom" nowrap="nowrap" width="100%">  <span id="twitter_btn" style="margin-left: 6px; "> <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> </span>   <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>  <span class="gensmall bold"> <a class="addthis_button" href="#">{L_SHARE}</a>  | <script type="text/javascript">//<![CDATA[ var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}'; var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}'; var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}'; var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}'; var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}'; insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}); //]]> </script>  </span> </td> </tr> </table> <table class="forumline" width="100%" border="0" cellspacing="4" cellpadding="0" > <tr align="right"> <td class="catHead" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="9%" class="noprint"> </td> <td align="center" class="t-title"> <h1 class="cattitle"> {TOPIC_TITLE}</h1> </td> <td align="right" width="9%" class="browse-arrows">  <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>  <a href="#bottom">{L_GOTO_DOWN}</a> </td> </tr> </table> </td> </tr>  <tr> <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td> </tr>  {POLL_DISPLAY}   <tr> <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td> </tr>   <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"> <td class="{postrow.displayed.ROW_CLASS} profilentier"{postrow.displayed.THANK_BGCOLOR}valign="top" width="150"> <div class="profiltotal"> <span class="postdetails poster-profile"> <center> <span class="avatarprofil">{postrow.displayed.POSTER_AVATAR}</span></center> <span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong class="pseudoprofil" style="text-align:center;"><center>{postrow.displayed.POSTER_NAME}</center></strong></span> <div class="rankprofil"><br /> <div class="rankprofiltxt">{postrow.displayed.POSTER_RANK}</div> </div> <div class="araprofil"></div> <div class="texteprofil"> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR} </div> {postrow.displayed.POSTER_RPG} </span><br /><center><span class="iconsprofil">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.ONLINE_IMG}</span></center></div> <img src="https://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" /> </td> <td class="{postrow.displayed.ROW_CLASS} messagenetier"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td> <td valign="top" nowrap="nowrap" class="post-options"> {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG} </td> </tr> <tr> <td colspan="2" class="hr"> <hr /> </td> </tr> <tr> <td colspan="2">  <div class="vote gensmall">  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>   <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">  <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>   <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>  </div>   <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>   <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>  </div>  <div class="postbody"> <div>{postrow.displayed.MESSAGE}</div>  <dl class="attachbox"> <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt> <dd>  <dl class="file"> <dt> <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />  <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}   {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}  </dt>  <dd> <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em> </dd>   <dd> <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em> </dd>  <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd> </dl>  </dd> </dl>  <div class="clear"></div>  <div class="signature_div"> {postrow.displayed.SIGNATURE} </div>  </div> <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span> </td> </tr> </table> </td> </tr>  </table> <hr /> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th> <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th> </tr>     <tr align="center"> <td class="row1" colspan="2" height="28"> <span class="genmed">{no_post.L_NO_POST}</span> </td> </tr>  <tr align="right"> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="9%" class="noprint"> </td> <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td> <td align="right" nowrap="nowrap" width="9%" class="browse-arrows">  <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>  <a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr> </table> <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;"> <tr> <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>  <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>  </tr>   <tr> <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td> </tr>   </table>  <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px"> <tr> <td class="catBottom" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td> <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </table> <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px"> <tr> <td class="catBottom" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td> <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> <tr> <td class="row2 postbody" valign="top">  » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />  </td> </tr> </table>   <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px"> <tbody> <tr> <td class="catBottom"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td valign="top"> <div class="cattitle"> {L_FORUM_RULES}</div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="row1 clearfix"> <table> <tr>  <td class="logo"> <img src="{RULE_IMG_URL}" alt="" /> </td>  <td class="rules postbody"> {RULE_MSG} </td> </tr> </table> </td> </tr> </tbody> </table>  <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="row2" colspan="2" align="center" style="padding:0px">  <a name="quickreply"></a> {QUICK_REPLY_FORM}<br />  </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"> <tbody>  <tr> <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td> <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td> </tr>  <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>  </tr> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;"> <tbody> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> </table> <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}> <span class="nav">  <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>  </span> </td> <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>  <td align="center"> <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span> </td> <td align="center" width="250"> <span class="gensmall"> </span> </td>  </tr> </table> </form>  <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br /> <form name="action" method="get" action="{S_FORM_MOD_ACTION}"> <input type="hidden" name="t" value="{TOPIC_ID}" />  <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" /> <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span> </form> </td> </tr> </table>   <script type="text/javascript"> //<![CDATA[ $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); //]]> </script>  <script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>

par MlleAlys Mer 17 Jan 2024 - 15:50

Bonjour,
Ligne 114 de votre css, dans le style de l'élément .araprofil, vous avez oublié un guillemet après le lien de l'image de fond. Je pense que c'est ce qui fausse toute la lecture du reste du css.

par **chattigre** Ven 19 Jan 2024 - 20:04

Bienvenue sur le forum de support de Forumactif

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :

N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.

par **Chacha** Mar 23 Jan 2024 - 9:21

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

par **Chacha** Mer 24 Jan 2024 - 9:16

Bonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est archivé afin de ne pas perdre les réponses apportées.

Le CSS ne s'affiche plus