Image du fond de page qui ne s'affiche pas .

4 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Image du fond de page qui ne s'affiche pas .

Message par Our-dreams Mar 20 Déc 2016 - 13:27

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : en ce moment même
Lien du forum : http://thecruse.forumactif.org/

Description du problème

Bonjour ,

J'ai un petit soucis comme préciser dans le titre , mon forum a subie pas mal de modification qui n'on pas était faite par moi car c'est un vieux fo que je reprends en main . Aujourd'hui mon problème est que je n'arrive pas à mettre une image en fond de page , pas dans les catégories juste en fond ' je suis pourtant aller dans ' Images et Couleurs - Gestion des images- Mode Avancé et placer mon hébergement d'image comme convenue . L'image s'affiche dans le carré donc pour moi elle est bien héberger mais n’apparaît pas à l'ouverture du forum , j'ai juste un fond basique ' couleur beige ' Voilà merci pour votre aide *-*



Dernière édition par Our-dreams le Mer 28 Déc 2016 - 17:03, édité 1 fois
Our-dreams

Our-dreams
**

Messages : 74
Inscrit(e) le : 27/03/2014

Our-dreams a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image du fond de page qui ne s'affiche pas .

Message par Père Noël Mar 20 Déc 2016 - 13:32

Ho Ho Ho,

Pourriez-vous nous fournir la feuille de style CSS (PA > Affichage > Couleurs > Feuille de style) ?

Joyeusement :Noel:
Père Noël

Père Noël
Joyeuses Fêtes
Joyeuses Fêtes

Messages : 292
Inscrit(e) le : 24/12/2010

https://forum.forumactif.com
Père Noël a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image du fond de page qui ne s'affiche pas .

Message par Our-dreams Mer 21 Déc 2016 - 11:17

Code:
/***QEEL***/

.cadreQEEL{
    height: 300px;
    overflow: auto;
    background-color: rgba(223, 234, 219, 0.75);
    width: 480px;
    position: relative;
    top: 125px;
    left: 140px;
    border-radius: 20px;
}

.qeel2 {
      height: 215px;
    background-color: #DFEADB;
    width: 200px;
    margin: 10px;
    overflow: auto;
    padding-right: 5px;
    padding: 10px;
    border-radius: 20px;
}

.qeel2#stat {
      height: 90px;
    width: 190px;
}

/*Fiche Règlement*/

.pres_admin {
  height: 140px;
  overflow: hidden;
}

.int_admin {
  height: 135px;
  overflow: auto;
  padding: 3px;
  padding-right: 5px;
}

.bottin {
    margin-left: 15px;
  font-size: 40px;
  font-family: Julius Sans One;
  margin-right: 15px;
  font-weight: 700;
  color: rgb(240, 211, 154);
}

.bloc_int {
    width: 495px;
  background-color: rgb(245, 241, 213);
  padding: 5px;
}

#paragraphe {
    color: rgb(217, 108, 98);
  font-family: Julius Sans One;
  font-weight: 700;
  font-size: 15px;
}

.reso {
  color:rgb(129, 162, 118) !important
}

.Titre_lien3{
  font-size: 20px;
  font-family: Julius Sans One;
  font-weight: 700;
  margin-bottom: -35px;
  color: rgb(215, 100, 90);
  position: relative;
  top: -30px;
  float: left;
}


/*Fiche-de-lien*/

.bl1 {
  width: 320px;
  height: 90px;
  background-color: rgb(245, 241, 213);
  padding: 5px;
  padding-top: 10px;
}

.bl1#bottin {
  width: 240px;
  height: 100px;
}

.bl2#bottin {
  width: 235px;
  height: 95px;
}


.bl2 {
  overflow: auto;
  width: 315px;
  height: 85px;
  padding-right: 5px;
}

.bl3 {
  height: 100px;
  width: 150px;
  border: 1px solid rgb(240, 211, 154);
  padding: 2px;
}

.bloc_caractere{
  width: 95%;
  margin: 10px;
  color: #000000;
  height: 125px;
  overflow: auto;
  font-size: 11px;
  padding-right: 8px;
}

.Titre_lien{
  font-size: 30px;
  font-family: Slackey;
  font-weight: 700;
  margin-top: 10px;
  text-shadow: 1px 1px 1px black;
  position:relative;
  top: -15px;
  left: 10px;
    color: rgb(62, 169, 145);
}

.Titre_lien1{
  font-size: 15px;
  font-family: Julius Sans One;
  font-weight: 700;
  margin-top: 10px;
  top: 30px;
  left: 10px;
  color: rgb(215, 100, 90);
}

.banniere_lien{
 border: 2px solid #000000;
 box-shadow: 0px 0px 5px black;
 width: 400px;
 height: 220px;
}

/*scrollbarre*/
::-webkit-scrollbar {
/*background-image: url(http://i76.servimg.com/u/f76/18/46/41/58/2013-010.jpg);*/
  background-color:#D8EDE8;
height: 8px;
width: 8px;
}

::-webkit-scrollbar-thumb {
background-color: #FFF;
}

::-webkit-scrollbar-track {
  /*background-image: url(http://i76.servimg.com/u/f76/18/46/41/58/2013-010.jpg);*/
  background-color:#D8EDE8;
}
/*Quetes*/

.back_quete {
  border: 1px solid rgba(240, 211, 154, 1);
  width: 470px;
  background-color: rgb(244, 231, 194);
  color: #000000;
}

#groupe {
  width: 95px;
  height: 95px;
  border: 1px solid rgb(240, 211, 154);
  padding: 5px;
}

.back_quete#intrigues {
  height: 610px;
}

.Contener {
  padding-top:55px;
  overflow:hidden;
  width:400px;
  height:auto;
  top:0px;
  position:relative;
}

.cadre_intrigue {
  height:360px;
width: 400px;
  background-color: rgba(210, 150, 142, 0.3);
box-shadow: 0px 0px 5px #000;
color: #000;
font-family: 'Ubuntu';
font-size: 9pt;
line-height: 0.8em;
margin-left: 15px;
margin-right: 10px;
padding-top: 10px;
text-align: justify;
  display:block;
  margin-top:-50px;
  margin-bottom:60px;
}

.cadre_quete {
    height: 300px;
  width: 400px;
  background-color: rgba(230, 137, 180, 0.3);
  box-shadow: 0px 0px 5px #291D29;
  color: #000;
  font-size: 9pt;
  line-height: 0.8em;
  margin-left: 15px;
  margin-right: 10px;
  padding-top: 10px;
  text-align: justify;
}

.Titre_fiches#event {
  margin-bottom: -55px;
  margin-left: -25px;
  font-size: 30px;
  line-height: 30px;
}

.cadre_quete:hover {
  background-color: rgba(230, 137, 180, 0.5);
}

.bloc_selec {
  background-color: rgba(230, 137, 180, 0.3);
box-shadow: 0px 0px 5px #000;
display: inline-block;
font-family: 'Ubuntu';
font-size: 10.5pt;
height: 20px;
margin-bottom: 12px;
margin-top: 3px;
padding: 2px;
text-align: center;
width: 80px;
}
   
.bloc_selec:hover {
    background-color: rgba(230, 137, 180, 0.5);
  }
 
.intitule_quete {
  background-color: rgba(231, 242, 240, 1);
  color: #E689B4;
  font-family: Slackey;
  font-size: 20pt;
  height: 4px;
  padding-left: 20px;
  text-shadow: 1px 1px 1px black;
}

 

.table_quetes {
  width:515px;
  min-height:700px;
}

.quetes_droite {
  background:url('https://dl.dropboxusercontent.com/u/45932993/Force%20Rises/Holo_quetes.png') no-repeat;
  background-size:100%;
  height: 440px;
  width:350px;
}

.quetes_gauche {
  width:145px;
  position: relative;
top: -100px;
}

.bouton_quete {
  display:inline-block;
  padding:5px 8px;
  background-color:rgba(142, 10, 10, 0.6);
  border-top-left-radius:25px;
  border-bottom-left-radius:25px;
  border:3px solid #8e0a0a;
  margin-bottom:5px;
  width:145px;
}

.descr_quete {
  position:relative;
  top:50px;
  width: 250px;
height: 350px;
text-align: justify;
  font-family: 'Ubuntu';
}

/*Boutique*/
.boutique_cadre {
border-radius: 20px;
    border: 1px solid rgb(240, 211, 154);
    background: url(https://dl.dropboxusercontent.com/u/45932993/FallCity/boutique.png) center top no-repeat;
    background-size: 100%, auto;
    background-color: rgb(244, 231, 194);
    padding: 5px;
}

.Titre_fiches#Boutique {
  position: relative;
  top: 190px;
  text-shadow:1px 1px 1px #000000;
  margin-bottom: 35px;
}

.boutique {
  width:100%;
  margin-bottom:35px;
}

.boutique td {
  border:1px solid black;
 
}

/*Fiches de presentations*/
.Titre_fiches{
  font-family: Julius Sans One;
  font-weight: 700;
  margin-top: 10px;
  text-shadow: 1px 1px 1px black;
  top: -35px;
  left: 0px;
  color: rgb(217, 110, 100);
  position: relative;
  border-bottom: double 4px;
  padding-bottom: 0px;
  line-height: 50px;
  width: auto;
  display: inline-block;
  font-size: 35px;
}

#Presentation {
  font-family: Great Vibes;
  font-size: 55px;
  border-bottom: none;
}

.Titre_fiches1{
  font-size: 25px;
  font-family: Julius Sans One;
  font-weight: 700;
  margin-top: 10px;
  top: -45px;
  float: right;
  color: rgb(215, 100, 90);
  position: relative;
}

.bloc_information{
  width: 240px;
  height: 300px;
  background-color: #F5F1D5;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 5px;
  padding-bottom: 10px;
  border: 1px solid #F0D39A;
  float: right;
  color: #000000;
  text-align: justify;
  font-size: 13px;
}

.bloc_texte{
  background-color: rgba(244, 231, 194, 1);
  border: 1px solid #F0D39A;
  /* box-shadow: 0px 0px 10px black; */
  padding: 10px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'verdana';
  color: #000000;
  text-align: justify;
  font-size: 13px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  border-radius: 20px;
}

.Avatar{
 border: 2px solid #000000;
 box-shadow: 0px 0px 5px black;
 width: 200px;
 height: 320px;
 float: left;
overflow:hidden;
}

.bloc_validation{
  background-color: #F4E7C2;
  border: 1px solid #F0D39A;
  padding: 10px;
  font-family: 'verdana';
  color: #000000;
  text-align: justify;
  font-size: 13px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -15px;
  width: 430px;
}

#valid {
  width:410px;
}

/*CODE,SPOILER,CITATION*/

.code, .spoiler_content, .quote{
  padding:5px;
    border: 1px solid rgb(130, 91, 130) !important;
  color: rgb(130, 91, 130) !important;
}

.selectCode { float:right; cursor:pointer; }
div.cont_code { clear: right; }

/*PVs*/
.scenar_name {
width: 457px;
  height: 50px;
  background-color: #F5F1D5;
  color: #DA6E64;
  font-family: Julius Sans One;
  font-size: 30px;
  padding: 10px;
  text-align: center;
  border-radius: 20px 20px 0 0;
   }
   
#scenar {
    font-size: 35px;
  top: -5px;
}

.scenar_feat {
display: block;
  font-size: 20px;
  font-family: Great Vibes;
  color: black;
  position: relative;
  left: 55px;
   }
   
.scenar_cadre {
  background-color: #F5F1D5;
  border: 1px solid #F0D39A;
  height: 471px;
  width: 475px;
  overflow: hidden;
  border-radius: 0 0 20px 20px;
   }
   
.scenar_carac {
    border: medium double rgb(168, 168, 168);
  background: rgb(255, 255, 255) none repeat scroll 0% 0%;
  font-family: tahoma;
  color: rgb(145, 139, 130);
  font-size: 12px;
  -moz-background-clip: -moz-initial;
  -moz-background-origin: -moz-initial;
  -moz-background-inline-policy: -moz-initial;
  width: 170px;
}

.scenar_img {
     display: inline-block;
  -htm-transform: all;
  -htm-transition: 1s;
  -moz-transform: all;
  -moz-transition: 1s;
  -o-transform: all;
  -o-transition: 1s;
  -transition: 1s;
  -webit-transform: all;
  -webkit-transition: 1s;
  border-right: 3px solid #D96C63;
  position: relative;
  margin-top: -3px;
}

.scenar_line {
  border-bottom: 1px solid rgb(240, 211, 154);
  margin-bottom: 3px;
  font-family: Julius Sans One;
  font-size: 25px;
  color: rgb(216, 108, 98);
}

.scenar_truc {
   display:inline-block;
   text-align:justify;
   padding:10px;
   /*overflow:hidden;*/
   height:430px;
   width:350px;
   }

.scenar_texte {
   height: 130px;
   overflow: auto;
   padding-right: 5px;
}

.scenar_cadre:hover .scenar_img {
   margin-left:-250px;
   }
   /*Fin scenar*/

/*** PAGE D'ACCUEIL ***/

#paragraphe {
    color: rgb(217, 108, 98);
  font-family: Julius Sans One;
  font-weight: 700;
  font-size: 15px;
}

.box_pa {
  background-color: #dfeadb;
  height: 750px;
  width:800px;
  border-radius: 20px;
}

.titre_pa {
   font-family:Great Vibes;
   font-size:50px;
   position:relative;
   z-index:2;
   top:30px;
   color:#da6d63;
   font-weight:700;
   }
   
.liens_pa {
   
   }
   
.liensPA {
   font-family:Julius Sans One;
   font-size:20px;
  color:#377491;
   text-align:left;
  margin-left:30px;
   }

.contexte_pa {
  margin-top:20px;
  width: 500px;
  height: 155px;
  background-color:rgba(239, 217, 165, 0.5);
  padding: 10px;
  border-radius: 20px;
  /*position: relative;
  left: -25px;*/
  font-size:15px;
   }
   
.contexte_txt {
     width: 495px;
  height: 145px;
  overflow: auto;
  padding-right: 5px;
  text-align:justify;
   }

#slideTitre div{
  height:10px;
  position: relative;
  top:20px;
  display:block;
  z-index:200;
  font-family:'Great Vibes';
  color: #825b82;
  text-align:center;
  font-size:35px;
  font-weight:700;
}
.fondStaffGeneral{
  position: absolute;
  z-index:5;
  left:0;
  width:750px;
}


.news_pa {
  color: black;
  font-size:15px;
  overflow:auto;
  border-bottom-right-radius:20px;
  border-bottom-left-radius:20px;
  background: #efd9a5;
  height:171px;
  width:230px;
  overflow:hidden;
  margin-bottom:20px;
}

.blocPA#news, .boutonPA#news {
  background-color:#d96c62;
}

.blocPA {
  width:205px;
  height:160px;
  padding-left:10px;
  padding-right:5px;
  padding-top:20px;
  overflow:auto;
  font-size:13px;
  text-align:justify;
}

.boutonPA {
  display:inline-block;
  background: #efd9a5;
  border-bottom:solid 1px #d96c62;
  /*border-bottom:1px solid grey;*/
  padding:3px 0px 10px 0px;
  width:112px;
  height:15px;
  position:relative;
  top:0px;
  font-size:20px;
  font-family:Julius Sans One;
  border-top-right-radius:20px;
  border-top-left-radius:20px;
  /*border-right: solid 1px #ccc;
  box-shadow: inset -1px 1px 6px rgba(100,100,100,.5);*/
  text-align:center;
}

.boutonPA#info {
  margin-right:5px;
  border-bottom:solid 1px #efd9a5;
}

#info.active {
    border-bottom: 1px solid rgb(196, 178, 136);
}

#news.active {
    border-bottom: 1px solid rgb(185, 86, 77);
}

.news_pa div ul {
  list-style:none;
  padding-left:0;
  margin-top:0px;
}

.news_pa div ul li {
  margin-bottom:10px;
}

#slider {
  /*border:1px solid #825b82;*/
  position: relative;
  overflow: hidden;
  /*margin: 20px auto 0 auto;*/
  margin-right:10px;
  border-radius: 20px;
  background-color: #dfeadb;
  margin-bottom:20px;
}

#slider ul {
position: absolute;
margin: 0;
padding: 0;
height: 100px;
list-style: none;
top: 0px;
}

#slider ul li {
  float: left;
  position: relative;
  display: block;
  z-index:10;
  float: left;
  margin: 0;
  padding: 0;
  width: 250px;
  height: 200px;
  text-align: center;
  line-height: 20px;
}
.avatar_slide{
  height:200px;
}
#slider ul li #all{
  /*color: #da6d63;*/
  color:#377491;
  margin-top:20px;
  margin-left:20px;
  padding-top:20px;
  height:140px;
  width : 140px;
  float: left;
  text-align:center;
  /*background:rgba(255,255,255,0.6);*/
  -webkit-transition: all 0.4s ease-in-out;
  border-radius: 20px;
}

#name {
  font-family:Great Vibes;
  font-size:30px;
  font-weight:700;
  color:#377491;
}

.month {
  border-radius: 20px;
  background-color: #dfeadb;
  position: relative;
  display: block;
  z-index:10;
  float: left;
  margin: 0;
  padding: 0;
  width: 250px;
  height: 200px;
  text-align: center;
  line-height: 20px;
  margin-bottom:20px; 
  margin-left:10px;
  color:#377491;
}

.month_in {
  width:100%;
  height:100%;
}

.month_name {
  position:relative;
  top:8px;
}

.texte_Month {
  float:right;
  width:140px;
  top:30px;
  position:relative;
}

#link {
  top:60px;
  color: #d96c62;
}
.underline {
  text-decoration:underline;
}

.pv_img {
  width:75px;
  border-radius:50%;
  /*opacity:0.5;*/
}

.affich_pv {
  width:100px;
  padding-left:70px;
}
a.control_prev, a.control_next {
  position: absolute;
  padding : 5px 20px 25px 10px;
  height : 0px;
  width : 0px;
  top: 85px;
  z-index: 99;
  display: block;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.0;
  cursor: pointer;
  border-radius: 30px;
  -webkit-transition: all 0.4s ease-in-out;
}

.pv_pa {
  margin-top:20px;
  width: 210px;
  height: 220px;
  background-color:rgba(239, 217, 165, 0.5);
  padding: 20px;
  border-radius: 20px;
  font-size:15px;
  text-align:justify;
  color:#377491;
}

.pv_pa div{
  display:none;
}

 .pa_deroul{
 /*margin-top:0px;*/
 width:230px;
    background-color: #E7E2C0;
    color: #D96C62;
 }

.part_pa {
  width:230px;
}

#slider:hover a.control_prev,#slider:hover  a.control_next{
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
}
#slider:hover ul li div{
  /*background:rgba(255,255,255,0.8);
  -webkit-transition: all 0.4s ease-in-out;*/
}

a.control_prev{
  left:10px;
}

a.control_next {
  right: 10px;
}


/*Affichage sujet*/
.postbody {
  text-align:justify;
  width:529px!important;
}

.post_body {
      min-height: 200px;
  background-color: rgba(118, 203, 185, 0.26);
  height: auto;
  border-radius: 20px 50px/50px 20px;
  border: 1px solid rgb(62, 169, 145);
  padding: 15px;
  text-align: justify;
}

.bouton_post {
    display: inline-block;
  float: right;
  position: relative;
  right: 35px;
  bottom: 10px;
}


.label span{
 color:#00000 !important;
}

.icon_post {
      display: inline-block;
  width: 90px;
  position: relative;
  top: 19px;
}

.icon_post#online img {
  width:90px;
}
 
.avatar_cadre {
    background: url(https://dl.dropboxusercontent.com/u/45932993/BackAvatarPLL2.png) no-repeat;
border: 1px solid rgb(37, 83, 111);
  box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.5);
  min-height:449px;
  height:auto;
  width:220px;
  border-radius: 20px 50px/50px 20px;
  margin-left: 5px;
  margin-right:5px;
}

#subject {
  border-radius:20px;
  padding:10px;
}

.avat_cadre {
  border: 1px solid rgb(218, 109, 100);
  background-color: rgba(216, 108, 99, 0.5);
  border-radius: 20px;
  padding: 5px;
  width: 200px;
  height: 320px;
}

.avat_cadre img{
  border-radius:20px;
}

.avat_info {
  border: 1px solid rgb(218, 109, 100);
  background-color: rgba(216, 108, 99, 0.5);
  border-radius: 20px;
  padding: 10px;
  width: 190px;
  min-height: 110px;
  height: auto;
  text-align: justify;
}

.name {
 color:#ffffff;
  font-size: 25px;
  font-family: Great Vibes;
    display: inline-block;
  position: relative;
  top: -5px;
  z-index:5;
    margin-right: 30px;
}

.rank {
  display: inline-block;
    margin-right: 30px;
  position: relative;
  top: -12px;
  z-index: 1;
  font-family: Julius Sans One;
}

hr {
  border-left: transparent solid 0;
  border-top:rgb(218, 109, 100) solid 1px;
  width: 500px;
}

.subject_titre {
  font-family: Julius Sans One;
  font-size: 20px;
  color: #d96c62;
  float: left;
  display: inline-block;
  margin-top: 50px;
  margin-bottom: 15px;
  position: relative;
  left: -230px;
}

/*Top sites*/
.toplateral{
  padding-top:8px;
  width:60px;
  height:180px;
  background-image:url('https://dl.dropboxusercontent.com/u/45932993/PLLbakctop.png');
  background-repeat:no-repeat;
  background-position:right bottom;
  border-top-left-radius:20px;
  border-bottom-left-radius:20px;
  position:fixed;
  right:0%;
  top:70%;
  text-align:center;
  box-shadow:0px 0px 5px #524354;;
}

.topsite-image{
opacity:1;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

 
.topsite-image:hover{
opacity:0.6;
}

/*Liste des sujets*/

.sublist {
  position:relative;
  z-index:5;
  width:42px;
}

.lastpost-avatar {
  display: inline-block;
  position: relative;
  z-index: 1;
  top: -30px;
  left: 30px;
}

.lastpost-avatar img {
  border-radius:100%;
}
 
div.topictitle {
font-weight:initial;
}

h2.topic-title {
  font-weight:700;
}

.last_post .postdetails {
  display: block;
  width: 145px;
  white-space: normal!important;
}

/*Catégories*/

.topcat {
  position: relative;
  z-index: -1;
  top: 10px;
}

.botcat {
  position: relative;
  z-index: -1;
  top: -35px;
}

.cat_head {
  background-color: #dfeadb;
  height:50px;
    border-top-left-radius: 20px ;
  border-top-right-radius: 20px ;
}

.cat_head#topic {
 background-color:#dfeadb;
}

.cat_head#bottom {
  background-color: #dfeadb;
  border-bottom-left-radius: 20px ;
  border-bottom-right-radius: 20px ;;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  margin-bottom: 30px;
  border-top:none;
}
 

.cat_title {
    position: relative;
  top: 5px;
  height: 20px;
}

.cat_title h2 {
    font-size: 50px;
    text-align: center;
    position: relative;
    top: -100px;
    font-family: Great Vibes;
    font-weight: 700;
    text-shadow: 5px 2px 1px white;
    color: rgb(218, 109, 99);
}

.titre_fo {
  width:400px;
}

.img_cat#bas {
    border-top: 5px solid #97A8B1;
}

.fo_name {
  width:580px;
}

.fo_name a.forumlink {
    color: #D96C62;
  font-family: Julius Sans One;
  font-size:20px;
    margin-left: 15px;
  position: relative;
  z-index: 4;
}

.fo_name a.forumlink:hover {
  text-transform:none;
  letter-spacing:2px;
}

.ssbouton {
  display:inline-block;
  font-family:'Julius Sans One';
  font-family:15px;
  padding: 0 15px;
  position: relative;
  top: -20px;
  color: #D96C62;

.ss_fo {
    width: 440px;
  padding-left: 10px;
  text-align: justify;
}

.last_post{
  width: 160px;
  height: 55px;
  padding: 10px;
  background-color: rgba(239, 217, 165, 0.5);
  margin-right: 10px;
  border-radius:20px;
}
.imagesCat{
    height: 100px;
  width: 140px;
}

.avatar_cat {
  width:80px;
  position: relative;
  top: -60px;
  left: 55px;
  z-index: 1;
}

.avatar_cat img{
      height: 80px;
  width: 80px;
  border-radius: 100%;
  overflow: hidden;
}
.newsCat{
position: relative;
  z-index: 2;
}
.desc_cat {
  width: 410px;
  /*margin-left: 50px;*/
  text-align: justify;
  height: 75px;
  /* background-color: rgba(166, 224, 211, 1); */
  padding: 10px;
  color: black;
 
}

.desc_txt {
  width: 410px;
  height: 65px;
   overflow:auto;
  padding-right:10px;
  font-size: 12px;
}


              /*NAVIGATION*/
#navigation /* configure le bloc qui contient tout les liens */
{
  position: absolute;
  top: -45px;
  left: 100px;
  margin-top: 100px;
  border-radius: 20px;
  background-color: rgb(223, 234, 219);
  padding: 10px;
  height: auto;
  padding-bottom: 25px;
}

#navig a /* personnalise les liens */
{
  display: block;
  margin-bottom: -20px;
  background: rgb(223, 234, 219);
  padding: 3px 10px;
  text-align: justify;
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  font-family: Julius Sans One;
}
#navig a:hover /* personnalise les liens au survol */
{
  background: rgba(239, 217, 165, 0.5); /* couleur de fond du lien */
  color: #000; /* couleur du texte lien */
  transition: 1s; /* permet la transition lente */
  -moz-transition: 1s;
  -htm-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
}
#navig img
{
  display: none; /* permet d enlever l espace vide de l image contenue par defaut dans le lien */
}
              /*FIN NAVIGATION*/


/* --------------------------------- CORPS FORUM --------------------------------- */
/*img {
  max-width:100%;
}*/

/*ChatBox*/
body.chatbox {
  background-color: #DFEADB;
  background-image: none;
  margin: 0;
  min-width: 550px!important;
  padding: 0;
}
#chatbox_header .catBottom .cattitle {
 color:maroon; /*couleurs en anglais ex Green, Purple, Maroon, black etc... */
}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Place de la ville"; }  /* Modifier NOM par le titre que vous désirez */
#chatbox_header .cattitle strong { visibility: hidden; }
#chatbox .msg{word-wrap: break-word;}
#chatbox .user, #chatbox .date-and-time{white-space: nowrap;}
#chatbox .user{white-space: nowrap;}


/* Message de connexion CB */
.msg span[style*="green"] strong {
    color: #377491; /* couleur */
  font-family:Julius Sans One;
}

/* Message de déconnexion CB */
.msg span[style*="red"] strong {
    color: #d96c62; /* couleur */
  font-family:Julius Sans One;
}


/*Autres*/

#i_logo {
    height: 590px;
}

.bodyline {
 
  /*background-color:#E8E7E7;*/
/*-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;*/
/*border-right: 5px solid #000;
  border-left: 5px solid #000;
  box-shadow: 0px 5px 20px #000000;*/
}

.forumline {
  background-color:#dfeadb;
}
 
body {
/*HEADER BACKGROUND ALÉATOIRE*/
 
background:url('http://img11.hostingpics.net/pics/37759863po.jpg') center top no-repeat; 
  background-size: 60%;
  background-color: #F5F1D5;
  background-position: none;
  padding-top: 0!important;
  margin:0;
}
 
u {
text-decoration: none;
border-bottom: 1px #ffffff dashed;
}
 
.row3Right{
border: none !important;
}
.thHead{
border: none !important;
}
.thCornerL, .thCornerR, .thTop{
border: none !important;
}
.thLeft, .thRight{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight{
border: none! important;
}
.catHead{
border: none !important;
}
.catBottom{
border: none !important;
}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}
a { text-decoration: none; }
/* --------------------------------- FIN CORPS FORUM --------------------------------- */
Our-dreams

Our-dreams
**

Messages : 74
Inscrit(e) le : 27/03/2014

Our-dreams a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image du fond de page qui ne s'affiche pas .

Message par Chacha Mar 27 Déc 2016 - 10:13

Image du fond de page qui ne s'affiche pas . UmaslZ4Bonjour,

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 »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image du fond de page qui ne s'affiche pas .

Message par Our-dreams Mar 27 Déc 2016 - 15:54

Toujours pas UP
Our-dreams

Our-dreams
**

Messages : 74
Inscrit(e) le : 27/03/2014

Our-dreams a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image du fond de page qui ne s'affiche pas .

Message par MlleAlys Mar 27 Déc 2016 - 23:44

Bonjour,

Localisez dans votre feuille de style css le code suivant :
Code:
body {
  background: url(http://img11.hostingpics.net/pics/37759863po.jpg) center top no-repeat;
  background-color: #F5F1D5;
  background-position: none;
  background-size: 60%;
  margin: 0;
  padding-top: 0!important;
}
Ce code applique la bannière https://2img.net/r/hpimg11/pics/37759863po.jpg en fond de page, et écrase donc l'image demandée dans le panneau d'administration.
Supprimez ce code pour revenir "à la normale".
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image du fond de page qui ne s'affiche pas .

Message par Our-dreams Mer 28 Déc 2016 - 16:36

bonjour , merci j'ai réussis mais le fait d'avoir enlever cette balise ma fait donné un autre problème il me manque un morceau du forum :/

Image du fond de page qui ne s'affiche pas . Sans_t10
Our-dreams

Our-dreams
**

Messages : 74
Inscrit(e) le : 27/03/2014

Our-dreams a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image du fond de page qui ne s'affiche pas .

Message par MlleAlys Mer 28 Déc 2016 - 16:53

Ce n'est pas un morceau qui manque mais une différence de largeur due à la modification de votre template :
- vos catégories sont dans un tableau dont vous avez fixé la largeur à 800px
- la barre de titre est une div par défaut de largeur 100%, soit un peu moins de 1000px comme votre bannière

Pour limiter la largeur du coprs du forum à 800px sans toucher à la bannière, vous pouvez ajouter le code css suivant à votre feuille de style :
Code:
/*corps du forum*/
#page-body {
  width: 800px;
  margin: auto;
}
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image du fond de page qui ne s'affiche pas .

Message par Our-dreams Mer 28 Déc 2016 - 17:02

Génial , merci beaucoup Smile
Our-dreams

Our-dreams
**

Messages : 74
Inscrit(e) le : 27/03/2014

Our-dreams a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum