Modifier la CSS de "Annonce, Annonce Global etc.. "

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

Résolu Modifier la CSS de "Annonce, Annonce Global etc.. "

Message par Offrande le Sam 16 Mar 2013 - 16:11

Bonjour,

J'ai actuellement une modification CSS sur l'apparence de mes titres de sujets sur mon forum
et je voulait savoir s'il était possible de mettre un style pour les sujets normaux et un autre pour les Annonces, Annonces global, Note.

Tout comme on les séparé par les tableau, les mien ne sont pas séparé, mais je voudrait changer la couleur de ces sujets important, est ce possible ?

Merci de votre aide. Smile


Dernière édition par Offrande le Mar 19 Mar 2013 - 15:39, édité 1 fois

Offrande
*****

Féminin
Messages : 548
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modifier la CSS de "Annonce, Annonce Global etc.. "

Message par Matriochka le Dim 17 Mar 2013 - 19:35

Bonsoir Offrande,

Voici une petite astuce qui devrait t’intéresser :
Coloriser les cases des Note et des annonces

N’hésite pas si tu as des questions Wink

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Modifier la CSS de "Annonce, Annonce Global etc.. "

Message par Offrande le Dim 17 Mar 2013 - 23:39

Merci beaucoup, je vais tester cela Very Happy
je ne met pas le sujet en résolus au cas ou j'aurais un soucis ^^.

Bonne soirée à toi.

Offrande
*****

Féminin
Messages : 548
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la CSS de "Annonce, Annonce Global etc.. "

Message par Offrande le Dim 17 Mar 2013 - 23:58

Re Bonsoir,

Je viens d'installer le script correctement je pense, voila un visuel :
(je précise que mon javascript est correctement activer)


Et voila un visuel de mon CSS :
Code:
tr.annonce td {
  background-color:#B22222!important;
} /* Modifie la couleur de fond des annonces */

tr.Note td {
  background-color:#B22222!important;
} /* Modifie la couleur de fond des Note */

Mais rien ne fonctionne ><' !
Preuve sur une liste de sujets : Ici

En sachant que ma liste de sujet à aussi un petit CSS et CSS3 : /

Merci d'avance pour votre réponse.

Offrande
*****

Féminin
Messages : 548
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la CSS de "Annonce, Annonce Global etc.. "

Message par demeter1 le Lun 18 Mar 2013 - 0:01

Testez sur les sujets. il y a peu être eu erreur d'interprétation lors de la traduction de ce tutoriel.

demeter1
+ Hyperactif +

Masculin
Messages : 8221
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la CSS de "Annonce, Annonce Global etc.. "

Message par Matriochka le Lun 18 Mar 2013 - 9:13

Tout m’a l’air correct dans le script que tu as créés là. C’est bien sur les sous-forums qu’il faut appliquer le script…

Peut-être que le souci vient du fait que tu as modifié le template topics_list_box.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Modifier la CSS de "Annonce, Annonce Global etc.. "

Message par Offrande le Lun 18 Mar 2013 - 22:29

Bonjour,

Je n'en ai pas la moindre idée :s
ou peut être parce que dans mon CSS j'ai déjà des modifications sur les titres de sujets?

Mais ma feuille de style a tendance a beaucoup buguer :s je n'en connais pas la raison :s j'ai pourtant bien tout espacé comme tu me la conseillé : /

Code:
/* OMBRE SUR TEXTE */ a {
text-shadow: 0px 1px 1px #000000;
font-variant: small-caps ;
}

a:hover {
text-shadow: 1px 1px 1px #000000;
text-decoration: none !important;
}

/*JUSTIFIER LE TEXTE DU FORUM */
.forumline {
text-align:justify;
}

/* TEXTE EN PETITE MAJUSCULE */
body {
font-variant: small-caps ;
}

/* TEXTE DES MESSAGE MARGE + JUSTIFIER */
.postbody {
text-align:justify;
margin-left: 90px;
margin-right: 90px;
}

/* ALIGNEMENT COMMENTAIRES BLOGS */
#blog_comments table {
width: 100%;
margin-bottom: 2px;padding-right: 40px;
}


/* RETIRÉ SOULIGNEMENT DES MEMBRES */
a:visited {
text-decoration: none;
}
a:link {
text-decoration: none;
}
 
/* marge entre profil et message */
tr.post td {
padding-left: 20px;
}

/* BACKGROUND */
.fond1 {
background-image: url();
background-repeat: repeat-x;
background-position: top center;
}



/* Bordure image droite et gauche */
.bodyline {
background-image:url(http://i73.servimg.com/u/f73/17/99/16/25/captur42.png);
background-repeat:repeat-y;
background-position:right, left;
padding-right:45px;
padding-left:45px;
}




/* CSS DES ZONES DEROULANTES   */
select , .select {
background: #EDC576;
color:#ffffff;
padding:1px 3px 1px 3px;
border:1px solid #000000;
}

/* - - - - - - - - - - - - - - - - - - - - -ZONE DE TEXTE - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
textarea, .textarea.post, input.post {
    color: indianred;
    font-style : italic;
    background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/maroon10.png) !important;
    border-radius: 6px 6px 6px 6px;
    border-top: 2px solid #000000!important;
    border-bottom: 2px solid #000000!important;
    border-left: 3px solid #000000;
    border-right: 3px solid #000000;
}


/* - - - - - - - - - - - - - - - - - -BARRE DE MISE EN FORME DES MESSAGE - - - - - - - - - - - - - - - - - -  - - */
button.button2, input.button2 {   
border: 2px solid #DAD97D;
border-radius: 3px 3px 3px 3px;
background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/captur43.png);
}

/* le hover (image au survol) */
button.button2:hover, input.button2:hover {
border: 2px solid #DAD97D;
border-radius: 3px 3px 3px 3px;
background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/captur44.png);
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - PROFIL - - - - - - */
/* CADRE DANS LE PROFIL DES MESSAGES #D8D77C */
 /* ELEMENTS PROFIL */
#intprofil {
  background: #B22222;
  border-top: 5px solid maroon;
  border-bottom: 5px solid maroon;
  padding:5px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
 /* ELEMENT PROFIL */
#intprofil2 {
  background: #B22222;
  border-top: 5px solid marron;
  border-bottom: 5px solid marron;
  padding:5px;
  padding-top:10px;
  text-align:center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
 /* TITRE DU PROFIL */
.nomrang {
  text-align:right;
  margin-top: -19px;
  font-size:17px;
  color:#ffffff;
  letter-spacing :8px;
  text-shadow : 1px 1px 1px #000000;
  font-weight: bold;
}
/* PSEUDO */
.nameprofil {
  font-size:17px;
  letter-spacing :4px;
  text-shadow : 1px 1px 1px #000000;
  margin-bottom: -28px;
  margin-top:5px;
  text-align:center;
  color:#FFFFFF;
}
/* AVATAR */
.imgavatar {
  max-width: 200px;
  max-height: 200px;
  min-width: 200px;
  min-height: 200px;
}
/* DECORATION AVATAR */
.postdetails.poster-profile a img {
background-color: maroon;
padding: 10px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border: 0px;
}



/* - - - - - - - - - - - - - - - - - - - - - - - ONGLET ONLINE / OFFLINE - - - - - - - - - - - - - - - - -*/
#post_onlin {
background: url('http://i75.servimg.com/u/f75/11/95/30/70/m111.png') no-repeat;
position: absolute;
float: left;
width: 19px;
height: 127px;
margin-left: -22px;
margin-top: 20px;
padding: 0;
border: 0;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* LES CATEGORIS EN ONGLETS */
#cat-onglets {
  margin: 10px auto;
  text-align: center;
}
 
.co-item {
  background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/back_d10.png);
  background-repeat: repeat-y;
  color: #FFFFFF;
  border-left: 5px solid black;
  border-right: 5px solid black;
  border-radius: 0px 15px 0px 15px;
  display: inline;
  margin: 0 5px;
  padding: 3px;
}

 .co-item:hover {
  background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/back_e10.png);
  background-repeat: repeat-y;
  border-left: 5px solid black;
  border-right: 5px solid black;
  border-radius: 0px 15px 0px 15px;
  color: #FFFFFF;
  display: inline;
  margin: 0 5px;
  padding: 3px;
}
 
.co-actif {
  background-color: #dad97d;
  opacity: 0.7;
  color: black;
  border-left: 5px solid black;
  border-right: 5px solid back;
  border-radius: 0px 15px 0px 15px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - -- CITATION - SPOILER - CODE - HIDE - AUTRE - - - - - - - */
/* LES CITATIONS */
.quote {
width: 400px!important;
height: auto !important;
font-family: georgia;
font-size: 11px;
padding: 20px;
color: #000000;
background-color: #DAD97D;
border-radius: 20px 20px 20px 20px;
border-top: 6px double indianred;
border-bottom: 6px double indianred;
-webkit-transition-property: background-color;
-webkit-transition-duration: 1s;
/* Firefox */
-webkit-transition-property: background-color;
-webkit-transition-duration: 1s;
}
.quote:hover {
background-color: maroon;
}
   

/* LES CODE */
.selectCode {
float: right ;
text-transform: uppercase;
color: #000000;
text-shadow: 1px 1px 1px grey;
}

div.cont_code {
background-color: indianred;
color: white;
padding: 20px;
margin-left: -20px;
border: none !important;
-webkit-transition-property: color;
-webkit-transition-duration: 1s;
/* Firefox */
-webkit-transition-property: color;
-webkit-transition-duration: 1s;
}
div.cont_code:hover {
color: #000000;
}
   

/* SPOILER FERMER */
.spoiler_closed {
width: 400px;
min-height: 15px;
background-color: maroon;
border-radius: 20px 0px 20px 0px;
margin-bottom: 3px
-webkit-transition-property: background-color;
-webkit-transition-duration: 1s;
/* Firefox */
-webkit-transition-property: background-color;
-webkit-transition-duration: 1s;
}
.spoiler_closed:hover {
background-color: #DAD97D;
}

/* SPOILER OUVRET */
.spoiler_content {
mini-width: 400px;
font-family: georgia;
font-size: 12px;
padding: 20px;
color: #DAD97D;
background-color: maroon;
border-radius: 20px 0px 20px 0px;
}




/* - - - - - - - - - - - - - - - - - - - CSS DES FLÈCHES HAUTS ET BAS - - - - - - - - - - - - - - - - - - - - - */
/* bloc contenant les boutons */
.top_bottom {
position: fixed;
bottom: 180px;
right: 0px;   
background-color: maroon;   
border:1px solid #000000;   
-moz-border-radius: 9px 0px 0px 9px;   
-webkit-border-radius: 9px 0px 0px 9px;   
z-index: 999;
padding: 7px;
}
/* bouton haut */
.haut {
display: block;
width:18px;
height:22px;
background:url(http://i65.servimg.com/u/f65/11/95/30/70/2310.png) no-repeat 0 0;
}

/* bouton bas */
.bas {
display: block;
width:18px;
height:22px;
background:url(http://i65.servimg.com/u/f65/11/95/30/70/2412.png) no-repeat 0 0;
}



/* dffdffd */
.new_form {
background-color:#DAE3F5;
border:1px solid #ccc;
padding:10px 20px;
margin-bottom:15px;
font-size:1.2em;
width:95%;
}






/* - -  - - - - - - - - - - - - - - - - -CSS DES BOUTON PREVISUALISER ET ENVOYER ETC .- - - - - - - - - - - - - . */
/* premier bouton normal */
input.mainoption {
background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/degrad12.png);
border: solid 2px indianred;
border-radius: 0px 15px 0px 15px;
color: #dad97d;
}
/* premier bouton passage de la souris */
input.mainoption:hover {
background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/degrad13.png);
border: solid 2px #000000;
border-radius: 0px 15px 0px 15px;
color: white;
}
/* 2éme bouton normal */
input.liteoption {
background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/degrad12.png);
border: solid 2px indianred;
border-radius: 0px 15px 0px 15px;
color: #dad97d;
}
/* 2éme bouton passage de la souris */
input.liteoption:hover {
background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/degrad13.png);
border: solid 2px #000000;
border-radius: 0px 15px 0px 15px;
color: white;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - -CURSOR - - - - - - - - - - - - - - - - - - - - - - - - - - */
body {
  cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1038.cur), progress !important;
}
a {
  cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1038.cur), progress !important;
}



/* - - - - - - - - - - - - - - - - - - - - - PERSONNALISATION DE LA TCHAT_BOX - - - - - - - - - - - - - - - - - */
/* La discussion */
#chatbox {
background-color: maroon;
border: 0px solid transparent;
}
/* Le Haut */
#chatbox_header {
background-color: #DAD97D;
border: 1px solid #ffffff;
}
/* liste des connecter */
#chatbox_members {
background-color: maroon;
border: 1px solid #ffffff;
}
/* Le bas */
#chatbox_footer {
background-color: #DAD97D;
border: 0px solid transparent;
}
/* couleur du mot "message" */
#chatbox_footer label {
color: #000000;
background: #DAD97D;
}
/* bouton envoyer */
#chatbox_footer #submit_button {
color: #DAD97D;
background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/back_e11.png);
border: 2px solid #000000;
border-radius: 15px 0px 15px 0px;
}
#chatbox_footer #submit_button:hover {
color: #FFFFFF;
background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/back_e12.png);
border: 2px solid #000000;
border-radius: 15px 0px 15px 0px;
}
/* fond des bouton de mise en forme */
#chatbox_footer .fontbutton {
background-color: #946B38;
border: 0px solid transparent;
border-radius: 6px 0px 6px 0px;
}
.chatbox-title {
font-style: 16px georgia;
color: #000000;
}
/* fond du titre de la liste membres */
#chatbox_members .member-title {
background-color: #946B38;
color: #ffffff;
}
/* zone message 1 */
.chatbox_row_1 {
background-color: #DAD97D;
}
/* zone de message 2 */
.chatbox_row_2 {
background-color: #E2E18B;
}
#chatbox, .post {
background-color: maroon;
border: 2px solid #ffffff;
}
 


   
/* - - - - - - - - - - - - - - - - - - - - - - - BARRE DE NAVIGUATION - - - - - - - - - - - - - - - - - - */
   
.navigation {
width: 100%!important;
background-color: #B22222;
border: 1px solid #000000;
}

a.mainmenu:link, a.mainmenu:visited {
font-family : georgia;
color: #DAD97D;
font-size: 12px;
text-align: center;
display: inline-block;
border-radius: 10px 0px 10px 0px;
border: 2px solid INDIANRED;
background-color: maroon;
padding: 4px;
}

a.mainmenu:hover, a.mainmenu:visited:hover {     
color: #000000;
background-color: #B22222;
}
   
   


/* - - - - - - - - - - - - - - - - - - - BANDEAUX DES FORUMS - - - - - - - - - - - - - --- - - - - - - - - - - - */
.forum_titre {
position:relative;
width: 100%;
height: 10px;
margin: 0;
padding: 0;
}

.titre_forum {
position: absolute;
width: auto;
height: 51px;
top: -15px;
margin: 0;
padding: 0;
z-index: 2;
}
/* RUBAN  DE GAUCHE */
.titre_left {
background: url(http://i73.servimg.com/u/f73/17/99/16/25/505010.png) no-repeat transparent;
float: left;
width: 50px;
height: 49px;
margin: 0;
padding: 0;
}
/* RUBAN DU CENTRE */
.titre_milieu {
background: url(http://i73.servimg.com/u/f73/17/99/16/25/55010.png) repeat-x transparent;
float: left;
width: auto;
min-width: 240px;/*longueur du ruban*/
height: 41px;
margin: 0;
padding: 0;
}
/* RUBAN DE DROITE */
.titre_right {
background: url(http://i73.servimg.com/u/f73/17/99/16/25/droite12.png) no-repeat transparent;
float: left;
width: 50px;
height: 49px;
margin: 0;
padding: 0;
}
/* DIV LIEN FORUM */
.link_forum {
display: block;
width: auto;
margin: 16px auto 0;
text-align: center;
}
/* LIEN FORUM */
.link_forum a.forumlink {
margin-top:-5px;
display: block;
font-size:18px;
font-weight:bold;
font-style:oblique;
font-family: Georgia, cursive, serif;
color: #DAD97D;
text-shadow: #000000 1px 1px 1px;
width: 250px;
text-align: center ;
-webkit-transition-property: color;
-webkit-transition-duration: 1s;
/* Firefox */
-webkit-transition-property: color;
-webkit-transition-duration: 1s;
}
.link_forum a.forumlink:hover {
color: maroon;
}






/* - - - - - - - - - - - - - - - - - - - - - BANDEAU DU QEEL - - - - - - - - - - - - - - - - - - - - - - - - - - */

.top_cat {
position: relative;
width: 100%;
height: 66px;
vertical-align: bottom;
margin: 0;
padding: 0;
margin-top: 20px;
}
.tfa_cat_gauche {
position: absolute;
left: -24px;
background: url(http://i73.servimg.com/u/f73/17/99/16/25/505010.png) no-repeat transparent;
width: 24px;
height: 66px;
margin: 0;
padding: 0;
}
.tfa_cat_droite {
position: absolute;
right: -24px;
background: url(http://i73.servimg.com/u/f73/17/99/16/25/droite12.png) no-repeat transparent;
width: 24px;
height: 66px;
padding: 0;
margin: 0;
}
.tfa_cat_center {
background: url(http://i73.servimg.com/u/f73/17/99/16/25/55010.png) repeat-x scroll center bottom transparent;
bottom: 0;
height: 66px;
line-height: 66px;
margin: 0;
padding: 0;
}
         

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - NOM DU QEEL */
a.cattitle {
text-shadow: 1px 1px 1px #000000;
color: #DAD97D;
letter-spacing: 3px;
font-family: georgia;
font-weight: bold;
font-size: 17px;
text-decoration: none;
line-height: 66px;
display: block;
width: 100%;
height: 66px;
vertical-align: middle;
text-align: center;
padding-top: 4px;
}
/* CONFIGURATION DE LA PREMIERE LETTRE DU QEEL */
span.cattitle a.cattitle:first-letter {
font-size: 40px;
color: maroon !important;
}
/* POUR SUPPRIMER LES BORDURES DE LA BARRE DE TITRE */
td.catLeft, th.thLeft {
border-width: 0 0 0 0px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -NOM DU SUJET */
/* cellules flèches navigation */
.t-title {
height: 66px;
vertical-align: middle;
padding-top: 5px;
}
/* titre du sujet */
.t-title .cattitle {
text-shadow: 1px 1px 1px #000000;
color: #DAD97D;
letter-spacing: 3px;
font-family: georgia;
font-weight: bold;
font-size: 17px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - -  DESCRIPTION DES FORUM- - - - - - - - - - - - - - - - - -- - */
.description_forum {
color: #dad97d;
padding: 20px;
background-color: maroon;
border-radius: 30px 0px 30px 0px;
border-bottom: 5px double #000000;
-webkit-transition-property: background-color;
-webkit-transition-duration: 2s;
/* Firefox */
-webkit-transition-property: background-color;
-webkit-transition-duration: 2s;
}
.description_forum:hover {
background-color: #000000;
}
img.floatRight {
float: right;
margin-top: -7px;
padding: 5px;
}

/* CSS des bouton sous forum */
.sous_forum {
font-size: 12px;
padding: 2px;
background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/degrad13.png);
border: solid 2px indianred;
border-radius: 15px 15px 15px 15px;
}
.sous_forum:hover {
font-size: 12px;
padding: 2px;
background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/degrad13.png);
border: solid 2px indianred;
border-radius: 15px 15px 15px 15px;
}


/* - - - - - - - - - - - - - - - - - - -PAGE DES MISE EN FORME DES SUJETS - - - - - - - - - - - - - - - - - - - */
.fond_separ {
height:20px;
background-color: #E3E28D;
cellpadding: 0px!important;
-webkit-transition-property: background-color;
-webkit-transition-duration: 1s;
/* Firefox */
-webkit-transition-property: background-color;
-webkit-transition-duration: 1s;
}
.fond_separ:hover {
background-color: maroon;
}




/* bandeau tanière et message */
.bando {
background: url(http://i72.servimg.com/u/f72/13/24/12/35/bando10.png) no-repeat transparent;
float: right;
width: 165px;
padding-top:10px;
height: 27px;
}






/* Code pour retiré les cadre noir */
td.catLeft {
  border-width:0 0 0 0px !important;
}
td.catBottom {
  border-width:0 0px 0px !important;
}
td.catHead {
  border-width:0px 0px 0 !important;
}
.row3Right {
border:none!important;
}
.thHead {
border:none!important;
}
.thCornerL, .thCornerR, .thTop {
border:none!important;
}
.thLeft, .thRight {
border-left:none!important;
border-right:none!important;
}


/* Bannière copyright Equideow */
.cequideow {
width: 500px;
height: 35px;
color: maroon;
padding: 10px;
font-size: 11px;
font-family: georgia;
font-weight: bold;
border: 4px solid maroon;
border-radius: 5px 5px 5px 5px;
background-color: wheat;
-webkit-transition-property: background-color, color;
-webkit-transition-duration: 1s, 1s;
/* Firefox */
-webkit-transition-property: background-color, color;
-webkit-transition-duration: 1s, 1s;
}
.cequideow:hover {
background-color: white;
color: maroon;
}



/* Separation des messages */
.separation_post {
height: 40px;/*la hauteur de la ligne*/
background-color: maroon;
color: maroon; }

/* modification du logo */
#i_logo {
border-top: 0px solid transparent;
border-bottom: 0px solid transparent;
border-left: 3px solid #000000;
border-right: 3px solid #000000;
border-radius: 35px 0px 35px 0px;
-webkit-transition-property: border-left, border-right, border-top, border-bottom, border-radius;
-webkit-transition-duration: 1s, 1s, 1s, 1s, 1s;
/* Firefox */
-webkit-transition-property: border-left, border-right, border-top, border-bottom, border-radius;
-webkit-transition-duration: 1s, 1s, 1s, 1s, 1s;
}
#i_logo:hover {
border-top: 3px solid #000000;
border-bottom: 3px solid #000000;
border-left: 0px solid transparent;
border-right: 0px solid transparent;
  border-radius: 0px 35px 0px 35px;
}

/* Bannière copyright Le Grand Havre */
.chavre {
width: 500px;
height: 50px;
color: maroon;
padding: 10px;
font-size: 11px;
font-family: georgia;
font-weight: bold;
border: 4px solid maroon;
border-radius: 5px 5px 5px 5px;
background-color: wheat;
-webkit-transition-property: background-color, color;
-webkit-transition-duration: 1s, 1s;
/* Firefox */
-webkit-transition-property: background-color, color;
-webkit-transition-duration: 1s, 1s;
}
.chavre:hover {
background-color: white;
color: maroon;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - QEEL qui est en ligne - - - - - - - - - - - - - - - - - - */
/* qui est en ligne (c) Myrith 2013 Templactif */
.fond_principale_qeel {
  width: 800px;
  height: 500px;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  border-radius: 40px;
  background-color:INDIANRED;
}

.titre_qeel {
  color:#ffffff;
  font-size:28px;
  text-shadow: 0px 4px 4px #000000;
  position: absolute;
  margin-top: -20px;
  margin-left: 100px;
}

.statistiques_imags_qeel {
  margin: auto;
  width:500px;
  color: #000;
  font-size: 11px;
  text-align: center;
  opacity: 1;
  -webkit-transition-property: all; 
  -webkit-transition-duration: 1s;
  -moz-transition-property: all; 
  -moz-transition-duration: 1s;
  transition-property: all; 
  transition-duration: 1s;
}
.statistiques_imags_qeel:hover { 
  opacity: 0.2;
}

.bloc_1_statistique_qeel {
  width:200px;
  height:300px;
  border: 2px solid #000000;
  background-color: #DAD97D;
  font-size: 11px;
  text-align:justify;
  position: absolute;
  margin-left: 75px;
  margin-top: 15px;
  padding: 5px;
  overflow: auto;
  border-radius:0px 20px 0px 20px;
  -webkit-transition-property: all; 
  -webkit-transition-duration: 1s;
  -moz-transition-property: all; 
  -moz-transition-duration: 1s;
  transition-property: all; 
  transition-duration: 1s;
}

.bloc_2_statistique_qeel {
  width:200px;
  height:300px;
  border: 2px solid #000000;
  background-color: #DAD97D;
  font-size: 11px;
  text-align:justify;
  padding: 5px;
  position: absolute;
  margin-top: 15px;
  margin-left: 297px;
  overflow: auto;
    border-radius:0px 20px 0px 20px;
  -webkit-transition-property: all; 
  -webkit-transition-duration: 1s;
  -moz-transition-property: all; 
  -moz-transition-duration: 1s;
  transition-property: all; 
  transition-duration: 1s;
}

.bloc_3_statistique_qeel {
  width:200px;
  height:300px;
  border: 2px solid #000000;
  background-color: #DAD97D;
  font-size: 11px;
  text-align:justify;
  padding: 5px;
  position: absolute;
  margin-top: 15px;
  margin-left: 520px;
  overflow: auto;
    border-radius:0px 20px 0px 20px;
  -webkit-transition-property: all; 
  -webkit-transition-duration: 1s;
  -moz-transition-property: all; 
  -moz-transition-duration: 1s;
  transition-property: all; 
  transition-duration: 1s;
}

 .titre_bloc_1_qeel {
  width:200px;
  font-family:Georgia;
  font-size:14px;
  color:#B22222;
  text-shadow: 0px 3px 5px white;
  background:indianred;
  text-align:center;
  border-radius:0px 20px 0px 20px;
}

.bloc_1_statistique_qeel:hover ,
.bloc_2_statistique_qeel:hover ,
.bloc_3_statistique_qeel:hover { 
  color: #000;
  background-color: #B22222;
}

.petite_image_fin_qeel {
  position: absolute;
  margin-top: 280px;
  margin-left: 35px;
      -moz-transform: rotate(-50deg);
  -o-transform: rotate(-50deg);
  -ms-transform: rotate(-50deg);
  -htm-transform: rotate(-50deg);
  -webkit-transform: rotate(-50deg);
  -webkit-transition-property: all; 
  -webkit-transition-duration: 2s;
  -moz-transition-property: all; 
  -moz-transition-duration: 2s;
  transition-property: all; 
  transition-duration: 1s;
}

.petite_image_fin_qeel:hover {
  -moz-transform: rotate(-110deg);
  -o-transform: rotate(-110deg);
  -ms-transform: rotate(-110deg);
  -htm-transform: rotate(-110deg);
  -webkit-transform: rotate(-110deg)
}

.table_1 td.row1 {
background-image: none !important;
background-color: transparent !important;
border: none !important;
}

.marquer_cookies_qeel a {
  font-size: 13px;
  color: #000;
  position: absolute;
  margin-top: 340px;
  margin-left: 150px;
}

.marquer_cookies_qeel_2 a{ font-size: 13px;
  color: #000;
  position: absolute;
  margin-top: 340px;
  margin-left: 580px;
  z-index: 800;
}

/* .systab .tab => les onglet */
.systab .tab {
  padding: 2px 10px;
  margin-right: 5px;
  color: #000;
  background: #DAD97D;
  border: 1px solid #000;
  border-radius: 45px;
 opacity: 0.7;
 font-size: 15px;
}

/* .systab .tab:hover => les onglets survolés */
.systab .tab:hover {
  background: #B22222;
  color: #000;
  border-color: #B22222;margin-top: 50px;
  opacity: 1;
  font-size: 15px;
}

/* .systab .tab.selected => les onglets sélectionnés */
.systab .tab.selected {
  color: #000;
  background: #B22222;
  margin-top: 50px;
  opacity: 1;
  font-size: 15px;
}

/* .systab .contents => les conteneurs des contenus associés aux onglets  */
.systab .contents {
  margin-top: 1px;
  margin-bottom: 1px;
  color: #000000;
  padding: 10px;
}

/* style des onglets si ils sont à gauche ou à droite */
.systab.s_float .tab,.systab.s_float .tab {
  display: block;
  margin: 5px;
}

/* flottement des conteneurs si les onglets sont à gauche où à droite */
.systab.s_float .tabs,.systab.s_float .contents {
  float: left;
}
.montab1 .contents {
  width:  10%;
  margin-right: 30px;
  border: 1px dashed blue;
}
.montab2 .contents {
  width: 800px;
  border: none;
  box-shadow:0 0 10px #000000;
  border-radius: 20px;
  margin-left: 50px;
}
 .montab2 .tab.selected { 
  color: 000;
}
  .montab1 .mononglet4 {
  margin-top: 100px; 
  color: 000;
}
.montab1 .mononglet7 {
  margin-top: 100px;
  color: 000;
}


/* ruban liste des sujets */
  .cat {
  height:66px;
  margin:20px 0 0;
  padding:0;
  position:relative;
  vertical-align:bottom;
  width:100%;
}
.cat_gauche {
  background:url() no-repeat transparent;
  height:67px;
  left:-24px;
  margin:0;
  padding:0;
  position:absolute;
  width:24px;
}
.cat_droite {
  background:url(http://i73.servimg.com/u/f73/17/99/16/25/droite12.png) no-repeat transparent;
  height:67px;
  margin-right:-27px;
  margin-top:20px;
  padding:0;
  position:absolute;
  right:-22px;
  width:50px;
  top: -3px;
}
  .cat_center {
  background:url(http://i73.servimg.com/u/f73/17/99/16/25/55010.png) repeat-x scroll center bottom transparent;
  bottom:0;
  height:67px;
  line-height:60px;
  margin-left:-7px;
}


/* titre bandeau liste des membres */
.list_membre {
color:#DAD97D;
text-shadow: 1px 1px 1px #000000;
font-size: 24px;
font-weight: bold;
margin-left: 270px;
}



/* lerine */
.letrine:first-letter {
font-size:300%;
float:left;
color: #DAD97D;
font-size: 40px;
font-family: papyrus;
text-shadow: 2px 2px 2px #000000;
font-float: left;
font-weight: bold;
}


/* effacement cadre pointillé au clic */
a:link {
outline: none !important;
border: none !important;
text-decoration: none !important;
}
a:visited {
outline: none !important;
border: none !important;
text-decoration: none !important;
}

/* agrandissement du cadre de répose rapide */
form#quick_reply textarea#text_editor_textarea {
width: 135% !important;
height: 100% !important;
margin-left: -120px;
margin-right: -120px;
padding: 15px;
border: 2px solid #000000;
box-shadow: 10px 10px 10px #000000!important;
}






/* - - - - - - - - - - - - - - - - - - - - - FICHE PRINCIPAL - - - - - - - - - - - - - - - - - - - - - - - - */
.tout
{
width:80%;
height:auto;
margin-left:10%;
background:yellow;
}
.haut_titre
{
  width:60%;
  height: 50px;
  margin-left:20%;
  background-color: #F1DD7A;
  border: 2px solid #000000;
  text-align:center;
 
}

.haut_ruban
{
  widht: 80%;
  height: 15px;
  background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/ruban_11.png);
  border: 1px solid #000000;
}

.cadre_infos
{
  width:50%;
  text-align:center;
  margin-left:25%;
  padding: 5px;
  color:#B22222;
  text-shadow: 1px 1px 1px #000000;
  font-size:18px;
}
/*la bordure basse des titres*/
.bordure
{
width:auto;
border-bottom: 2px dotted maroon;
}
.contenu_text
{
  color: #000000;
  font-size: 12px;
  font-style: italic;
  margin-left: 10px;
}

.footer_fiche1
{
  width:80%;
  height: 75px;
  margin-left:10%;
  background: url(http://i74.servimg.com/u/f74/11/26/21/37/bas_fi10.png)no-repeat;
  border: 2px solid #000000;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}



/* - - - - - - - - - - - - - - - - Avatar en transparence et Cadre "SUR LE DOMAINE" - - - - - - - - - - - - */
 
div.info_profil em {
display:none;
}

div.info_profil:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}

div.info_profil:hover em {
padding: 3px;
display: block;
position: absolute;
top:0px;
left:-5px;
background-color: #B22222;
border: 3px solid transparent;
width:194px;
height:200px;
  }




/* decoration des sujet */
a.topictitle {
background-color: #B22222;
color: #DAD97D!important;
display: block;
font-size: 14px;
text-align: center;
border-radius: 12px;
-webkit-transition-property: background-color, color;
-webkit-transition-duration: 1s, 1s;
/* Firefox */
-webkit-transition-property: background-color, color;
-webkit-transition-duration: 1s, 1s;
}
a.topictitle:hover {
background-color: maroon;
color: #cccccc!important;
}


/* image en bas des tables */
.forumline {
}

/* retrait des contours */
th.thHead,td.catHead {
    border-width: 0 0 0 0;
    }
th.thSides,td.catSides,td.spaceRow {
    border-width: 0 0;
    }
th.thRight,td.catRight,td.row3Right {
    border-width: 0 0 0 0;
    }
th.thLeft,td.catLeft {
    border-width: 0 0 0 0;
    }
th.thBottom,td.catBottom {
    border-width: 0 0 0 0;
    }

/* Bandeux liste sujet */
.list_sujets {
color: maroon;
font-size: 20px;
text-shadow: 1px 1px 1px #DAD97D;
}

/* - - - - - - - - - - - - - - - - - - - - - - - message en bull - - - - - - - - - - - - - - - - - - - - - - - */

.fleche {
background-image : url(http://i73.servimg.com/u/f73/17/99/16/25/topic_10.png);
width: 35px;
height :35px;
position : relative;
top : 77px;
left : -26px; 
}


.bulle {
color: #DAD97D;
background-color : #B22222;
border-top : 6px solid maroon;
border-bottom : 6px solid maroon;
border-left : 4px double maroon;
border-right : 4px double maroon;
border-radius : 20px 20px 20px 20px;
padding: 10px;
min-height : 250px;
}



tr.annonce td {
  background-color: #B22222!important;
} /* Modifie la couleur de fond des annonces */

tr.Note td {
  background-color: #B22222!important;
} /* Modifie la couleur de fond des Note */




/* - - - - - - - - - - - - - - avatar a coté de la réponse rapide */
#av_quickreply img {
  position: relative;
  top: 62px;
  left: -1px;
  border: 2px solid #000000;
  border-radius: 5px 5px 5px 5px;
}
 
#av_quickreply {
  float: left;
}

Offrande
*****

Féminin
Messages : 548
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modifier la CSS de "Annonce, Annonce Global etc.. "

Message par Ea le Mar 19 Mar 2013 - 11:34

Bonjour,


Si je regarde votre code javascript :

Code:
$(function () {
    $('img[src="http://i73.servimg.com/u/f73/17/99/16/25/0cc4df10.jpg"]').closest('tr').addClass('annonce');
    $('img[src="http://i73.servimg.com/u/f73/17/99/16/25/maroon10.png"]').closest('tr').addClass('Note')
});
Il est mis que l'image de Note est ceci :
https://i73.servimg.com/u/f73/17/99/16/25/maroon10.png

Mais ce n'est pas cela mais :
https://i33.servimg.com/u/f33/12/13/48/97/attach10.png

En la modifiant ça semble fonctionner mieux :

Code:
$(function () {
    $('img[src="http://i73.servimg.com/u/f73/17/99/16/25/0cc4df10.jpg"]').closest('tr').addClass('annonce');
    $('img[src="http://i33.servimg.com/u/f33/12/13/48/97/attach10.png"]').closest('tr').addClass('Note')
});
Cordialement.

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

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

Résolu Re: Modifier la CSS de "Annonce, Annonce Global etc.. "

Message par Offrande le Mar 19 Mar 2013 - 15:39

Bonjour,

Merci beaucoup pour votre réponse,
effectivement ce code si marche super bien !

Merci encore à vous, je place en résolus Very Happy

Offrande
*****

Féminin
Messages : 548
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande 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