Problème avec un code de catégories
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème avec un code de catégories
Bonjour à vous!
Voilà mon problème, j'ai installer un nouveau code pour personnalisé l'apparence de mes catégories, comme je suis pas très bonne en codage, j'ose pas trop jouer la dedans.
Voici en image ce dont ça devrait avoir l'air: https://i.imgur.com/xo4fP9w.png
Et voici le lien de mon forum, on voit que c'est déformé: http://lesterresdefanelys.forums-actifs.com/
J'ai envoyé un message à celle qui a créé le code, mais comme elle ne s'est pas connectée depuis plus de 2 semaines, j'ai peur que le problème ne soit pas réglé avant l'ouverture du forum.
Voici la feuille CSS:
Merci beaucoup d'avance, j'espère que mon problème sera réglé et que je pourrai utiliser ce magnifique code
Voilà mon problème, j'ai installer un nouveau code pour personnalisé l'apparence de mes catégories, comme je suis pas très bonne en codage, j'ose pas trop jouer la dedans.
Voici en image ce dont ça devrait avoir l'air: https://i.imgur.com/xo4fP9w.png
Et voici le lien de mon forum, on voit que c'est déformé: http://lesterresdefanelys.forums-actifs.com/
J'ai envoyé un message à celle qui a créé le code, mais comme elle ne s'est pas connectée depuis plus de 2 semaines, j'ai peur que le problème ne soit pas réglé avant l'ouverture du forum.
Voici la feuille CSS:
- CSS:
- Code:
219
220
@charset \'utf-8\';
/*************************************************!
*
* project: liteAccordion - a horizontal accordion plugin for jQuery
* author: Nicola Hibbert
* url: http://nicolahibbert.com/liteaccordion-v2/
* demo: http://www.nicolahibbert.com/demo/liteAccordion/
*
* Version: 2.0.2
* Copyright: (c) 2010-2011 Nicola Hibbert
* Licence: MIT
*
**************************************************/
/****************************************** Core */
.accordion { text-align: left; font: \'Helvetica Neue\', Verdana, Arial, sans-serif }
.accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
.accordion .slide > h2 {
color: black;
font-size: 16px;
font-weight: normal;
margin: 0;
z-index: 100;
position: absolute;
top: 0;
left: 0;
-webkit-transform: translateX(-100%) rotate(-90deg);
-webkit-transform-origin: right top;
-moz-transform: translateX(-100%) rotate(-90deg);
-moz-transform-origin: right top;
-o-transform: translateX(-100%) rotate(-90deg);
-o-transform-origin: right top;
transform: translateX(-100%) rotate(-90deg);
transform-origin: right top;
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.accordion .slide > h2 span {
display: block;
padding-right: 8%;
text-align: right;
height: 90%;
margin-top: 5px;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.accordion .slide > h2 b {
display: inline-block;
position: absolute;
top: 13%;
left: 10%;
text-align: center;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.accordion .slide > h2:hover { cursor: pointer }
.accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
.accordion noscript p { padding: 10px; margin: 0; background: white }
/***************************************** Light */
.accordion {
border: 9px solid white;
border-bottom-width: 8px;
padding: 5px 5px 6px 0;
background: #a0a0a0;
-webkit-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
-moz-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
-ms-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
-o-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.accordion .slide > h2 { background: #a0a0a0; text-shadow: 0 -1px 0 white; line-height: 265% }
.accordion .slide > h2 span {
background: #fcfcfc;
background: -moz-linear-gradient(left, #fcfcfc 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(100%,#ededed));
background: -webkit-linear-gradient(left, #fcfcfc 0%,#ededed 100%);
background: -o-linear-gradient(left, #fcfcfc 0%,#ededed 100%);
background: -ms-linear-gradient(left, #fcfcfc 0%,#ededed 100%);
background: linear-gradient(left, #fcfcfc 0%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#fcfcfc\', endColorstr=\'#ededed\',GradientType=1 );
-webkit-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
-moz-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
-o-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
color: #909090;
}
.accordion .slide > h2 b { background: #ffffff; color: #909090; text-shadow: -1px 1px 0 white }
.accordion .slide > h2.selected span, .accordion .slide h2.selected span:hover, .accordion .slide > h2.selected b { background: #ffffff }
.accordion .slide > div { background: #a0a0a0; margin-left: 5px }
/*************************************** Rounded */
.rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
.rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }
/******************************************** IE */
.ie .slide > h2 b { top: 42%; left: 5% }
.ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
.ie.accordion .slide > h2 b { top: 44% }
.accordion .slide > h2 span { filter: none }
/******************************************** FA */
.accordion figure .full { width: 100%; height: 100%; }
.accordion h2 { border: none; }
/* centrer l\'accordéon */
.accordion { margin: auto; }
.bodyline{
border-right: 5px solid #FFFFFF;
border-left: 5px solid #FFFFFF;}
/--*catégories--*/
/* ********** QUI EST EN LIGNE *********** */
.statistiques{
border:0px;
background-repeat: no-repeat;
background-position: left;
height:270px;}
.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}
.forumline {-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
padding: 1px;
}
a {
font-variant: small-caps;
text-decoration: none!important;
}
a:hover {
text-decoration: none!important;
}
**************************************************************
/**Survolage**/
a.forumlink:link, a.forumlink:visited {
-moz-border-radius: 10px 10px 10px 10px;
background-color: #ffffff;
border-bottom: 1px solid #000000;
color: #000000;
font-family: Times New Roman;
font-size: 15px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
text-decoration: shadow !important;
text-shadow: black 1px 1px 2px;
}
a.forumlink:hover{
color: ##ffffff;
letter-spacing: 2px;}
.titre01 {
font-size: 24px;
font-family: Times New Roman;
text-align : center ;
letter-spacing: -1px;
padding-left: 0px;
padding-right: 3px;
padding-bottom: 0px;
padding-top: 3px;
display: block;
text-transform: uppercase;
text-shadow: 1px 1px 1px white;
font-weight:normal;
color : white;
}
.titre02 {
border-radius-topleft: 50px;
border-radius-topright: 50px;
background : #ffffff;
border : 2px solid #fff;
text-align: center;
text-transform: uppercase;
color : #ffffff;
text-shadow: 1px 1px 1px white;
box-shadow : 0px -1px 5px black;
border-radius : 10px 10px 0px 0px;
}
.boxpa1 {
width : 771px;
height : 300px;
line-height : 12px;
color : white;
text-shadow : 1px 1px 0px black;
text-align : justify;
font-variant : small-caps;
font-family : Calibri;
overflow : auto;
border-left : 2px solid white;
border-right : 2px solid white;
border-top : 1px dotted white;
border-bottom : 1px dotted white;
background : ##ffffff;
padding : 3px;
margin-top : -3px;
}
.boxpa2 {
width : 247px;
height : 100px;
line-height : 12px;
color : white;
text-shadow : 1px 1px 0px black;
text-align : center;
font-variant : small-caps;
font-family : Calibri;
overflow : auto;
border-left : 2px solid white;
border-right : 2px solid white;
border-top : 1px dotted white;
border-bottom : 1px dotted white;
background : #ffffff;
padding : 3px;
margin-top : -3px;
}
#boitetatu{
position: fixed;
top: 300px;
left: 20px;
width: 200px;
+ les votres
}
.titreboiteta{
Propriétés CSS
}
.paragraphe{
Propriétés CSS
}
a, a:link {
text-shadow: 0px 0px 5px #ffffff;
}
a:hover {
text-shadow: 0px 0px 0px #ffffff;
}
a.mainmenu {
margin: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}
/***Qeel***/
.qeel_titre
{
width: 890px;
height: 100px;
background: url(#);
}
.qeel
{
width: 890px;
height: 400px;
background: url(https://i.servimg.com/u/f56/17/79/24/41/qui11.jpg);
}
.qeel_table
{
width: 612px;
margin: auto;
}
.colonne
{
position: absolute;
z-index: 1;
width: 200px;
height: 300px;
overflow: auto;
margin-top: 0px;
margin-left: 0px;
background: #36444c;
border: 1px solid #3f4d55;
box-shadow: 0px 0px 0px #0d1418;
-moz-box-shadow: 0px 0px 0px #0d1418;
-o-box-shadow: 0px 0px 0px #0d1418;
-htm-box-shadow: 0px 0px 0px #0d1418;
-webkit-box-shadow: 0px 0px 0px #0d1418;
font-size: 9px;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
transition: 1s;
-moz-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
-o-transition: 1s;
}
.colonne:hover
{
position: absolute;
z-index: 99;
width: 300px;
height: 400px;
margin-top: -50px;
margin-left: -50px;
background: #36444c;
border: 1px solid #3f4d55;
box-shadow: 0px 0px 5px #0d1418;
-moz-box-shadow: 0px 0px 5px #0d1418;
-o-box-shadow: 0px 0px 5px #0d1418;
-htm-box-shadow: 0px 0px 5px #0d1418;
-webkit-box-shadow: 0px 0px 5px #0d1418;
font-size: 11px;
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
transition: 1s;
-moz-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
-o-transition: 1s;
}
.qeel_contenu
{
display: block;
text-align: justify;
padding: 10px;
}
/***EndQueel***/
/****Naviguation***/
#navig
{
width: 700px;
margin: auto;
text-align: center;
}
#navigation
{
position: fixed;
z-index: 999;
width: 100%;
background-color: #A3794D;
border-bottom: 2px solid #FFFFFF;
margin-top: -10px;
margin-left: -10px;
padding: 5px;
}
/***Catégories***/
.newpost, .descriptions {
font-family: 'Lato', sans-serif;
}
.newpost .gensmall, .descriptions .gensmall {
font-size: 12px !important;
}
.forumlink {
font-family: 'Great Vibes', cursive;
font-size: 24px;
font-weight: 400 !important;
}
.forumlink a {
width: 100%;
border-bottom: 1px solid #363A3D;
padding: 0 50px 6px 0;
}
.newpost, .descriptions, .sousforums_container {
background-color: #E6E2E2;
display: inline-block;
}
.newpost {
width: 250px;
}
.descriptions {
width: 366px;
margin: 0 8px;
height: 122px;
overflow: hidden;
}
.description {
height: 70px;
margin-top: 10px;
padding: 0 10px 0 0;
text-align: justify;
overflow: auto;
}
.infopost {
float: left;
}
.lastpost-avatar-container {
height: 120px;
width: 72px;
}
.lastpost-avatar img {
height: 120px;
width: 72px;
border-radius: 0;
}
.clickinfopost {
margin-top: 5px;
}
.clickinfopost .gensmall {
letter-spacing: -.5px;
font-size: 11px !important;
}
.infonewpost {
width: 170px;
height: 120px;
margin: 2px 5px 0 0;
background-color: #EFEEEE;
}
.infonewpost a, .forumlink .gensmall, .sousforums_details a {
text-transform: uppercase;
font-family: Georgia;
}
.infonewpost a {
font-size: 11px;
}
.forumlink .gensmall {
margin-top: -4px;
display: block;
font-size: 9px !important;
}
.sousforums_container {
width: 100px;
height: 120px;
overflow: auto;
}
.sousforums_details a {
display: block;
margin: 2px;
padding: 2px;
background-color: #EFEEEE;
font-size: 9px !important;
}
.secondarytitle, .secondarytitle h2 {
color: #363A3D;
margin: 30px 0 0 0;
padding: 10px;
background-color: #E6E2E2;
font-family: 'Great Vibes', cursive;
font-size: 39px;
font-weight: 400!important;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
Merci beaucoup d'avance, j'espère que mon problème sera réglé et que je pourrai utiliser ce magnifique code
Dernière édition par VanilleNoire le Lun 8 Avr 2019 - 13:52, édité 1 fois
Re: Problème avec un code de catégories
Coucou.
C'est tout simplement car la totalité de tes différentes parties est plus grande que la largeur des catégories donc après quelques essais, tu pourrais changer ces valeurs pour que ça reste bien aligné :
A toi de jouer avec les width ou les margin (marges extérieurs des blocs) pour avoir le résultat attendu.
C'est tout simplement car la totalité de tes différentes parties est plus grande que la largeur des catégories donc après quelques essais, tu pourrais changer ces valeurs pour que ça reste bien aligné :
- Code:
.newpost {
width: 218px;
height:120px;
}
A toi de jouer avec les width ou les margin (marges extérieurs des blocs) pour avoir le résultat attendu.
Re: Problème avec un code de catégories
Bonjour Rivendell,
Merci beaucoup de ton aide! Je ne voulais pas tout faire foirer le code et je crois qu'hier j'étais saturée alors j'osait plus touche à rien, mais en jouant avec ça, tout se place!
Merci beaucoup, j'édite mon premier message
Merci beaucoup de ton aide! Je ne voulais pas tout faire foirer le code et je crois qu'hier j'étais saturée alors j'osait plus touche à rien, mais en jouant avec ça, tout se place!
Merci beaucoup, j'édite mon premier message
Sujets similaires
» Problème avec code des catégories
» Problème code catégories onglets
» Problème avec le code de mise en page des catégories et forums (phpBB3)
» RE Problème avec categories composite avec internet explorer
» Problème de code, Catégories
» Problème code catégories onglets
» Problème avec le code de mise en page des catégories et forums (phpBB3)
» RE Problème avec categories composite avec internet explorer
» Problème de code, Catégories
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum