Dégradé fond des messages

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

Résolu Dégradé fond des messages

Message par Matthieu A. Ven 27 Déc 2013, 19:50

Bonjour à tous et bonnes fêtes de fin d'années

je poste ici car j'ai de nouveau un problème avec mon dégradé qui se trouve sur le fond des messages. Il fonctionnait très bien jusqu'à ce qu'il me lâche il y a un petit bout de temps :(J'ai donc décidé de faire rectifier:

voici les codes

CSS:
Code:
div .AdministrateurDegrade {
  background-image: url("http://img15.hostingpics.net/pics/485232bleu63.png");
  background-position: bottom right;
}

Javascript:
Code:
$(function() {
$('.Administrateur').parent().parent().parent().parent().parent().addClass('AdministrateurDegrade');
});

Je mets l'ensemble du CSS au cas où un autre code courcircuiterait le dégradé (ce qui peu probable)
Code:
 .sceditor-container textarea  , .sceditor-container iframe
{
        background-image: url(http://i70.servimg.com/u/f70/17/79/11/65/logo_212.png)!important;
        background-position: center!important;
        background-repeat: no-repeat!important;
}
div .AdministrateurDegrade {
  background-image: url("http://img15.hostingpics.net/pics/485232bleu63.png");
  background-position: bottom right;
}
.topics li.row {
  min-height : 60px;
}
.online .postprofile {
    background-image: url("http://i70.servimg.com/u/f70/17/79/11/65/icon_u10.gif");
    background-position: right top;
    background-repeat: no-repeat;
}
.codebox {
/* propriétés pour le code */
  border: 2px solid #007DEB !important;
    box-shadow: 5px 5px 5px #000000;
    background-color:#FFFFFF;
-webkit-border-radius:20px;
-moz-border-radius:20px;
khtml-border-radius: 20px;
border-radius:3px;
  color : #007DEB !important;
  font-size:15px;
}
.spoiler {
/* propriétés pour le spoiler */
  border: 2px solid #007DEB !important;
    box-shadow: 5px 5px 5px #000000;
    background-color:#FFFFFF;
-webkit-border-radius:20px;
-moz-border-radius:20px;
khtml-border-radius: 20px;
border-radius:3px;
  color : #007DEB !important;
  font-size:15px;
}
blockquote {
/* propriétés pour les quote */
  border: 2px solid #007DEB !important;
    box-shadow: 5px 5px 5px #000000;
    background-color:#FFFFFF;
-webkit-border-radius:20px;
-moz-border-radius:20px;
khtml-border-radius: 20px;
border-radius:3px;
  font-family:"Arial";
  color : #007DEB !important;
  font-size:15px;
}
.header {
text-align: center;
font-weight:bold;
border-width: 0;
height: 29px;
}
dl.annonce {background-color:#96EB88;height: 60px;} /* Modifie la couleur de fond des annonces */
dl.Note {background-color:#EBCA88;height: 60px;} /* Modifie la couleur de fond des Note */
dl.annonce-g {background-color:#FAD0D3;height: 60px;} /* Modifie la couleur de fond des annonces globales */
.button2, .button1 {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
  box-shadow: #000 0px 5px 5px;
}
.topiclist.forums .lastpost {
    border: 2px solid #FFFFFF !important;
    box-shadow: 5px 5px 5px #000000;
    background-color:#FFFFFF;
-webkit-border-radius:20px;
-moz-border-radius:20px;
khtml-border-radius: 20px;
border-radius:15px;
    margin-top: 40px;
}
#forum_rules { background: #FAB6B6; }
ul.forums dd {
border: none;
}
.mini_ava {
  float: left;
}
.mini_ava img {
  width: 50px;
  height: 50px;
  margin: 0 5px;
  border-radius: 10px;
  transition: all 2s;
  -moz-transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
}
.mini_ava img:hover
{
  width: 80px;
  height: 80px;
}
.postprofile {
  background-color:#E0E0E0;#C5E0F0
  -moz-border-radius: 10px 0;
        -webkit-border-radius: 10px 1;
        khtml-border-radius: 10px 1;
        border-radius: 10px 0;
-moz-box-shadow:8px 8px 8px #757575;
-webkit-box-shadow:8px 8px 8px #757575;
box-shadow:8px 8px 8px #757575;}
#wrap {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
  box-shadow: #000 0px 12px 20px;
}
a.mainmenu img {
display:none;
}
a.mainmenu{
    text-decoration:none;
        padding: 4px 4px;
        margin: 6px;
        background: #9CBBF0;
        color: #3D434D;
        border: 1px solid #7B9DB8;
  -moz-border-radius: 10px 1;
        -webkit-border-radius: 10px 0;
        khtml-border-radius: 10px 1;
        border-radius: 10px 0;
}
a:hover.mainmenu{
    text-decoration:none;
        padding: 10px 10px;
        margin: 8px;
        background: #050505;
        color: #FFFFFF;
        border: 1px solid #050505;
  -moz-border-radius: 10px 0;
        -webkit-border-radius: 10px 1;
        khtml-border-radius: 10px 0;
        border-radius: 10px 1;
}
#page-body {
margin-top:10px;
}
.navbar{
background-color: #FFFFFF;
}
ul.navlinks { border: none; }
#search-box{
height:1px;
visibility:hidden;
}
.mainmenu {
font-family: Arial;
font-size: 13px;
}
/*SUPPRESSION ÉDITION*/
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
span.forumlink {
background-image: url(http://i70.servimg.com/u/f70/17/79/11/65/sans_t10.png);
width: 100%;
}
.topiclist.forums li.row {height:200px;}
.page-title {
  text-shadow: 0px 0px 11px #368AD2;
  color: #000000;
}
td.cat, td.catBottom, td.catHead {
border-width: 0;
height: 29px;
text-align: center;
  font-weight:bold;
}
/*-- retrait du bouton de vote négatif dans les messages --*/
.vote .vote-button, .vote-no-bar {
  display:none;
}
.vote .vote-button:first-child {
    display:block;
}
p.author {
background-color:#FFFFFF;
-webkit-border-radius:20px;
-moz-border-radius:20px;
khtml-border-radius: 20px;
border-radius:15px;
width:400px;
margin-top:5px;}
@charset 'utf-8';
/*************************************************!
*
*  project:    liteAccordion - a horizontal accordion plugin for jQuery
*  author:    Nicola Hibbert
*  url:        http://nicolahibbert.com/liteaccordion-v2/
*  demo:      http://www.nicolahibbert.com/demo/liteAccordion/
*
*  Version:    2.0.2
*  Copyright:  (c) 2010-2011 Nicola Hibbert
*  Licence:    MIT
*
**************************************************/
/****************************************** Core */
.accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif }
.accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
.accordion .slide > h2 {
  color: black;
    font-size: 16px;    
  font-weight: normal;
  margin: 0;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%) rotate(-90deg);
  -webkit-transform-origin: right top;
  -moz-transform: translateX(-100%) rotate(-90deg);
  -moz-transform-origin: right top;
  -o-transform: translateX(-100%) rotate(-90deg);
  -o-transform-origin: right top;
  transform: translateX(-100%) rotate(-90deg);
  transform-origin: right top;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.accordion .slide > h2 span {
    display: block;
    padding-right: 8%;
    text-align: right;
    height: 90%;
    margin-top: 5px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.accordion .slide > h2 b {
    display: inline-block;
    position: absolute;
    top: 13%;
    left: 10%;
    text-align: center;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.accordion .slide > h2:hover { cursor: pointer }
.accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
.accordion noscript p { padding: 10px; margin: 0; background: white }

/****************************************** Dark */
.accordion {
    border: 9px solid #353535;
    border-bottom-width: 8px;
    padding: 5px 5px 6px 0;
    background: #030303;
    -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
  box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.accordion .slide > h2 { background: #030303; text-shadow: 0 -1px 0 #030303; line-height: 265% }
.accordion .slide > h2 span { background: #353535; color: white }
.accordion .slide > h2 b { background: #353535; color: #030303; text-shadow: -1px 1px 0 #5b5b5b }
.accordion .slide > h2.selected span, .accordion .slide > h2.selected span:hover {
    background: #353535;
    background: -moz-linear-gradient(left,  #353535 0%, #555555 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#353535), color-stop(100%,#555555));
    background: -webkit-linear-gradient(left,  #353535 0%,#555555 100%);
    background: -o-linear-gradient(left,  #353535 0%,#555555 100%);
    background: -ms-linear-gradient(left,  #353535 0%,#555555 100%);
    background: linear-gradient(left,  #353535 0%,#555555 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#555555',GradientType=1 );
}
.accordion .slide > h2.selected b {
    background: #383838;
    background: -moz-linear-gradient(top,  #3a3a3a 0%, #363636 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#363636));
    background: -webkit-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
    background: -o-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
    background: -ms-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
    background: linear-gradient(top,  #3a3a3a 0%,#363636 100%);
}
.accordion .slide > div { background: #030303; margin-left: 5px }

/*************************************** Rounded */
.rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
.rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }

/******************************************** IE */
.ie .slide > h2 b { top: 42%; left: 5% }
.ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
.ie.accordion .slide > h2 b { top: 44% }
.ie9.accordion .slide > h2.selected span, .ie9.accordion .slide > h2.selected span:hover { filter: none }

/******************************************** FA */
.accordion figure .full { width: 100%; height: 100%; }
.accordion h2 { border: none; }

/* centrer l'accordéon */
.accordion { margin: auto; }
/*()Bouton avertissement rapide */
 
.mod_mess, .adm_mess {
margin: 5px auto;
width: 90%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
 
.mod_mess a.postlink, .adm_mess a.postlink {
color: #FFF !important;
text-decoration: underline !important;
}
 
/* administrateur bb-Code - bloc de message d'enregistrement */
 
.adm_mess {
background: #e54858;
background: -moz-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e54858), color-stop(100%, #f5b57a));
background: -webkit-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -o-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -ms-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: linear-gradient(left, #e54858 0%, #f5b57a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e54858", endColorstr="#f5b57a", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}
 
/* Administrateur bb-Code - mise en page */
.adm_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #B60505;  
}
    
/* Administrateur BB-Code - présentation du texte */
.adm_mess .titl + div {
display: block;
margin-left: 10px;
padding: 25px 5px 25px 80px;
background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome-10.png) no-repeat left center;
}
 
/* Messages BB-Code - bloc de message d'enregistrement */
 
.mod_mess {
background: #5c93f5;
background: -moz-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5c93f5), color-stop(100%, #afcfda));
background: -webkit-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -o-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -ms-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: linear-gradient(left, #5c93f5 0%, #afcfda 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c93f5", endColorstr="#afcfda", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}
 
/* Messages BB-Code - Un titre */
.mod_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #0D4DD3;    
}
    
/* modernité BB-Code - présentation du texte */
.mod_mess .titl + div {
display: block;
margin-left: 10px;
padding: 25px 5px 25px 80px;
background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome610.png) no-repeat left center;  
}

merci d'avance pour votre aide Wink


Dernière édition par Matthieu A. le Dim 29 Déc 2013, 14:00, édité 1 fois
Matthieu A.

Matthieu A.
****

Masculin
Messages : 258
Inscrit(e) le : 11/03/2013

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

Résolu Re: Dégradé fond des messages

Message par Matthieu A. Sam 28 Déc 2013, 19:52

petit up Smile !

cc
Matthieu A.

Matthieu A.
****

Masculin
Messages : 258
Inscrit(e) le : 11/03/2013

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

Résolu Re: Dégradé fond des messages

Message par Matthieu A. Dim 29 Déc 2013, 13:59

bonjour à tous, le dégradé de fond des messages est réapparut tout seul vers 13h50 aujourd'hui même !

Je ne sais pas ce qui l'avait rendu HS, mais le problème est résolu Smile
Matthieu A.

Matthieu A.
****

Masculin
Messages : 258
Inscrit(e) le : 11/03/2013

Matthieu A. 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