Déplacement du forum à chaque modification dans le CSS
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Déplacement du forum à chaque modification dans le CSS
Détails techniques
Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Internet Explorer
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 23/05/2017
Lien du forum : http://crossing-leaf.forumactif.org/
Description du problème
Bonjour, tout d'abord j'aimerais remercier les personnes qui prendrons en compte mon problème.Je rencontre depuis trois jours un problème sur mon forum. Dès que je modifie mon CSS mon forum se déplace ou change de dimensions. Comme par exemple, mes widgets qui mordent sur le forum:
En revanche, lorsque j’enregistre une nouvelle fois en actualisant ma page, tout redeviens à la normale :
Ce problème est survenu depuis que j'ai rencontré un bug avec mon CSS. C'est à dire que j'ai effacé une partie de mon CSS par erreur et j'ai essayer tant bien que mal de retrouver les codes anciennement utilisés. Je pense donc qu'il s'agit d'un problème lié à mon CSS étant donnée que les modifications sur mon forum surviennent de là.
Voici mon CSS:
- CSS:
- Code:
.bodyline{
border-top: none !important;
border-bottom: none !important; }
body.chatbox {
background-image: url("https://i37.servimg.com/u/f37/19/51/29/30/fondtc11.jpg")
}
#chatbox_members .cb-avatar > img {
height:20px;width:20px;
vertical-align: middle;
}
#chatbox_header .cattitle:before { content: "Crossing"; }
body {
cursor: url(""), auto;
}
.forumline{
border-bottom: 5px #EFEFEF solid;
border-top: 5px #EFEFEF solid;
border-right: 2px #EFEFEF solid;
border-left: 2px #EFEFEF solid;
border-radius: 7px;
}
a.forumlink:link, a.forumlink:visited {
font-family: finkheavy;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #couleur;
color: #couleur;
letter-spacing: 1px;
display: block;
-moz-border-radius:10px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("url de votre image");
color: #couleur;
text-align: center;
display: block;
border-bottom: 5px solid #couleur;
-moz-border-radius:10px;
}
.catHead { border: none !important;}
.catBottom { border: none !important;}
.thLeft { border: none !important;}
.thRight { border: none !important;}
.row3Right { border: none !important;}
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
.code {
background-color: #000;
border: 1px #FFF dotted;
}
.cont_code span {
font-family: Comic Sans MS, sans-serif;
font-size: 12px;
color: #9b6b6b;
line-height: 125%;
}
1.
2./*===description forum===*/
3.p#pun-desc {
4. color: transparent;
5. }
1..mobile_image { max-width:99% }
2.#mpage-body .postbody > .content > div { overflow:hidden }
body {
background-image:url("https://i37.servimg.com/u/f37/19/51/29/30/arbre13.jpg");
background-position:fixed;
background-size:150%;
}
div.topictitle strong { display: none; }
body {
background-image:url(https://i37.servimg.com/u/f37/19/51/29/30/arbre13.jpg);
background-size: 100% auto;
}
#chatbox_header .catBottom .cattitle {
font-family: 'FinkHeavy';}
.date-and-time {
display: none;
}
#chatbox > p {
border: none !important;
}
/************** DEBUT DES CODES PROFILS ********************/
table.tableau_profil{
width:210px;
border-radius:20px;
margin:auto;
border:0;
}
table.tableau_profil td.milieu_tab{
width:210px;
background-color:#DFE4E6;
border-radius:20px;
background-repeat:repeat-y;
border: 1px solid #95a9b7;
padding-left:14px;
padding-right:14px;
text-align:center;
}
table.tableau_profil td.milieu_tab span.pseudo_posteur{
font-family: 'Georgia', cursive;
font-size:18pt;
}
table.tableau_profil td.milieu_tab span.rang_posteur{
font-family: 'arial', cursive;
font-size:11pt;
color:white;
font-style:italic;
}
table.tableau_profil td.milieu_tab div.infos_posteur{
width:190px;
margin:auto;
padding:4px;
text-align:left;
font-family: 'arial', cursive;
background-color:#EFEFEF;
border:1px solid #95a9b7;
border-radius:20px;
opacity:0.5; /* Transparence : 0 = transparent // 1 = opaque */
-moz-opacity : 0.5; /* Transparence pour Firefox */
-ms-filter: "alpha(opacity=50)"; /* Transparence pour IE 8 */
filter : alpha(opacity=50); /* Transparence pour les versions IE antérieure à la 8 */
}
.postdetails.poster-profile a img:hover {
filter:grayscale(1); /* Firefox 35+ */
-webkit-filter:grayscale(1); /* Chrome, safari, opera */
filter:gray; /* IE 6-9 */
}
/************** FIN DES CODES ********************/
/*========================================================================================================
PROFIL DES MEMBRE - BY Batty
========================================================================================================*/
.batty_corp{
background:rgba(22, 22, 22, 0.5);
border-radius:20px;
padding:15px;
border:3px solid #fff;
}
.batty_corp-info{
width:100%;
background:rgba(22, 22, 22, 0.8);
border-radius:20px;
padding:15px;
color:#fff !important;
font-size:15px;
}
.batty_corp-avatar{
width:200px;
background:rgba(22, 22, 22, 0.8);
text-align:center;
border-radius:20px;
padding:15px;
color:#fff;
font-size:15px;
}
.batty_corp-avatar img{
margin:5px 0px;
}
.batty_rang{
font-size:0px;
}
.batty_titre{
width:300px;
background-color:rgba(22, 22, 22, 0.8);
border-radius:20px;
padding:5px 10px;
color:#fff;
font-size:18px;
text-align:left;
font-family:'Times New Roman';
}
.batty_titre div{
padding:0px 8px;
background-image: url('http://www.zupimages.net/up/16/14/ggs8.png');
background-repeat: no-repeat;
}
.batty_titre2{
width:300px;
color:#fff;
font-size:18px;
text-align:left;
padding:10px 0px;
font-family:'Times New Roman';
}
.batty_titre2 div{
padding:0px 8px;
background-image: url('http://www.zupimages.net/up/16/14/ggs8.png');
background-repeat: no-repeat;
}
.batty_info-fiche{
display:inline-block;
width: 33%;
min-height:100px;
text-align:center;
color: #fff;
}
.batty_info-fiche textarea {
display:block;
background:none;
border:none;
}
/*========================================================================================================
PROFIL DES MEMBRE - BY Batty [END]
========================================================================================================*/
/* CODES POUR LE QEEL */
#qeel h1, #qeel h2, #qeel h3, #qeel p {
margin: 0; padding: 0; font-weight: normal;
}
#qeel {
width: 800px;
min-height: 200px;
border-radius: 10px;
background: #fff;
margin: 75px auto 20px;
position: relative;
padding-top: 50px;
font-family: "FinkHeavy", sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: gray;
}
#qeel a {
color: darkgray;
text-decoration: none;
}
#qeel a, #qeel h2 {
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
#qeel a:hover {
color: #d74e77;
}
#qeel h1 {
width: 328px;
height: 83px;
background: url("https://i37.servimg.com/u/f37/19/51/29/30/qui_es10.png") no-repeat;
position: absolute;
top: -58px;
left: 50%;
margin-left: -164px;
text-indent: -9999px;
}
#qeel td {
vertical-align: top;
}
#qeel td p .gensmall, #qeel td.row1 .gensmall, #qeel .gensmall {
font-family: "FinkHeavy", sans-serif;
color: #F54DA0;
font-size: 10px;
}
#qeel table td {
border-radius: 10px;
position: relative;
padding-top: 25px;
min-height: 50px;
}
#qeel table td.withbg {
background: #e4e1e2;
}
#qeel h2 {
/*height: 34px;*/
position: absolute;
top: -12px;
z-index: 3;
font-size: 24px;
font-family: 'FinkHeavy', cursive;
color: #808080;
}
#qeel h2:hover {
color: rgba(209,42,97,1);
}
#qeel td.row1, td.row3.over:hover {
background-color: transparent !important;
}
#qeel table.annifs {
margin-top: -30px !important;
}
table.annifs tbody tr:nth-child(2) td {
padding-top: 0px !important;
}
.groups {padding: 10px !important; text-align: center; }
/* CREDITS */
#credits {
position: absolute;
padding: 0px 10px;
bottom: -20px;
right: 0px;
height: 20px;
line-height: 20px;
font-size: 8px;
color: gray;
text-transform: uppercase;
text-shadow: 1px 1px 0px #ffffff;
}
/*
* Libre service bloc de connexion rapide verte
* NEVER UTOPIA
*/
/* Bloc qui entoure tout */
.cnxl-bloc {
margin: 20px auto;
font-family: 'Playfair Display', serif;
text-align: center;
font-size: 15px;
color: #484848;
}
/* Aligner les 3 blocs */
.cnxl-submit-bloc,
.cnxl-inscription,
.cnxl-input-bloc {
display: inline-block;
vertical-align: middle;
}
/* Style commun pour tous les champs */
.cnxl-form input {
padding: 10px;
border: none;
font-family: inherit;
font-size: 15px;
outline: none;
}
/*
* Décoration à gauche
* Inscription
*/
.cnxl-inscription {
width: 80px;
height: 80px;
border-radius: 50%;
border: 2px solid #92B735;
padding: 8px;
}
.cnxl-inscription img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
/*
* Champs à remplir au centre
*/
.cnxl-input-bloc {
margin: 0 20px;
width: 200px;
border-radius: 5px;
box-shadow: 0 0 0 2px #92B735;
overflow: hidden;
padding: 0 5px; /* espace entre le bord et le trait des input */
background: #FFFFFF;
}
.cnxl-input-bloc input {
color: black;
box-sizing: border-box;
display: block;
width: 100%;
border-bottom: 1px solid #92B735; /* bordure entre les input */
box-shadow: 0 0 0 100px #ffffff inset; /* couleur de fond des input */
}
.cnxl-input-bloc input:last-of-type {
border: none;
}
/*
* Connexion à droite
*/
/* Bouton de connexion */
.cnxl-submit-bloc input {
background: #92B735;
border-radius: 3px;
cursor: pointer;
transition: all 300ms ease-out;
}
/* Bouton de connexion au survol */
.cnxl-submit-bloc input:hover {
background: #ede390;
}
/*
* Zone en bas
*/
.cnxl-form label {
cursor: pointer;
}
/* Liens (Mot de passe oublié) */
.cnxl-bloc a {
font-size: 10px;
text-decoration: none!important;
color: #766e6e;
text-decoration: none;
transition: all 300ms ease-out;
}
/* Liens au survol
/* CODES CSS CATEGORIES AUX DESCRIPTIONS CACHEES */
.cate
{
width: 500px;
height: 150px;
overflow: hidden;
background-color: #ffffff;
}
.cate_img
{
position: relative;
z-index: 2;
width: 500px;
height: 150px;
margin-left: 0px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate:hover .cate_img
{
margin-left: 510px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate_description
{
position: relative;
z-index: 1;
width: 500px;
height: 150px;
margin-top: -150px;
text-align: justify;
font-size: 11px;
color: #8c8c8c;
padding: 2px;
overflow: auto;
}
/* CSS perso */
.forumline.genmed {
background-image: url("https://i58.servimg.com/u/f58/19/51/29/30/tablea12.png");
background-color: transparent;
border: none;
}
td.row1, td.row3.over:hover {
background-color:transparent;
}
.row1 > .marquee {
margin-left: 10px;
background-color: rgba(239, 239, 239, 0.3);
}
.catLeft > .genmed.module-title {
text-shadow: 2px 0px 1px rgb(222, 174, 102)
}
td.catLeft {
border-style:none;
}
.js-marquee > a {
color: #1c7037;
}
/* MISE EN FORME DES LISTES DE SUJETS */
.bloc_sujets
{
width: 950px;
margin: auto;
background: #dfdfdf;
border: 1px solid #ececec;
box-shadow: 0px 0px 3px #868686;
-o-box-shadow: 0px 0px 3px #868686;
-moz-box-shadow: 0px 0px 3px #868686;
-webkit-box-shadow: 0px 0px 3px #868686;
-htm-box-shadow: 0px 0px 3px #868686;
padding: 5px;
}
.sujets
{
background: #ececec;
border: 1px dotted #ffffff;
padding: 3px;
}
.topictitle
{
font-variant: small-caps;
font-size: 12px;
}
.sujets_auteur
{
display: block;
width: 200px;
font-size: 11px;
}
.sujet_last
{
display: block;
width: 180px;
height: 40px;
background: #f4f4f4;
border-left: 3px solid #9e9e9e;
border-right: 3px solid #9e9e9e;
padding-top: 10px;
font-size: 11px;
}
.sujets_stats
{
width: 900px;
text-align: right;
margin-bottom: 5px;
}
.sujets_stats_contenu
{
font-size: 10px;
color: #a4a4a4;
}
div.signature_div img {
max-width:600px;
max-height:350px;}
tr.annonce td {background-color:#E6B5E1!important;} /* Modifie la couleur de fond des annonces */
tr.Note td {background-color:#6FCDC0!important;} /* Modifie la couleur de fond des Note */
J'espère sincèrement que vous pourrez me venir en aide car ce problème est très embarrassant je ne peux faire de modifications sur mon forum par peur d'un dysfonctionnement...
Re: Déplacement du forum à chaque modification dans le CSS
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. |
Difficile à dire sans apercevoir le problème sur votre forum. Néanmoins en parcourant votre CSS, on peut apercevoir certaines erreurs (qui n'entrainent cependant pas le problème rencontré).
J'ai passé votre code dans un "beautifier" pour qu'il soit un peu plus lisible et mieux organisé, le voici :
- Code:
.bodyline {
border-top: none !important;
border-bottom: none !important;
}
body.chatbox {
background-image: url("https://i37.servimg.com/u/f37/19/51/29/30/fondtc11.jpg")
}
#chatbox_members .cb-avatar > img {
height: 20px;
width: 20px;
vertical-align: middle;
}
#chatbox_header .cattitle:before {
content: "Crossing";
}
body {
cursor: url(""), auto;
}
.forumline {
border-bottom: 5px #EFEFEF solid;
border-top: 5px #EFEFEF solid;
border-right: 2px #EFEFEF solid;
border-left: 2px #EFEFEF solid;
border-radius: 7px;
}
a.forumlink:link,
a.forumlink:visited {
font-family: finkheavy;
text-transform: uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #couleur;
color: #couleur;
letter-spacing: 1px;
display: block;
-moz-border-radius: 10px;
}
a.forumlink:hover,
a.forumlink:hover:visited {
background-image: url("url de votre image");
color: #couleur;
text-align: center;
display: block;
border-bottom: 5px solid #couleur;
-moz-border-radius: 10px;
}
.catHead {
border: none !important;
}
.catBottom {
border: none !important;
}
.thLeft {
border: none !important;
}
.thRight {
border: none !important;
}
.row3Right {
border: none !important;
}
-RETRAIT: ce CSS pose de nombreux problèmes - {
display: none;
}
.code {
background-color: #000;
border: 1px #FFF dotted;
}
.cont_code span {
font-family: Comic Sans MS, sans-serif;
font-size: 12px;
color: #9b6b6b;
line-height: 125%;
}
1. 2.
/*===description forum===*/
3.p#pun-desc {
4. color: transparent;
5.
}
1..mobile_image {
max-width: 99%
}
2.#mpage-body .postbody > .content > div {
overflow: hidden
}
body {
background-image: url("https://i37.servimg.com/u/f37/19/51/29/30/arbre13.jpg");
background-position: fixed;
background-size: 150%;
}
div.topictitle strong {
display: none;
}
body {
background-image: url(https://i37.servimg.com/u/f37/19/51/29/30/arbre13.jpg);
background-size: 100% auto;
}
#chatbox_header .catBottom .cattitle {
font-family: 'FinkHeavy';
}
.date-and-time {
display: none;
}
#chatbox > p {
border: none !important;
}
/************** DEBUT DES CODES PROFILS ********************/
table.tableau_profil {
width: 210px;
border-radius: 20px;
margin: auto;
border: 0;
}
table.tableau_profil td.milieu_tab {
width: 210px;
background-color: #DFE4E6;
border-radius: 20px;
background-repeat: repeat-y;
border: 1px solid #95a9b7;
padding-left: 14px;
padding-right: 14px;
text-align: center;
}
table.tableau_profil td.milieu_tab span.pseudo_posteur {
font-family: 'Georgia', cursive;
font-size: 18pt;
}
table.tableau_profil td.milieu_tab span.rang_posteur {
font-family: 'arial', cursive;
font-size: 11pt;
color: white;
font-style: italic;
}
table.tableau_profil td.milieu_tab div.infos_posteur {
width: 190px;
margin: auto;
padding: 4px;
text-align: left;
font-family: 'arial', cursive;
background-color: #EFEFEF;
border: 1px solid #95a9b7;
border-radius: 20px;
opacity: 0.5;
/* Transparence : 0 = transparent // 1 = opaque */
-moz-opacity: 0.5;
/* Transparence pour Firefox */
-ms-filter: "alpha(opacity=50)";
/* Transparence pour IE 8 */
filter: alpha(opacity=50);
/* Transparence pour les versions IE antérieure à la 8 */
}
.postdetails.poster-profile a img:hover {
filter: grayscale(1);
/* Firefox 35+ */
-webkit-filter: grayscale(1);
/* Chrome, safari, opera */
filter: gray;
/* IE 6-9 */
}
/************** FIN DES CODES ********************/
/*========================================================================================================
PROFIL DES MEMBRE - BY Batty
========================================================================================================*/
.batty_corp {
background: rgba(22, 22, 22, 0.5);
border-radius: 20px;
padding: 15px;
border: 3px solid #fff;
}
.batty_corp-info {
width: 100%;
background: rgba(22, 22, 22, 0.8);
border-radius: 20px;
padding: 15px;
color: #fff !important;
font-size: 15px;
}
.batty_corp-avatar {
width: 200px;
background: rgba(22, 22, 22, 0.8);
text-align: center;
border-radius: 20px;
padding: 15px;
color: #fff;
font-size: 15px;
}
.batty_corp-avatar img {
margin: 5px 0px;
}
.batty_rang {
font-size: 0px;
}
.batty_titre {
width: 300px;
background-color: rgba(22, 22, 22, 0.8);
border-radius: 20px;
padding: 5px 10px;
color: #fff;
font-size: 18px;
text-align: left;
font-family: 'Times New Roman';
}
.batty_titre div {
padding: 0px 8px;
background-image: url('http://www.zupimages.net/up/16/14/ggs8.png');
background-repeat: no-repeat;
}
.batty_titre2 {
width: 300px;
color: #fff;
font-size: 18px;
text-align: left;
padding: 10px 0px;
font-family: 'Times New Roman';
}
.batty_titre2 div {
padding: 0px 8px;
background-image: url('http://www.zupimages.net/up/16/14/ggs8.png');
background-repeat: no-repeat;
}
.batty_info-fiche {
display: inline-block;
width: 33%;
min-height: 100px;
text-align: center;
color: #fff;
}
.batty_info-fiche textarea {
display: block;
background: none;
border: none;
}
/*========================================================================================================
PROFIL DES MEMBRE - BY Batty [END]
========================================================================================================*/
/* CODES POUR LE QEEL */
#qeel h1,
#qeel h2,
#qeel h3,
#qeel p {
margin: 0;
padding: 0;
font-weight: normal;
}
#qeel {
width: 800px;
min-height: 200px;
border-radius: 10px;
background: #fff;
margin: 75px auto 20px;
position: relative;
padding-top: 50px;
font-family: "FinkHeavy", sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: gray;
}
#qeel a {
color: darkgray;
text-decoration: none;
}
#qeel a,
#qeel h2 {
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
#qeel a:hover {
color: #d74e77;
}
#qeel h1 {
width: 328px;
height: 83px;
background: url("https://i37.servimg.com/u/f37/19/51/29/30/qui_es10.png") no-repeat;
position: absolute;
top: -58px;
left: 50%;
margin-left: -164px;
text-indent: -9999px;
}
#qeel td {
vertical-align: top;
}
#qeel td p .gensmall,
#qeel td.row1 .gensmall,
#qeel .gensmall {
font-family: "FinkHeavy", sans-serif;
color: #F54DA0;
font-size: 10px;
}
#qeel table td {
border-radius: 10px;
position: relative;
padding-top: 25px;
min-height: 50px;
}
#qeel table td.withbg {
background: #e4e1e2;
}
#qeel h2 {
/*height: 34px;*/
position: absolute;
top: -12px;
z-index: 3;
font-size: 24px;
font-family: 'FinkHeavy', cursive;
color: #808080;
}
#qeel h2:hover {
color: rgba(209, 42, 97, 1);
}
#qeel td.row1,
td.row3.over:hover {
background-color: transparent !important;
}
#qeel table.annifs {
margin-top: -30px !important;
}
table.annifs tbody tr:nth-child(2) td {
padding-top: 0px !important;
}
.groups {
padding: 10px !important;
text-align: center;
}
/* CREDITS */
#credits {
position: absolute;
padding: 0px 10px;
bottom: -20px;
right: 0px;
height: 20px;
line-height: 20px;
font-size: 8px;
color: gray;
text-transform: uppercase;
text-shadow: 1px 1px 0px #ffffff;
}
/*
* Libre service bloc de connexion rapide verte
* NEVER UTOPIA
*/
/* Bloc qui entoure tout */
.cnxl-bloc {
margin: 20px auto;
font-family: 'Playfair Display', serif;
text-align: center;
font-size: 15px;
color: #484848;
}
/* Aligner les 3 blocs */
.cnxl-submit-bloc,
.cnxl-inscription,
.cnxl-input-bloc {
display: inline-block;
vertical-align: middle;
}
/* Style commun pour tous les champs */
.cnxl-form input {
padding: 10px;
border: none;
font-family: inherit;
font-size: 15px;
outline: none;
}
/*
* Décoration à gauche
* Inscription
*/
.cnxl-inscription {
width: 80px;
height: 80px;
border-radius: 50%;
border: 2px solid #92B735;
padding: 8px;
}
.cnxl-inscription img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
/*
* Champs à remplir au centre
*/
.cnxl-input-bloc {
margin: 0 20px;
width: 200px;
border-radius: 5px;
box-shadow: 0 0 0 2px #92B735;
overflow: hidden;
padding: 0 5px;
/* espace entre le bord et le trait des input */
background: #FFFFFF;
}
.cnxl-input-bloc input {
color: black;
box-sizing: border-box;
display: block;
width: 100%;
border-bottom: 1px solid #92B735;
/* bordure entre les input */
box-shadow: 0 0 0 100px #ffffff inset;
/* couleur de fond des input */
}
.cnxl-input-bloc input:last-of-type {
border: none;
}
/*
* Connexion à droite
*/
/* Bouton de connexion */
.cnxl-submit-bloc input {
background: #92B735;
border-radius: 3px;
cursor: pointer;
transition: all 300ms ease-out;
}
/* Bouton de connexion au survol */
.cnxl-submit-bloc input:hover {
background: #ede390;
}
/*
* Zone en bas
*/
.cnxl-form label {
cursor: pointer;
}
/* Liens (Mot de passe oublié) */
.cnxl-bloc a {
font-size: 10px;
text-decoration: none!important;
color: #766e6e;
text-decoration: none;
transition: all 300ms ease-out;
}
/* Liens au survol
/* CODES CSS CATEGORIES AUX DESCRIPTIONS CACHEES */
.cate {
width: 500px;
height: 150px;
overflow: hidden;
background-color: #ffffff;
}
.cate_img {
position: relative;
z-index: 2;
width: 500px;
height: 150px;
margin-left: 0px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate:hover .cate_img {
margin-left: 510px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate_description {
position: relative;
z-index: 1;
width: 500px;
height: 150px;
margin-top: -150px;
text-align: justify;
font-size: 11px;
color: #8c8c8c;
padding: 2px;
overflow: auto;
}
/* CSS perso */
.forumline.genmed {
background-image: url("https://i58.servimg.com/u/f58/19/51/29/30/tablea12.png");
background-color: transparent;
border: none;
}
td.row1,
td.row3.over:hover {
background-color: transparent;
}
.row1 > .marquee {
margin-left: 10px;
background-color: rgba(239, 239, 239, 0.3);
}
.catLeft > .genmed.module-title {
text-shadow: 2px 0px 1px rgb(222, 174, 102)
}
td.catLeft {
border-style: none;
}
.js-marquee > a {
color: #1c7037;
}
/* MISE EN FORME DES LISTES DE SUJETS */
.bloc_sujets {
width: 950px;
margin: auto;
background: #dfdfdf;
border: 1px solid #ececec;
box-shadow: 0px 0px 3px #868686;
-o-box-shadow: 0px 0px 3px #868686;
-moz-box-shadow: 0px 0px 3px #868686;
-webkit-box-shadow: 0px 0px 3px #868686;
-htm-box-shadow: 0px 0px 3px #868686;
padding: 5px;
}
.sujets {
background: #ececec;
border: 1px dotted #ffffff;
padding: 3px;
}
.topictitle {
font-variant: small-caps;
font-size: 12px;
}
.sujets_auteur {
display: block;
width: 200px;
font-size: 11px;
}
.sujet_last {
display: block;
width: 180px;
height: 40px;
background: #f4f4f4;
border-left: 3px solid #9e9e9e;
border-right: 3px solid #9e9e9e;
padding-top: 10px;
font-size: 11px;
}
.sujets_stats {
width: 900px;
text-align: right;
margin-bottom: 5px;
}
.sujets_stats_contenu {
font-size: 10px;
color: #a4a4a4;
}
div.signature_div img {
max-width: 600px;
max-height: 350px;
}
tr.annonce td {
background-color: #E6B5E1!important;
}
/* Modifie la couleur de fond des annonces */
tr.Note td {
background-color: #6FCDC0!important;
}
/* Modifie la couleur de fond des Note */
Ouvrez le dans un éditeur de texte (je vous conseille Notepad++) pour corriger les erreurs rencontrés :
- Lignes 16 à 18 : aucune URL fournie pour le curseur. Mettez le code en commentaire : /* code ici */
- Lignes 32, 33, 41, 44 : #couleur ça n'existe pas. Il faut mettre un code couleur hexadécimal #... ( http://www.code-couleur.com/ ) ou entrer le nom de la couleur en anglais.
- Ligne 40 : aucune URL fournie pour le background-image. Supprimez-la ligne ou commentez-la ( /* ... */ )
- Ligne 62 à 64 : supprimez le code, vous l'avez sans doute trouvé pour supprimer le "Dernière édition par ..." mais ce code pose de nombreux problèmes et est censuré ici (d'ailleurs ça se voit dans le code). Pour retirer les mentions, je vous invite à lire ce tutoriel.
- Lignes 75 à 85 : vous avez des chiffres qui viennent s'ajouter comme ça n'importe où, sans doute à cause d'un C/C.
Le reste me parait correct (bien que je n'ai pas vérifié en profondeur).
Concernant votre problème maintenant, si il réapparait, laissez-le tel quel que nous puissions observer et analyser le code.
Cordialement.
Re: Déplacement du forum à chaque modification dans le CSS
Bonjour merci beaucoup pour votre réponse, je vais déjà commencer par corriger ces erreurs dans mon CSS. Par contre, je ne peux pas afficher le problème sur mon site pour le moment vu qu'il y a beaucoup d'activités ce weekend qui ont été prévue. Je peux éventuellement faire une annonce et afficher le problème lundi pour analyser le code.
Re: Déplacement du forum à chaque modification dans le CSS
Bonsoir le problème est réapparus, cependant rien d'anormal sur l'accueil mais dans les sous-forums et les sujets comme ICI ou ICI.
Un membre m'a aussi fais part de problèmes rencontrés sur tablette, tout est déplacé :
Avant cela j'ai modifié mon CSS, le voici:
Je vous remercie d'avance pour l'intention que vous porterez à ma demande !
Un membre m'a aussi fais part de problèmes rencontrés sur tablette, tout est déplacé :
Avant cela j'ai modifié mon CSS, le voici:
- Mon CSS:
- Code:
body {
cursor: url(https://i58.servimg.com/u/f58/19/51/29/30/curseu11.png), auto;
}
a {
cursor: url(https://i58.servimg.com/u/f58/19/51/29/30/curseu11.png), auto;
}
img {
cursor: url(https://i58.servimg.com/u/f58/19/51/29/30/curseu11.png), auto;
}
.forumline{
border-bottom: 5px #EFEFEF solid;
border-top: 5px #EFEFEF solid;
border-right: 2px #EFEFEF solid;
border-left: 2px #EFEFEF solid;
border-radius: 7px;
}
a.forumlink:link, a.forumlink:visited {
font-family: finkheavy;
text-transform : uppercase;
text-align: center;
font-size: 100%;}
.catHead { border: none !important;}
.catBottom { border: none !important;}
.thLeft { border: none !important;}
.thRight { border: none !important;}
.row3Right { border: none !important;}
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
.code {
background-color: #000;
border: 1px #FFF dotted;
}
.cont_code span {
font-family: Comic Sans MS, sans-serif;
font-size: 12px;
color: #9b6b6b;
line-height: 125%;
}
/************** DEBUT DES CODES PROFILS ********************/
table.tableau_profil{
width:210px;
border-radius:20px;
margin:auto;
border:0;
}
table.tableau_profil td.milieu_tab{
width:210px;
background-color:#DFE4E6;
border-radius:20px;
background-repeat:repeat-y;
border: 1px solid #95a9b7;
padding-left:14px;
padding-right:14px;
text-align:center;
}
table.tableau_profil td.milieu_tab span.pseudo_posteur{
font-family: 'Georgia', cursive;
font-size:18pt;
}
table.tableau_profil td.milieu_tab span.rang_posteur{
font-family: 'arial', cursive;
font-size:11pt;
color:white;
font-style:italic;
}
table.tableau_profil td.milieu_tab div.infos_posteur{
width:190px;
margin:auto;
padding:4px;
text-align:left;
font-family: 'arial', cursive;
background-color:#EFEFEF;
border:1px solid #95a9b7;
border-radius:20px;
opacity:0.5; /* Transparence : 0 = transparent // 1 = opaque */
-moz-opacity : 0.5; /* Transparence pour Firefox */
-ms-filter: "alpha(opacity=50)"; /* Transparence pour IE 8 */
filter : alpha(opacity=50); /* Transparence pour les versions IE antérieure à la 8 */
}
.postdetails.poster-profile a img:hover {
filter:grayscale(1); /* Firefox 35+ */
-webkit-filter:grayscale(1); /* Chrome, safari, opera */
filter:gray; /* IE 6-9 */
}
/************** FIN DES CODES ********************/
/*========================================================================================================
PROFIL DES MEMBRE - BY Batty
========================================================================================================*/
.batty_corp{
background:rgba(22, 22, 22, 0.5);
border-radius:20px;
padding:15px;
border:3px solid #fff;
}
.batty_corp-info{
width:100%;
background:rgba(22, 22, 22, 0.8);
border-radius:20px;
padding:15px;
color:#fff !important;
font-size:15px;
}
.batty_corp-avatar{
width:200px;
background:rgba(22, 22, 22, 0.8);
text-align:center;
border-radius:20px;
padding:15px;
color:#fff;
font-size:15px;
}
.batty_corp-avatar img{
margin:5px 0px;
}
.batty_rang{
font-size:0px;
}
.batty_titre{
width:300px;
background-color:rgba(22, 22, 22, 0.8);
border-radius:20px;
padding:5px 10px;
color:#fff;
font-size:18px;
text-align:left;
font-family:'Times New Roman';
}
.batty_titre div{
padding:0px 8px;
background-image: url('http://www.zupimages.net/up/16/14/ggs8.png');
background-repeat: no-repeat;
}
.batty_titre2{
width:300px;
color:#fff;
font-size:18px;
text-align:left;
padding:10px 0px;
font-family:'Times New Roman';
}
.batty_titre2 div{
padding:0px 8px;
background-image: url('http://www.zupimages.net/up/16/14/ggs8.png');
background-repeat: no-repeat;
}
.batty_info-fiche{
display:inline-block;
width: 33%;
min-height:100px;
text-align:center;
color: #fff;
}
.batty_info-fiche textarea {
display:block;
background:none;
border:none;
}
/*========================================================================================================
PROFIL DES MEMBRE - BY Batty [END]
========================================================================================================*/
/*
* Libre service bloc de connexion rapide verte
* NEVER UTOPIA
*/
/* Bloc qui entoure tout */
.cnxl-bloc {
margin: 20px auto;
font-family: 'Playfair Display', serif;
text-align: center;
font-size: 15px;
color: #484848;
}
/* Aligner les 3 blocs */
.cnxl-submit-bloc,
.cnxl-inscription,
.cnxl-input-bloc {
display: inline-block;
vertical-align: middle;
}
/* Style commun pour tous les champs */
.cnxl-form input {
padding: 10px;
border: none;
font-family: inherit;
font-size: 15px;
outline: none;
}
/*
* Décoration à gauche
* Inscription
*/
.cnxl-inscription {
width: 80px;
height: 80px;
border-radius: 50%;
border: 2px solid #92B735;
padding: 8px;
}
.cnxl-inscription img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
/*
* Champs à remplir au centre
*/
.cnxl-input-bloc {
margin: 0 20px;
width: 200px;
border-radius: 5px;
box-shadow: 0 0 0 2px #92B735;
overflow: hidden;
padding: 0 5px; /* espace entre le bord et le trait des input */
background: #FFFFFF;
}
.cnxl-input-bloc input {
color: black;
box-sizing: border-box;
display: block;
width: 100%;
border-bottom: 1px solid #92B735; /* bordure entre les input */
box-shadow: 0 0 0 100px #ffffff inset; /* couleur de fond des input */
}
.cnxl-input-bloc input:last-of-type {
border: none;
}
/*
* Connexion à droite
*/
/* Bouton de connexion */
.cnxl-submit-bloc input {
background: #92B735;
border-radius: 3px;
cursor: pointer;
transition: all 300ms ease-out;
}
/* Bouton de connexion au survol */
.cnxl-submit-bloc input:hover {
background: #ede390;
}
/*
* Zone en bas
*/
.cnxl-form label {
cursor: pointer;
}
/* Liens (Mot de passe oublié) */
.cnxl-bloc a {
font-size: 10px;
text-decoration: none!important;
color: #766e6e;
text-decoration: none;
transition: all 300ms ease-out;
}
/* Liens au survol
/* CODES CSS CATEGORIES AUX DESCRIPTIONS CACHEES */
.cate
{
width: 500px;
height: 150px;
overflow: hidden;
background-color: #ffffff;
}
.cate_img
{
position: relative;
z-index: 2;
width: 500px;
height: 150px;
margin-left: 0px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate:hover .cate_img
{
margin-left: 510px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate_description
{
position: relative;
z-index: 1;
width: 500px;
height: 150px;
margin-top: -150px;
text-align: justify;
font-size: 11px;
color: #8c8c8c;
padding: 2px;
overflow: auto;
}
/* CSS perso */
.forumline.genmed {
background-image: url("https://i58.servimg.com/u/f58/19/51/29/30/tablea12.png");
background-color: transparent;
border: none;
}
td.row1, td.row3.over:hover {
background-color:transparent;
}
.row1 > .marquee {
margin-left: 10px;
background-color: rgba(239, 239, 239, 0.3);
}
.catLeft > .genmed.module-title {
text-shadow: 2px 0px 1px rgb(222, 174, 102)
}
td.catLeft {
border-style:none;
}
.js-marquee > a {
color: #1c7037;
}
/* MISE EN FORME DES LISTES DE SUJETS */
.bloc_sujets
{
width: 950px;
margin: auto;
background: #dfdfdf;
border: 1px solid #ececec;
box-shadow: 0px 0px 3px #868686;
-o-box-shadow: 0px 0px 3px #868686;
-moz-box-shadow: 0px 0px 3px #868686;
-webkit-box-shadow: 0px 0px 3px #868686;
-htm-box-shadow: 0px 0px 3px #868686;
padding: 5px;
}
.sujets
{
background: #ececec;
border: 1px dotted #ffffff;
padding: 3px;
}
.topictitle
{
font-variant: small-caps;
font-size: 12px;
}
.sujets_auteur
{
display: block;
width: 200px;
font-size: 11px;
}
.sujet_last
{
display: block;
width: 180px;
height: 40px;
background: #f4f4f4;
border-left: 3px solid #9e9e9e;
border-right: 3px solid #9e9e9e;
padding-top: 10px;
font-size: 11px;
}
.sujets_stats
{
width: 900px;
text-align: right;
margin-bottom: 5px;
}
.sujets_stats_contenu
{
font-size: 10px;
color: #a4a4a4;
}
div.signature_div img {
max-width:600px;
max-height:350px;}
tr.annonce td {background-color:#E6B5E1!important;} /* Modifie la couleur de fond des annonces */
tr.Note td {background-color:#6FCDC0!important;} /* Modifie la couleur de fond des Note */
body {
background-image:url("https://i37.servimg.com/u/f37/19/51/29/30/arbre13.jpg");
background-position:fixed;
background-size:150%;
}
.forumline
{
width: 98%;
margin: auto;
}
table
{
width: 98%;
margin: auto;
}
#left{position: absolute;
top:690px;
left: 30px;
}
/*limitation taille des images dans messages*/
.postbody img {
max-width: 100%;
}
Je vous remercie d'avance pour l'intention que vous porterez à ma demande !
Re: Déplacement du forum à chaque modification dans le CSS
Bonjour,
Le problème vient de votre CSS suivant :
Cordialement.
Le problème vient de votre CSS suivant :
- Code:
#left{position: absolute;
top:690px;
left: 30px;
}
Cordialement.
Re: Déplacement du forum à chaque modification dans le CSS
Bonjour merci beaucoup en effet les widgets ne mordent plus sur le forum ! Cependant aurais t-il un autre code qui permet de placer les widgets en dehors du cadre du forum comme la capture ci-dessous:
De plus, j'ai pu remarquer que mon forum s'élargissait dans quelques sujets, peut on mettre un code pour que la taille soit égale partout ?
Voici un sujet où le forum est beaucoup plus large que sa taille normale:
http://crossing-leaf.forumactif.org/t1167-les-hymnes-de-villes
Je vous remercie d'avance !
- Capture:
De plus, j'ai pu remarquer que mon forum s'élargissait dans quelques sujets, peut on mettre un code pour que la taille soit égale partout ?
Voici un sujet où le forum est beaucoup plus large que sa taille normale:
http://crossing-leaf.forumactif.org/t1167-les-hymnes-de-villes
Je vous remercie d'avance !
Re: Déplacement du forum à chaque modification dans le CSS
Bonjour,
Je n'ai pas compris pour les widgets ...
Pour l'élargissement du forum, c'est à cause des images. Je vous renvoie donc vers ce tutoriel : https://forum.forumactif.com/t253423-redimensionnement-automatique-des-images
Cordialement.
Je n'ai pas compris pour les widgets ...
Pour l'élargissement du forum, c'est à cause des images. Je vous renvoie donc vers ce tutoriel : https://forum.forumactif.com/t253423-redimensionnement-automatique-des-images
Cordialement.
Re: Déplacement du forum à chaque modification dans le CSS
Merci pour votre réponse,
J'ai déjà remplie ces champs pour redimensionner les images automatiquement mais cela ne fonctionne pas, de plus dans le sujet en question il ne s'agit non pas d'une image mais d'un jeu flash. :/
Quant aux widgets, j'ai réalisé une capture de mon forum comme il est actuellement avec en encadré rouge, la position que j'aimerais pour mes widgets.
J'ai vu que quelqu'un avais réussi dans ce sujet et le code que vous m'aviez dit d'enlever proviens de là. Ainsi, comme ce code fonctionne uniquement sur ma page d'accueil et pas sur le reste de mon forum j'aurais voulus une solution pour que cela marche sur l'intégralité de mon forum sans dépassement ou quelconque décalages.
Je vous en remercie d'avance,
Cordialement.
J'ai déjà remplie ces champs pour redimensionner les images automatiquement mais cela ne fonctionne pas, de plus dans le sujet en question il ne s'agit non pas d'une image mais d'un jeu flash. :/
Quant aux widgets, j'ai réalisé une capture de mon forum comme il est actuellement avec en encadré rouge, la position que j'aimerais pour mes widgets.
J'ai vu que quelqu'un avais réussi dans ce sujet et le code que vous m'aviez dit d'enlever proviens de là. Ainsi, comme ce code fonctionne uniquement sur ma page d'accueil et pas sur le reste de mon forum j'aurais voulus une solution pour que cela marche sur l'intégralité de mon forum sans dépassement ou quelconque décalages.
Je vous en remercie d'avance,
Cordialement.
Re: Déplacement du forum à chaque modification dans le CSS
Bonjour,
Pour les widgets, le problème m'a l'air d'être résolu ?
Pour le redimensionnement des images, s'il ne fonctionne pas du tout c'est que le script est bugué, donc qu'il y a un souci dans vos scripts personnalisés.
Pour forcer les contenus multimédias dans les posts à n'occuper que la place disponible, vous pouvez ajouter ceci à votre CSS :
Cordialement,
Walt
Pour les widgets, le problème m'a l'air d'être résolu ?
Pour le redimensionnement des images, s'il ne fonctionne pas du tout c'est que le script est bugué, donc qu'il y a un souci dans vos scripts personnalisés.
Pour forcer les contenus multimédias dans les posts à n'occuper que la place disponible, vous pouvez ajouter ceci à votre CSS :
- Code:
.postbody embed[src*="swf"], .postbody img {
max-width: 100%;
}
Cordialement,
Walt
Walt- Modéractif
-
Messages : 6083
Inscrit(e) le : 08/09/2015
Re: Déplacement du forum à chaque modification dans le CSS
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 » |
Re: Déplacement du forum à chaque modification dans le CSS
Bonjour,
pour le redimensionnement des images le code que vous m'avez donnez marche à la perfection je vous en remercie mille fois !
Cependant, mon forum se déplace toujours, non plus en modifiant mon css mais lorsque je me rend dans les sujets. Exemple ci dessous:
En ce qui concerne les widgets, je n'ai pas eu de solutions qui ont été apportées. J'aimerais déplacer les widgets en dehors du cadre de mon forum, à côté et non en dessous de la barre de navigation. Pour illustrer ma demande, j'ai réalisé un montage :
Cordialement.
pour le redimensionnement des images le code que vous m'avez donnez marche à la perfection je vous en remercie mille fois !
Cependant, mon forum se déplace toujours, non plus en modifiant mon css mais lorsque je me rend dans les sujets. Exemple ci dessous:
- EXEMPLE:
En ce qui concerne les widgets, je n'ai pas eu de solutions qui ont été apportées. J'aimerais déplacer les widgets en dehors du cadre de mon forum, à côté et non en dessous de la barre de navigation. Pour illustrer ma demande, j'ai réalisé un montage :
Cordialement.
Re: Déplacement du forum à chaque modification dans le CSS
Pour le positionnement des widgets, tentez ceci :
Ce n'est pas ce qu'il y a de plus propre mais c'est ce qu'il y a de plus simple.
Cordialement,
Walt
- Code:
#left {
margin-left: -180px;
}
Ce n'est pas ce qu'il y a de plus propre mais c'est ce qu'il y a de plus simple.
Cordialement,
Walt
Walt- Modéractif
-
Messages : 6083
Inscrit(e) le : 08/09/2015
Re: Déplacement du forum à chaque modification dans le CSS
Super ! Merci beaucoup ! Les widgets sont placés comme je le voulais et surtout sans débordements comme auparavant. Je met le sujet en résolu, encore merci pour cette aide très précieuse !
Sujets similaires
» Déplacement des sujet dans un forum
» Déplacement de l'affichage des sujets dans un forum
» Règlement dans chaque forum
» Mettre son forum dans plusieurs langues > Modification du bouton
» avoir le titre du sous forum dans chaque titres d'un nouveau sujet
» Déplacement de l'affichage des sujets dans un forum
» Règlement dans chaque forum
» Mettre son forum dans plusieurs langues > Modification du bouton
» avoir le titre du sous forum dans chaque titres d'un nouveau sujet
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum