CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| [RESOLU]Problème affiche fond de page | |
| GINGERBREAD.
{ Membre }
Messages : 60
| Bonjour/bonsoir à tous ♥
Alors voilà, mon problème. J'ai commencé à installer le nouveau design de mon forum jusque là niveau code et affichage tout va bien et puiis, je me rend compte d'un truc : il veut pas afficher l'image de fond de page. Alors, je ne sais pas quoi vous donner vu que je sais pas d'où peut bien provenir le problème donc à vous de me dire, parce que je suis larguée là ~
Merci à ceux qui voudront bien m'aider ♥ |
Dernière édition par GINGERBREAD. le Sam 22 Juin 2013, 16:48, édité 1 fois | |
| | | Nihil
{ Modérateur }
Messages : 1216
| Salut, Dans ton CSS, on peut voir pour le body : - Code:
-
background-position: center top; background-repeat: no-repeat;
En fait, comme ton background est une petite image, elle se place au centre haut, et tu lui dis de "pas se répéter" alors forcément elle est cachée derrière ton forum Il faut que tu enlèves le background-repeat : no-repeat; Si tu ne trouves pas cela dans ton code, cela signifie qu'il s'agit d'un de tes réglages dans le panneau d'admin. | | |
| | | GINGERBREAD.
{ Membre }
Messages : 60
| D'après ce que j'ai pu voir, je n'ai pas cette mention donc c'est dans mes réglages mais même en bien regardant je trouve pas d'où ça pourrait bien venir ~ J'ai fais plusieurs manipulations et je me souviens plus depuis quand c'est comme ça | | |
| | | Nihil
{ Modérateur }
Messages : 1216
| Est ce que tu peux me copier tout ton css s'il te plait (: ?
Car je viens de vérifier, normalement ça se répète pas défaut ^____^ | | |
| | | GINGERBREAD.
{ Membre }
Messages : 60
| Le voilà et merci de t'occuper de mon cas ♥ - Code:
-
/*****FORUM******/
.postbody{ text-align : justify; display: block; padding-left: 50px; padding-right: 50px;}
.bodyline{ padding-left: 0px; padding-right: 0px; padding-top: 0px; border-top: none !important; border-bottom: none !important; border-left: 7px #F8C498 solid; border-right: 7px #F8C498 solid; border-radius: 30px 30px 30px 30px; }
body { margin: 0 auto; }
tr.post span.gensmall { display: none; }
a.mainmenu {font-style: italic; font-size: 15px; text-transform: lowercase; letter-spacing: -2px; text-shadow: 0px 0px 1px #1E171E ; font-family: Helvetica; color: #CD5C5C; }
/*modifier l'apparence des scrollbars de tout le forum*/ ::-webkit-scrollbar { width: 7px; /*largeur de la scrollbar verticale*/ height: 5px; /*hauteur de la scrollbar horizontale*/ background-color: #435486;} ::-webkit-scrollbar-track { background-color: #FFFFFF; /*couleur du fond de la scrollbar*/}
::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/ background-color: #F8C498 /*couleur de l'ascenseur*/; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;} body{ background-repeat:no-repeat; background-position: top; background-attachment: scroll; }
/**************SUPPRESSION DU SOULIGNEMENT *********************/
a:link {text-decoration: none;} a:hover{text-decoration: none !important;} a { text-decoration: none; } a:link { text-decoration: none; } a:hover { text-decoration: none; }
/******************PROFIL***************************/
.postdetails.poster-profile img { max-width:200px;}
.poster-profile textarea { width: 200px; }
.police{ font-style: italic; font-size: 30px; text-transform: lowercase; letter-spacing: -2px; font-weight: bold; text-shadow: 0px 0px 2px #1E171E ; font-family: times new roman; }
/***************************PA**************************/
/**************IMAGE INFO**************/ /* Infobulle */
.imgpv li{ display:inline; width: 75px; height:75px; }
.imgpv li img{ width: 76px; /* width of each image.*/ height: 76px; /* height of each image.*/ border:0; margin-right: 5px; /*spacing between each image*/ -moz-transition:-moz-transform 0.1s ease-in; /*animate transform property */ -webkit-transition:-webkit-transform 0.1s ease-in; -o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */ /*Arrondi*/ -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; /*Ombrage*/ -moz-box-shadow: 0px 0px 5px black; -webkit-box-shadow: 0px 0px 5px black; box-shadow: 0px 0px 5px black; }
.infopv{ color:#505050; } .infopv:hover,infopv:focus{ } .infopv span{ width:250px; position:absolute; padding: 5px; font-size:10px; margin-top:-40px; margin-left: -40px; box-shadow: 0px 0px 5px #1E171E background-image:url(http://i44.servimg.com/u/f44/09/04/32/81/planch11.png); z-index:300; /*transform*/ -webkit-transform:scale(0) rotateZ(-12deg); -moz-transform:scale(0) rotate(-12deg); -ms-transform:scale(0) rotateZ(-12deg); -o-transform:scale(0) rotate(-12deg); transform:scale(0) rotateZ(-12deg); /*transition*/ -webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s; /*border-radius*/ -moz-border-radius: 15px; -webkit-border-radius: 10px 40px; border-radius: 15px; }
.infopv:hover span, infopv:focus span{ -moz-transform:scale(1) rotate(0); -webkit-transform:scale(1) rotate(0); }
/* Fin infobulles */
/*****TITRE DES FORUMS*****/
a.forumlink { font-family: Times New Roman; font-style: italic; font-weight: bold; font-size: 23px; color: #E9967A!important; letter-spacing: -1pt; text-transform: lowercase; padding: 5px; margin-bottom: -40; } /*******TITRE DES CATEGORIES********/
.titrecat{ font-family: Times New Roman; font-weight: bold; font-size: 10px; font-style: italic; text-align: center; color: #CD5C5C; }
/********DESCRIPTION FORUMS**********/
/* Bloc principal */ .monBloc { position: relative; /* important ! */ overflow: hidden; /* cache tout ce qui dépasse du bloc. Si vous voulez que votre volet dépasse, retirez cette ligne */ width: 100px; /* largeur du bloc */ height: 85px; /* hauteur du bloc */ background: #FFFFF9; /* couleur de fond */ border-radius: 10px 10px 10px 10px; border-top:2px solid #F8C498; border-bottom:2px solid #F8C498; }
/* Bloc de recouvrement */ .blocVolet { position: absolute; /* positionnement absolu (important) */ top: 0; /* (important) */ left: 0; /* (important) */ width: 100px; /* largeur du bloc (identique au bloc principal) */ height: 85px; /* hauteur du bloc (identique au bloc principal) */ background-image:url(http://24.media.tumblr.com/tumblr_lyrucsv7B11qee9xeo1_250.gif); /* couleur de fond */ border-radius: 10px 10px 10px 10px; /* réglage de la transition */ -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; }
/* Changement au survol */ .monBloc:hover > .blocVolet { left: -250px; /* le bloc se décalera vers la gauche de 250px; (largeur du bloc) */ }
.descriptionforum{ background:#FFFFF9; border-radius: 10px 10px 10px 10px; padding:5px; text-align: justify; opacity: 0.7; border-top:2px solid #F8C498; border-bottom:2px solid #F8C498; height:75px; width:400px; overflow:auto; }
.ecrituredescrip{ font-family:Helvetica; font-size:9px; color:black; text-align:justify; } /* ================================= PERSONNALISATION DU QUI EST EN LIGNE ==================================== Code proposé par Sayuri Corrigé par CSSActif ==================================== */ /* conteneur du QEEL */ .QeelPerso { padding:10px 5px; /* espacement du contenu par rapport à la bordure */ /* coins arrondis (tous navigateurs) */ -moz-border-bottom-radius-: 10px; -webkit-border-bottom-radius: 10px; border-bottom-radius: 10px; }
/* Centrage image du QEEL */ .ImgQeel {text-align:center;}
/* Mise en forme des liens vers les groupes */ .ListeGroupes a { font-size:16px; /* taille du texte */ font-weight:bold; /* épaisseur du texte */ font-style:italic; /* texte en italique */ text-transform:lowercase; /* texte en minuscules */ text-decoration: none!important; /* pas de soulignement du lien */ letter-spacing:1px; /* espacement des lettres */ }
/* Couleurs des groupes */ a.groupe1 { color:#AB6571 ; } a.groupe2 { color:#4682B4 ; } a.groupe3 { color:#CD853F ; } a.groupe4 { color:#7CAB1D ; } /* Mise en forme des cellules de statistiques */ .statistiques { background-color: #FFFFF9; /* couleur de fond */ padding:10px; margin:10px; text-align:left; /* alignement texte */
}
/* Limitation en hauteur des blocs de statistiques */ .BlocStats { overflow:auto; max-height: 200px; /* hauteur maxi */ text-align:justify; }
/* Debuggage : on retire le fond de la liste des dernières 24h */ .DeBug td.row1 { background : none; }
/* ================================= PERSONNALISATION DU QUI EST EN LIGNE (fin) ==================================== */
/********PRESENTATION***********************/
.fondhistoire{ background:#FFFFF9; padding:15px; width:370px; height:200px; overflow:auto; }
.presentation{ img align: right; width=100px; }
.ecriturepresentation{ background:#FFFFF9; padding:5px; width:275px; height:85px; overflow:auto; }
.citationpresentation{ font-family: 'Economica', sans-serif; text-transform: uppercase; font-size: 15px; color: #E9967A; text-align:left; padding:10px; } /***************POSTES NORMAUX********************/
.fond{ background:#FFFFF0; padding:3px; width:400px; border-left:1px solid #E9967A; border-right:1px solid #E9967A; border-top:1px solid #E9967A; border-bottom:5px solid #E9967A; border-radius: 200px 200px 0px 0px; box-shadow: 0px 0px 5px #1E171E ; opacity: 0.7; }
.imageposte{ border-radius: 200px 200px 0px 0px; width:400px; }
.fondposte{ background:#FFFFF9; padding:10px; width:370px; }
.titreposte{ font-family: 'Economica',sans-serif; text-transform: uppercase; font-size: 40px; color: #E9967A; }
.citationposte{ font-family:Helvetica; font-size:10px; color:black }
.textposte{ font-family:Helvetica; font-size:10px; color:black; text-align:justify; } /* --- categories ---*/
.cat_forum { -moz-border-radius: 10px; border: 0px ridge #FEE8C5; background-color: #FEE8C5; margin: auto; margin-bottom:30px; border-radius: 10px 10px 10px 10px; }
/* *** liste *** */
.onglet { display:inline-block; line-height: 30px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:8px auto auto; margin-top:30px; }
/* --- configuration de l'élément de liste --- */
.onglet li { float:left; font-style: italic; font-size: 30px; text-transform: lowercase; letter-spacing: -2px; font-family: Helvetica; color: #FEE8C5; text-align: center; vertical-align: middle; list-style-type:none; }
/* *** liens *** */
.onglet li a { display:block; text-decoration:none; margin-left:5px; color: #FEE8C5; }
/* --- liens au survol --- */
.onglet li a:hover { color:#FEE8C5; }
/* --- onglet actif --- */
.onglet_actif { border-radius: 10px 10px 0px 0px; cursor:pointer; }
/* --- onglet non actif --- */
.onglet_nactif { border-radius: 10px 10px 0px 0px; cursor:pointer; }
/* --- ici vos NOM DE CATEGORIE sauf un : il sera afficher en premier --- */
#echange, #amusement, #administration { display : none; } | | |
| | | Nihil
{ Modérateur }
Messages : 1216
| Ligne 48, tu as : - Code:
-
body{ background-repeat:no-repeat; background-position: top; background-attachment: scroll; } Il faut enlever le "background-repeat:no-repeat;" ^_____^ | | |
| | | GINGERBREAD.
{ Membre }
Messages : 60
| Quelle nouille Le pire c'est que c'est une partie de code de l'ancien design. Je suis désolé de t'avoir déranger pour un truc aussi idiot | | |
| | | Contenu sponsorisé
| | | | | [RESOLU]Problème affiche fond de page | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
|