Message d'accueil accordéon

3 participants

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

Résolu Message d'accueil accordéon

Message par Quentin1 Dim 22 Juil 2012 - 16:18

Voilà j'ai juste un tout petit problème avec mon message d'accueil, j'aimerais juste que le fond soit en blanc et non en gris, pouvez-vous me dire quelle ligne modifier pour ceci svp ?

Code:
@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 }
 
/***************************************** Light */
.accordion {
    border: 9px solid white;
    border-bottom-width: 8px;
    padding: 5px 5px 6px 0;
    background: #a0a0a0;
    -webkit-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
    -o-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
  box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.accordion .slide > h2 { background: #a0a0a0; text-shadow: 0 -1px 0 white; line-height: 265% }
.accordion .slide > h2 span {
    background: #fcfcfc;
    background: -moz-linear-gradient(left,  #fcfcfc 0%, #ededed 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
    background: -o-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
    background: -ms-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
    background: linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=1 );
    -webkit-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
    -moz-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
    -o-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
  box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
    color: #909090;
}
.accordion .slide > h2 b { background: #ffffff; color: #909090; text-shadow: -1px 1px 0 white }
.accordion .slide > h2.selected span, .accordion .slide h2.selected span:hover, .accordion .slide > h2.selected b { background: #ffffff }
.accordion .slide > div { background: #a0a0a0; 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% }
.accordion .slide > h2 span { filter: none }
 
/******************************************** FA */
.accordion figure .full { width: 100%; height: 100%; }
.accordion h2 { border: none; }
 
/* centrer l'accordéon */
.accordion { margin: auto; }


Dernière édition par Quentin1 le Ven 27 Juil 2012 - 18:25, édité 1 fois
avatar

Quentin1
*

Masculin
Messages : 39
Inscrit(e) le : 01/09/2010

http://cyclinglegend.forumgratuit.org/
Quentin1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message d'accueil accordéon

Message par Bella Mary Cullen Dim 22 Juil 2012 - 19:51

Hello Smile

Il faut remplacer tes codes couleur "909090" par "FFFFFF"
En espérant t'avoir aidé Smile

Bonne soirée !
Bella Mary Cullen

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message d'accueil accordéon

Message par Quentin1 Dim 22 Juil 2012 - 20:20

Merci bien, mais malheureusement c'est pas ça^^
avatar

Quentin1
*

Masculin
Messages : 39
Inscrit(e) le : 01/09/2010

http://cyclinglegend.forumgratuit.org/
Quentin1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message d'accueil accordéon

Message par Quentin1 Mer 25 Juil 2012 - 15:32

Up…
avatar

Quentin1
*

Masculin
Messages : 39
Inscrit(e) le : 01/09/2010

http://cyclinglegend.forumgratuit.org/
Quentin1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message d'accueil accordéon

Message par Missindo Mer 25 Juil 2012 - 18:04

Coucou essaie de changer le code #a0a0a0 par la couleur que tu désires, normalement c'est la bonne
Missindo

Missindo
****

Féminin
Messages : 438
Inscrit(e) le : 20/07/2011

http://coeur-et-force.forumactif.com/
Missindo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message d'accueil accordéon

Message par Quentin1 Ven 27 Juil 2012 - 18:18

Ok je vais faire ça, merci Wink
avatar

Quentin1
*

Masculin
Messages : 39
Inscrit(e) le : 01/09/2010

http://cyclinglegend.forumgratuit.org/
Quentin1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message d'accueil accordéon

Message par Quentin1 Ven 27 Juil 2012 - 18:25

C'est parfait, tout joue Wink
avatar

Quentin1
*

Masculin
Messages : 39
Inscrit(e) le : 01/09/2010

http://cyclinglegend.forumgratuit.org/
Quentin1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message d'accueil accordéon

Message par Missindo Ven 27 Juil 2012 - 18:38

Tant mieux ^^
Missindo

Missindo
****

Féminin
Messages : 438
Inscrit(e) le : 20/07/2011

http://coeur-et-force.forumactif.com/
Missindo 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