Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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

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 le 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
avatar

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 le 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:
avatar

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

Messages : 278
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 le 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 --------------------------------- */
avatar

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 le Mar 27 Déc 2016 - 10:13

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

Chacha
Modéractif
Modéractif

Masculin
Messages : 56988
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 le Mar 27 Déc 2016 - 15:54

Toujours pas UP
avatar

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 le 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://redcdn.net/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".
avatar

MlleAlys
Membre actif

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

http://mllealys2.forumactif.org/
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 le 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 :/

avatar

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 le 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;
}
avatar

MlleAlys
Membre actif

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

http://mllealys2.forumactif.org/
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 le Mer 28 Déc 2016 - 17:02

Génial , merci beaucoup Smile
avatar

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


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