Dim 28 Mai - 16:34 | Bonjour ! J'ai essayé de mettre un de vos libre service de catégories sur mon forum mais sans grand succès, j'en ai bien peur u.u". En effet, sans modifications, le bloc des sous-forums se décale et je ne comprends pas pourquoi. :/ - Spoiler:
Je n'ai aucune modifications dans le index_box hormis le remplacement intégral du code en place par le votre et je n'ai qu'un peu de css supplémentaire : - Spoiler:
- Code:
-
/* FOND TOOLBAR */ #fa_toolbar { padding-top:15px !important; background:#ffffff !important; /* MODIFIABLE */ } /* BORDURE AVATAR TOOLBAR */ .fa_avatar { float:left; position:relative; z-index:5; margin-right:5px; margin-bottom:-10px; width:50px; height:50px; border-radius:50px; overflow:hidden; border:8px solid; border-color:#ffffff; /* MODIFIABLE */ } .fa_avatar img{ width:50px; } #fa_right { float:left !important; } /* MENU TOOLBAR */ ul#fa_menulist { z-index:3 !important; margin-top:-50px !important; border:none !important; background:white !important; /* MODIFIABLE */ } /* LIENS MENU TOOLBAR */ #fa_menulist a:link, #fa_menulist a:visited { color:black !important; /* MODIFIABLE */ } /* BARRE DE NAVIGATION */ #navSIT { position:fixed; z-index:20003 !important; top:15px; right:25px; } /* LIENS NAVIGATION */ #navSIT a{ text-transform:uppercase; text-align:center; font-size:12px; font-family:Arial; color:#5f3575; /* MODIFIABLE */ transition:all .65s linear; -webkit-transition:all .65s linear; } .mainmenu img{ display:none; } /* SURVOL LIEN NAVIGATION */ #navSIT a:hover { color:lightgrey !important; /* MODIFIABLE */ } /* MENU RECHERCHE */ #search_menu { top:25px !important; left:5% !important; } #search_menu a{ background:none !important; border:none !important; color:inherit !important; } /* SUPPRESSION ELEMENTS TOOLBAR */ #fa_share { display:none !important; } #fa_icon { opacity:0 !important; } a#fa_service { opacity:0 !important; } #fa_search { display:none !important; } #fa_hide { display:none !important; } #fa_right a.rightHeaderLink { display:none !important; } #fa_welcome { background:none !important; color:inherit !important; } div#fa_usermenu { display:none !important; } #i_logo { margin-top: 22px; border-top :8px solid #ffffff; border-bottom :8px solid #ffffff; border-left: 8px solid #ffffff; border-right: 8px solid #ffffff; }
/* HAUT CATEGORIES */ .topCAT { margin:auto; width:800px; border-radius:35px 35px 0 0; background:white; /* MODIFIABLE */ } /* TITRE CATEGORIES */ .tleCAT{ text-align:center; padding:1px 0; } .tleCAT h2{ font-size:32px; text-transform:uppercase; font-family:Arial; color:black; /* MODIFIABLE */ } /* CONTENU CATEGORIES */ .mdlCAT { margin:auto; margin-bottom:15px; width:800px; padding:15px 0 10px; border-radius:0 0 35px 35px; background:#575760; /* MODIFIABLE */ } /* BLOC FORUM */ .blocFRM{ width:800px; margin:auto; text-align:center; } /* TITRE FORUM */ .tleFRM a{ display:inline-block; color:black !important; /* MODIFIABLE */ transition:all 0.45s linear; -webkit-transition:all 0.45s linear; } /* BORDURE TITRE FORUM */ .tleFRM { margin:auto; margin-bottom:10px; width:750px; padding-bottom:5px; font-family:Arial; text-align:left; font-size:18px; text-transform:uppercase; letter-spacing:5px; border-bottom:5px dotted black; /* MODIFIABLE */ transition:all 0.45s linear; -webkit-transition:all 0.45s linear; } /* SURVOL TITRE FORUM */ .tleFRM:hover a{ color:#a9a9ad !important; /* MODIFIABLE */ } /* BORDURE SURVOL TITRE FORUM */ .tleFRM:hover { padding-left:35px; width:715px; border-color:#a9a9ad; /* MODIFIABLE */ } /* BLOC DESCRIPTION / AVATAR DERNIER POSTEUR / SOUS-FORUMS / DERNIER MESSAGE / NOMBRE SUJETS & MESSAGES */ .FRM { margin:auto; margin-bottom:15px; width:755px; } /* BLOC DESCRIPTION FORUM */ #descFRM { display:inline-block; width:400px; height:100px; overflow:hidden; background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */ } #descFRM div { position:relative; width:400px; height:100px; overflow:hidden; } /* DESCRIPTION FORUM */ .descFRM{ width:390px !important; height:90px !important; padding:5px !important; overflow:auto !important; font-size:10px; text-align:justify; } /* IMAGE DESCRIPTIVE FORUM */ #descFRM img { position:absolute; z-index:5; margin-left:-200px; width:400px; height:100px; transition:all .65s linear; -webkit-transition:all .65s linear; } #descFRM:hover img { transform:translateX(-400px); -webkit-transform:translateX(-400px); } /* BLOC AVATAR DERNIER POSTEUR */ #avaFRM { display:inline-block; vertical-align:top; margin:0 10px; width:50px; height:90px; border:5px solid; background:#ccc; border-color:rgba(250,250,250,0.3); /* MODIFIABLE */ } /* AVATAR DERNIER POSTEUR */ .avaFRM { width:50px; height:90px; overflow:hidden; } .avaFRM img { width:60px; } /* BLOC SOUS-FORUMS */ .sfFRM { display:inline-block; margin-right:10px; width:105px; height:90px; padding:5px; overflow-y:auto; overflow-x:hidden; line-height:6px; color:rgba(0,0,0,0); background:rgba(250,250,250,0.5); /* MODIFIABLE */ } /* LIEN SOUS-FORUMS */ .sfFRM a{ display:block; padding:3px 0; line-height:12px; text-transform:uppercase; background:white !important; color:black !important; /* MODIFIABLE */ } /* SURVOL LIEN SOUS-FORUMS */ .sfFRM a:hover { color:#a9a9ad !important; /* MODIFIABLE */ } /* BLOC ICÔNES FORUM / DERNIER MESSAGE FORUM / NOMBRE SUJETS & MESSAGES */ .boxFRM { display:inline-block; vertical-align:top; width:150px; } /* BLOC ICÔNES FORUM / DERNIER MESSAGE FORUM */ .lmsgFRM { margin-bottom:5px; width:150px; height:75px; } /* ICÔNES FORUM */ .imgFRM{ width:150px; height:75px; } /* DERNIER MESSAGE FORUM */ .lmsgFRM div{ position:absolute; margin-top:-75px; width:140px; height:60px; padding:10px 5px 5px; text-align:center; font-size:10px; background-color:rgba(250,250,250,0.9); color:black; /* MODIFIABLE */ opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease; } .lmsgFRM:hover div { opacity:1; } /* NOMBRE SUJETS ET MESSAGES FORUM */ .nbFRM { width:150px; height:17px; padding-top:3px; overflow:hidden; text-transform:uppercase; font-size:10px; letter-spacing:-1px; background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */ }
Sauriez-vous m'aider ? J'avoue me casser les dents à essayer de comprendre ce que j'ai fait de mal >.<". En vous remerciant d'avance, quelle que soit votre réponse ! |
|
Lun 29 Mai - 4:35 | Bonjour,
Remplacez votre partie CSS par : - Code:
-
/* FOND TOOLBAR */ #fa_toolbar { padding-top:15px !important; background:#ffffff !important; /* MODIFIABLE */ } /* BORDURE AVATAR TOOLBAR */ .fa_avatar { float:left; position:relative; z-index:5; margin-right:5px; margin-bottom:-10px; width:50px; height:50px; border-radius:50px; overflow:hidden; border:8px solid; border-color:#ffffff; /* MODIFIABLE */ } .fa_avatar img{ width:50px; } #fa_right { float:left !important; } /* MENU TOOLBAR */ ul#fa_menulist { z-index:3 !important; margin-top:-50px !important; border:none !important; background:white !important; /* MODIFIABLE */ } /* LIENS MENU TOOLBAR */ #fa_menulist a:link, #fa_menulist a:visited { color:black !important; /* MODIFIABLE */ } /* BARRE DE NAVIGATION */ #navSIT { position:fixed; z-index:20003 !important; top:15px; right:25px; } /* LIENS NAVIGATION */ #navSIT a{ text-transform:uppercase; text-align:center; font-size:12px; font-family:Arial; color:#5f3575; /* MODIFIABLE */ transition:all .65s linear; -webkit-transition:all .65s linear; } .mainmenu img{ display:none; } /* SURVOL LIEN NAVIGATION */ #navSIT a:hover { color:lightgrey !important; /* MODIFIABLE */ } /* MENU RECHERCHE */ #search_menu { top:25px !important; left:5% !important; } #search_menu a{ background:none !important; border:none !important; color:inherit !important; } /* SUPPRESSION ELEMENTS TOOLBAR */ #fa_share { display:none !important; } #fa_icon { opacity:0 !important; } a#fa_service { opacity:0 !important; } #fa_search { display:none !important; } #fa_hide { display:none !important; } #fa_right a.rightHeaderLink { display:none !important; } #fa_welcome { background:none !important; color:inherit !important; } div#fa_usermenu { display:none !important; } #i_logo { margin-top: 22px; border-top :8px solid #ffffff; border-bottom :8px solid #ffffff; border-left: 8px solid #ffffff; border-right: 8px solid #ffffff; }
/* HAUT CATEGORIE */ .topCAT { margin:10px auto 0; width:800px; padding:20px 0; text-align:center; border-radius:35px 35px 0 0; background:white; /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2{ margin:0; font-size:32px; text-transform:uppercase; font-family:Arial; color:black; /* MODIFIABLE */ } /* CONTENU CATEGORIE */ .mdlCAT { margin:auto; margin-bottom:5px; width:800px; padding:15px 0 10px; border-radius:0 0 35px 35px; background:#575760; /* MODIFIABLE */ } /* BLOC FORUM */ .blocFRM{ width:800px; margin:auto; text-align:center; } /* TITRE FORUM */ .tleFRM a{ color:black !important; /* MODIFIABLE */ transition:all 0.45s linear; -webkit-transition:all 0.45s linear; } /* BORDURE TITRE FORUM */ .tleFRM { margin:auto; margin-bottom:10px; width:750px; padding-bottom:5px; font-family:Arial; text-align:left; font-size:18px; text-transform:uppercase; letter-spacing:5px; border-bottom:5px dotted black; /* MODIFIABLE */ transition:all 0.45s linear; -webkit-transition:all 0.45s linear; } /* SURVOL TITRE FORUM */ .tleFRM:hover a{ color:#A9A9AD !important; /* MODIFIABLE */ } /* BORDURE SURVOL TITRE FORUM */ .tleFRM:hover { width:715px; padding-left:35px; border-color:#A9A9AD; /* MODIFIABLE */ } /* BLOC DESCRIPTION / AVATAR DERNIER POSTEUR / SOUS-FORUMS / DERNIER MESSAGE / NOMBRE SUJETS & MESSAGES */ .FRM { margin:auto; margin-bottom:15px; width:755px; } /* BLOC DESCRIPTION FORUM */ #descFRM { display:inline-block; vertical-align:top; width:400px; height:100px; overflow:hidden; background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */ } #descFRM div { position:relative; width:400px; height:100px; overflow:hidden; } /* DESCRIPTION FORUM */ .descFRM{ width:390px !important; height:90px !important; padding:5px !important; overflow:auto !important; font-size:10px; text-align:justify; } /* IMAGE DESCRIPTIVE FORUM */ #descFRM img { position:absolute; z-index:5; margin-left:-200px; width:400px; height:100px; transition:all .65s linear; -webkit-transition:all .65s linear; } #descFRM:hover img { transform:translateX(-400px); -webkit-transform:translateX(-400px); } /* BLOC AVATAR DERNIER POSTEUR */ #avaFRM { display:inline-block; vertical-align:top; margin:0 10px; width:50px; height:90px; border:5px solid; background:#CCC; border-color:rgba(250,250,250,0.3); /* MODIFIABLE */ } /* AVATAR DERNIER POSTEUR */ .avaFRM { width:50px; height:90px; overflow:hidden; } .avaFRM img { width:60px; } /* BLOC SOUS-FORUMS */ .sfFRM { display:inline-block; vertical-align:top; margin-right:10px; width:105px; height:90px; padding:5px; overflow-y:auto; overflow-x:hidden; line-height:6px; color:rgba(0,0,0,0); background:rgba(250,250,250,0.5); /* MODIFIABLE */ } /* LIENS SOUS-FORUMS */ .sfFRM a{ display:block; padding:3px 0; line-height:12px; text-transform:uppercase; background:white !important; color:black !important; /* MODIFIABLE */ } /* SURVOL LIEN SOUS-FORUM */ .sfFRM a:hover { color:#A9A9AD !important; /* MODIFIABLE */ } /* BLOC ICÔNES FORUM / DERNIER MESSAGE FORUM / NOMBRE SUJETS & MESSAGES */ .boxFRM { display:inline-block; vertical-align:top; width:150px; } /* BLOC ICÔNES FORUM / DERNIER MESSAGE FORUM */ .lmsgFRM { margin-bottom:5px; width:150px; height:75px; } /* ICÔNES FORUM */ .imgFRM{ width:150px; height:75px; } /* DERNIER MESSAGE FORUM */ .lmsgFRM div{ position:absolute; margin-top:-75px; width:140px; height:60px; padding:15px 5px 0; text-align:center; font-size:10px; background-color:rgba(250,250,250,0.9); color:black; /* MODIFIABLE */ opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease; } .lmsgFRM:hover div { opacity:1; } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { width:150px; height:17px; padding-top:3px; overflow:hidden; text-transform:uppercase; font-size:10px; letter-spacing:-1px; background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */ } En cas de persistance du problème, le lien de votre forum me sera nécessaire. |
|
Lun 29 Mai - 8:50 | Bonjour,
Tout est résolu et fonctionne parfaitement ! Merci beaucoup :). |
|