Miss-sucette
# Problème avec votre code catégorie - Mer 13 Juil - 14:01
Bonjours c'est complique de explique le problème.
Bon avais tout, le code vient de la => https://epsilon-ls.forumactif.com/t110-categories-dorees-et-noires
Je vous passe même les code originelle .
Voila mon soucis en image =>
donc je sais pas comment explique les images de nouveaux message et pas de nouveaux message s'affiche parfois ou parfois pas, donc cela fait des gros bloque blanc tout moche.
Alors que les images sont place dans les partie en question.
donc je vous passe mon forum => https://war-of-empires.forumactif.com/
Et les code que j'ai place et la version du forum est phpBB2
Je vous donne mon css aux complet XD
et vouci mon index_box vue que le code dois etre place la
Merci et desole de venir mais sur 3 heures de rechercher j'ai trouve aucune solition alors qu'il me semble facile :*-*:
Ps : le probleme est toujours meme en change de code.
Bon avais tout, le code vient de la => https://epsilon-ls.forumactif.com/t110-categories-dorees-et-noires
Je vous passe même les code originelle .
Voila mon soucis en image =>
donc je sais pas comment explique les images de nouveaux message et pas de nouveaux message s'affiche parfois ou parfois pas, donc cela fait des gros bloque blanc tout moche.
Alors que les images sont place dans les partie en question.
donc je vous passe mon forum => https://war-of-empires.forumactif.com/
Et les code que j'ai place et la version du forum est phpBB2
Je vous donne mon css aux complet XD
- Css:
- .logo{margin-bottom:-11px;margin-top:49px;margin-left:-8px;}
#i_logo{z-index:1,margin-bottom:-10px;}
.bodylinewidth{margin-top:-10px;background-color:var(--contourforum);padding:30px 30px;margin-bottom:40px;}
.body { background-size: 100% auto; }
.bodyline{background: var(--fondbodyline);
border: 2px solid var(--FondTitre1);
box-shadow: 1px 1px 5px var(--FondTitre1);
width: 100%;
height: auto;}
#bas{background-color:var(--contourforum);width:100%;padding:1px;height:30px;position:fixed;bottom:0;z-index:999;left:0;display:flex;flex-direction:row;justify-content:center;}
.forumline{padding:0;margin:0;border:0}
.postbody .content a {
color: #000;
border-bottom: 1px dotted;
}
.postbody .content a:hover {
color: #FCC50B;
border-bottom: 1px dotted;
}
.bodylinewidth{
margin-top: 10px;
}
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
/*---------------couleur du forum-----------------*/
:root {
--link-forum : #ff7170;
--blanc : #fff;
--gradient :linear-gradient(90deg,#3666b7,#c07c7a);
--fondForum : #f6f6f6;
--fondBodyline : #f2f2f2;
--ContourForum : #a21d1d;
--ImageFond : url('https://www.zupimages.net/up/19/39/u9ww.png');
--FondTitre1 : #231916;
background: #080500;
background-image: url(https://www.transparenttextures.com/patterns/asfalt-light.png);
}
/*----------------------rendre le forum jolie -----------*/
select{
background: var(--gradient) !important;
border: 0px;
border-radius: 5px;
color: var(--blanc);
padding: 1px;
}
a, a:hover{text-decoration:none !important;transition: 2s ease-out !important;}
html{border-left:30px solid var(--contourforum);border-right:30px solid var(--contourforum);margin-bottom:0;}
body{
background-color:var(--FondTitre1);
background-image: var(--ImageFond);
margin-bottom:0px;
}
/************************** NAVIGATION *******************************/
#navSIT {
position:fixed; z-index:5; left:0; top:0;
width:100%; height:50px;
background:#a21d1d; /* MODIFIABLE */
}
.navSIT {
position:absolute; top:15px; right:15px;
}
.mainmenu img {
display:none;
}
/* BORDURE AVATAR */
.avaSIT {
position:absolute; z-index:5; left:15px;
width:75px; height:75px; border-radius:75px; overflow:hidden; border:3px solid;
border-color: #fab806; /* MODIFIABLE */
}
/* IMAGE AVATAR */
.avaSIT img{
width:75px;
}
/* MESSAGE DE BIENVENUE */
.welcSIT {
position:absolute; left:130px; top:20px;
font-size:12px; font-family:Arial; /* MODIFIABLE */
color:white; /* MODIFIABLE */
}
/* BIENVENUE */
.welcSIT::before {
float:left; margin-right:5px;
content:'Bienvenue'; /* MODIFIABLE */
}
/* LIENS NAVIGATION */
#navSIT a{
display:inline-block; vertical-align:middle;
text-align:center;
text-transform:uppercase; font-size:12px; font-family:Arial; /* MODIFIABLE */
color:white; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
color:lightgrey; /* MODIFIABLE */
}
/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:12px !important; content:'Déconnexion'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:45px !important; left:5% !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:lightgrey !important; font-family:Arial; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:black !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
background:black; color:white; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:black; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:black; color:white !important; /* MODIFIABLE */
}
/* RECHERCHE AVANCEE */
#search_menu a{
display:block; margin-bottom:5px; width:235px;
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:black !important; /* MODIFIABLE */
}
/************************** FIN NAVIGATION *******************************/
/******* Categories *****/
@keyframes beat{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}
.bodylinewidth {
margin: 0 auto;
padding: 10px;
background-color: rgba(0, 0, 0, 0.8);
}
.titlecat h2{
text-align:center;
color:#838383;
font-size:50px;
font-family:Satisfy;
text-shadow:1px 1px 0px black;
}
.titlecat::first-letter {
color:#cca44d;
font-size:80px;
font-family:Great Vibes;
font-style:italic;
}
.categories {
width: 100%;
margin: 20px 0px 20px 0px;
}
.avatardernier {
width:60px;
height:60px;
border-radius:100%;
position:relative;
border:solid 2px #cca44d;
overflow:hidden;
float:left;
margin-left:50px;
margin-top:20px;
animation: beat 2s infinite both;
}
.avatardernier img {
width:100%;
animation: beat 2s infinite both;
}
.titlesuj {
margin-left:100px;
padding:30px 20px 5px 20px;
width:80%;
text-align:left;
border-bottom:#cca44d solid 1px;
}
.titlesuj a {
color:#cca44d;
font:15px times new roman;
text-transform:uppercase;
text-shadow:1px 1px 0px black;
transition: all 800ms;
}
.titlesuj a:hover {
transition: all 800ms;
letter-spacing:0.5px;
}
.newmessage {
text-align: center;
width: 540px;
margin: -65px auto 0px 44px;
}
.newmessage img {
width:350px;
}
.lastpost {
margin-left: 90px;
color: #3e3e3e;
font: 11px arial;
text-shadow: 0px 1px 0px black;
display: inline-block;
width: 410px;
text-align: center;
}
.lastpost br {
display:none;
}
.lastpost a {
text-transform:uppercase;
color:#cca44d;
}
.lastpost b a {
color:#3a839e;
}
.lastpost img {
width:15px;
padding-left:10px;
}
.desc {
width: 359px;
height: 160px;
transition: linear 800ms;
margin: -95px 0px 0px 550px;
position: relative;
}
.sousforum {
width: 329px;
height: 130px;
overflow: auto;
transform: scale(0);
outline: 1px solid #cca44d;
outline-offset: -8px;
background: rgba(0, 0, 0, 0.8);
position: relative;
transition: linear 800ms;
font-size: 0px;
padding: 15px;
}
.sousforum a {
margin:2px;
padding:4px;
background:#000000;
color:#cca44d;
text-transform:uppercase;
font:10px arial;
line-height: 32px;
display:inline-block;
transition:all 800ms;
}
.sousforum a:hover {
transition:all 800ms;
outline:1px solid #3e3e3e;
outline-offset:1px;
background:#cca44d;
color:black;
}
.desc:hover .sousforum {
transition:linear 800ms;
transform: scale(1);
}
.description {
text-align: justify;
color: #757575;
text-transform: uppercase;
font: 11px playfair display;
padding: 10px;
overflow: auto;
width: 400px;
height: 65px;
margin-top: 30px;
margin-left: 80px;
}
.description img {
width: 358px;
height: 160px;
background: rgba(0, 0, 0, 0.8);
transition: linear 800ms;
outline: 1px solid #cca44d;
outline-offset: -8px;
position: absolute;
margin-left: 426px;
margin-top: -20px;
}
/**** Categories FIN ****/
/******* Profil + Message****/
.tdw_sub_sousnav {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
padding: 5px;
color: #fafafa;
background-image: linear-gradient(120deg, #8536a4 0%, #370a1b 100%);
line-height: 11px;
}
.tdw_sub_sousnav a {
font: 10px Playfair display;
text-transform: uppercase;
color: #fafafa;
letter-spacing: 1px;
word-spacing: 2px;
}
.tdw_sub_btn {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 15px 0px;
}
.tdw_sub_btn a {
background: #c5b9bf;
width: 360px;
text-align: center;
display: block;
color: #040403;
text-transform: uppercase;
font: 9px Playfair Display;
padding: 2px;
letter-spacing: 2px;
}
.tdw_subject {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
padding: 5px;
background: #eaeaea;
border-top: 15px solid #fff;
}
.tdw_subh {
width: 100%;
}
.tdw_title_inside {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 20px;
color: grey;
font: 10px Playfair Display;
}
.tdw_title_inside a {
font: 9px Playfair Display;
text-transform: uppercase;
letter-spacing: 1px;
color: #040403;
line-height: 200%;
}
.tdw_title_inside span:nth-child(2) {
margin: 0px 10px;
}
.tdw_title_inside span {
font-size: 20px;
background-image:linear-gradient(120deg, #8536a4 0%, #370a1b 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.tdw_sub_name {
background: #040403;
padding: 5px;
}
.tdw_sub_name span {
color: #a56fc4 !important;
font: 12px Pirata One;
text-transform: lowercase;
letter-spacing: 2px;
}
.carrebefore {
position: absolute;
display: block;
margin-top: 32px;
margin-left: 126px;
width: 596px;
height: 120px;
border-top: 1px solid #8435a2;
border-left: 1px solid #8435a2;
}
.tdw_sub_pronom {
text-align: right;
margin: 20px;
font: 40px Playfair display;
padding: 10px 15px 0px 10px;
letter-spacing: 1.5px;
color: #616161;
line-height: 80%;
}
.tdw_sub_pronom span {
background: #eaeaea;
position: relative;
}
.dedanspro {
margin: 5px;
border: solid 1px #c4b5c0;
padding: 2px;
font: 10px calibri;
text-transform: uppercase;
letter-spacing: 1px;
background: #eaeaea;
}
.nameafter {
position: absolute;
background-color: #eaeaea;
text-align: right;
padding: 0px 15px 0px 10px;
letter-spacing: 1.5px;
font: 40px Playfair Display;
line-height: normal;
right: 417px;
margin-top: -52px;
line-height: 80%;
clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 10%);
filter: grayscale(20%);
}
.nameafter span {
color: #bfaac0 !important;
background-image: url(https://66.media.tumblr.com/9cf113a06ad8bbbfbb07d6199bd22ad5/tumblr_p6pjrfCQGU1xp1j77o1_500.gif);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 100%;
}
.tdw_subg {
width: 255px;
position: relative;
}
.tdw_sub_avatar {
text-align: center;
transition:all 800ms;
}
.tdw_sub_avatar img {
width: 250px;
height: 450px;
border: solid 10px #c4b5c0;
transition:all 800ms;
}
.tdw_sub_avatar img:hover {
transition:all 800ms;
filter:grayscale(60%);
}
.tdw_sub_pro {
width: 250px;
margin: 10px auto 10px auto;
border: solid 1px #c4b5c0;
background-image: linear-gradient(120deg, #8536a4 0%, #370a1b 100%);
}
.tdw_sub_contact {
text-align: center;
}
.tdw_sub_fiches {
text-align: center;
margin: 10px 0px;
}
.tdw_submess {
width: 640px;
padding-top: 70px;
}
.tdw_submess, .postbody {
width: 450px;
margin: 5px;
text-align: justify;
}
.tdw_sub_btnstop {
text-align: right;
padding: 0px 20px;
position: relative;
}
.tdw_sub_btnstop a {
color: black;
background-image: -webkit-linear-gradient(120deg, #c3314e, #552673);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font: 11px Playfair Display;
text-transform: uppercase;
margin: 0px 5px;
letter-spacing: 1px;
padding-right: 10px;
border-right: 1px solid #cec8cc;
}
.tdw_sub_btnstop a:last-child {
border:1px solid transparent !important;
}
.tdw_sub_signa img {
max-width: 100%;
width: 300px;
}
.tdw_sub_date {
color: #fafafa !important;
font: 9px Playfair display;
text-transform: uppercase;
background: #040403;
padding: 5px;
letter-spacing: 2px;
margin: 0px 0px 0px auto;
}
.tdw_sub_watch {
text-align: center;
font: 8px Playfair Display;
letter-spacing: 4px;
text-transform: uppercase;
margin: 10px 0px;
}
.tdw_sub_watch a {
background-image: linear-gradient(120deg, #8536a4 0%, #370a1b 100%);
color: #fafafa;
font-weight: bold;
padding: 2px;
}
/**** Fin Profil + message ****/
/*** liste de sujet*****/
.fond_liste_sujets {
background: #e8e8e8;
padding: 5px;
margin-bottom: 15px;
box-shadow: 0 1px 6px rgba(0,0,0,0.15);
display:flex;
flex-wrap:wrap;
}
.iconnn {
width: 92px;
height: 85px;
}
.firsty_blok {
width: 480px;
padding-left: 20px;
}
.titretopic {
width: 380px;
border-bottom: #cdb65c solid 1px;
padding-top: 20px;
}
.titretopic a {
font: 13px calibri;
color: black;
text-transform: uppercase;
}
.againimg {
position: absolute;
margin: -18px 0px 0px 380px;
}
.descriptionsujet {
text-align: justify;
padding-top: 4px;
font: 10px calibri;
color: #565656;
width: 330px;
display: inline-block;
}
.entoureimg {
margin: 4px 0px 0px 10px;
position: absolute;
vertical-align: top;
height: 24px;
display: inline-block;
}
.imgmess {
width: 60px;
height: 24px;
}
.secondblok {
width: 160px;
font: 10px calibri;
text-transform: uppercase;
padding: 20px 00px 0px 20px;
}
.secondblok span {
color: #cdb65c;
}
.thirdblok {
width: 180px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.statssujets {
text-align: center;
font: 13px calibri;
text-transform: uppercase;
padding: 20px 20px 0px 0px;
line-height: 22px;
}
.statssujets span {
color: #cdb65c;
text-shadow: 1px 1px 0px #888888;
}
.statssujets em {
border-top: solid 1px #cdb65c;
}
.modomisenepage {
width: 100%;
background-image: url(https://imgur.com/T12cuzT.png);
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat;
padding: 5px;
color: #cdb65c;
text-transform: uppercase;
font: 11px calibri;
letter-spacing: 2px;
}
.perishmisenepage {
width: 100%;
background-image: url(https://imgur.com/T12cuzT.png);
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat;
padding: 5px;
color: #cdb65c;
text-transform: uppercase;
text-align: center;
font: 11px calibri;
letter-spacing: 2px;
}
.sousnavsujets br {
display:none;
}
.sousnavsujets {
width: 100%;
background-image: url(https://imgur.com/T12cuzT.png);
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat;
padding: 5px;
text-align: center;
display: inline-flex;
justify-content: center;
color: #cdb65c;
}
.sousnavsujets a {
color: #cdb65c;
padding-top: 3px;
text-shadow: 1px 1px 2px black;
text-transform: uppercase;
font: 12px calibri;
font-weight: bold;
}
.zut {
padding-top: 3px;
}
]
/**** Fin de liste de Sujet ****/
/**** QEEL MYRDDIN ****/
#page-footer {
margin-bottom: 10px !important;
font: 9px roboto;
color: #dad9df;
padding: 5px;
line-height: 0;
position: absolute;
text-align: center;
background: #f6f5f8 !important;
width: 100%!important;
}
#page-footer a {
color: #dad9df;
letter-spacing: 1px;
font:9px roboto;
}
.welcometoi {
font: 55px Hamilton;
text-align: center;
color: #c07c59;
margin: 80px 0px -40px 0px;
}
#dernier_membre {
text-align: center;
}
#dernier_membre strong {
font: 30px DM Serif Display;
text-transform: uppercase;
}
#dernier_membre a {
color: #262929;
}
.totalqeel {
background: #f1f0f4;
padding: 10px;
width: 99%;
margin-top: 20px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.blokco {
width: 300px;
}
.blokco h1 {
color: #262929;
font: 20px DM Serif Display;
text-transform: uppercase;
}
.totalusers{
font: 8px roboto;
color: #c07c59;
}
#jambon {
width: 300px;
padding: 10px 10px 10px 0px;
height: 90px;
overflow: auto;
text-align: justify;
font-size: 11px;
}
#jambon br {
display:none;
}
.bloklast {
width: 230px;
}
.premier {
width: 64px;
height: 64px;
padding: 16px 10px 10px 10px;
background: #c07c59;
text-align: center;
color: #f6f5f8;
margin: -35px auto;
font: 10px roboto;
vertical-align: middle;
border-radius: 100%;
transition: 1.2s linear;
border: solid 2px #f6f5f8;
box-shadow: 1px 1px 10px #f1f1f1;
}
#avatar_dernier_membre {
width: 60px;
height: 60px;
overflow: hidden;
border-radius: 100%;
opacity: 0;
margin: -42px -30px -30px -30px;
position: absolute;
transition: 1.2s linear;
}
.premier:hover #avatar_dernier_membre {
opacity:1;
transition-duration: 1s;
transition-timing-function: ease;
}
#avatar_dernier_membre img {
width:100%;
}
.groupsqeel {
padding: 10px;
text-align: center;
margin-top: 40px;
}
.groupsqeel img {
padding:0px 5px 0px 5px;
}
.bloklastco {
width: 300px;
}
.bloklastco h1 {
color: #262929;
font: 20px DM Serif Display;
text-transform: uppercase;
}
#mayonnaise {
width: 300px;
padding: 0px 10px 10px 0px;
height: 90px;
overflow: auto;
text-align: justify;
}
#mayonnaise a {
font-size: 11px;
}
#jambon a {
font-size: 11px;
}
/**** FIN QEEL MYRDDIN ****/
et vouci mon index_box vue que le code dois etre place la
- index_box:
- {catrow.tablehead.L_FORUM}
{catrow.forumrow.avatar.LAST_POST_AVATAR}
{catrow.forumrow.FORUM_DESC}
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
{catrow.forumrow.LAST_POST}
Merci et desole de venir mais sur 3 heures de rechercher j'ai trouve aucune solition alors qu'il me semble facile :*-*:
Ps : le probleme est toujours meme en change de code.
Jawn
# Re: Problème avec votre code catégorie - Ven 15 Juil - 1:18
Bonjour !
Alors oui c'est normal que ça n'affiche pas toutes les images, parce qu'elles ne sont pas toutes installées ! Vous voyez, vous avez "forum" en dessous de "Catégories : Verrouillées" et bien il faut répéter le même schéma sur les trois liens suivants
Alors oui c'est normal que ça n'affiche pas toutes les images, parce qu'elles ne sont pas toutes installées ! Vous voyez, vous avez "forum" en dessous de "Catégories : Verrouillées" et bien il faut répéter le même schéma sur les trois liens suivants
Miss-sucette
# Re: Problème avec votre code catégorie - Dim 17 Juil - 23:34
Bonjour et merci de votre réponse, mais même en les installent la, même problème ^^
J'ai remarque que si on avais pas de sous-catégories le bug se mette j'avais réussi a le debug en mettant tout dans tout la la même catégories malheureusement les sous-catégories avant le bug donc j'ai juste supprime le code et le change.
car les "forum" en dessous de "Catégories : Verrouillées" c'est pour les place en bas du forum et je les supprime toujours afin que si il y a des grande image bug la page elle meme.
J'ai franchement préféré garde vos catégories car elle sont très belle mais si le bug est toujours c'est moche.
si par chance vous savais régler le soucis, je les re installe de suite ^^
bonne fin de journée
J'ai remarque que si on avais pas de sous-catégories le bug se mette j'avais réussi a le debug en mettant tout dans tout la la même catégories malheureusement les sous-catégories avant le bug donc j'ai juste supprime le code et le change.
car les "forum" en dessous de "Catégories : Verrouillées" c'est pour les place en bas du forum et je les supprime toujours afin que si il y a des grande image bug la page elle meme.
J'ai franchement préféré garde vos catégories car elle sont très belle mais si le bug est toujours c'est moche.
si par chance vous savais régler le soucis, je les re installe de suite ^^
bonne fin de journée
Jawn
# Re: Problème avec votre code catégorie - Dim 17 Juil - 23:51
Ce serait possible de remettre les catégories même avec le beug ? Comme ça je pourrais passer voir directement sur le forum
Jawn
Contenu sponsorisé
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|