problème [ résolu ]

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

Résolu problème [ résolu ]

Message par julworld le Sam 12 Mar 2011 - 10:47

Bonjour,

J'ai beau cherché, mais je ne sais pas comment faire la chose suivante.
En effet, je souhaite que mes balises "** *** ***"... aient cette forme :


Le problème est que je n'arrive pas à mettre le fond gris (foncé), derrière les titres des balises.

Voici mon code css :
*** ***

Merci d'avance au personne qui s'auront m'aidé.
Bonne journée.


Dernière édition par julworld le Sam 9 Avr 2011 - 12:08, édité 1 fois

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par julworld le Dim 13 Mar 2011 - 11:18

Bonjour,

je up. Wink

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par julworld le Mar 15 Mar 2011 - 17:48

Bonsoir,

up.

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par julworld le Ven 18 Mar 2011 - 8:26

Bonjour,

Je up... Confused Smile

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par julworld le Sam 19 Mar 2011 - 9:19

up. S'ilvouplaît. Flowers2

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par julworld le Dim 20 Mar 2011 - 10:57

up Wink

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par Melisa25 le Lun 21 Mar 2011 - 17:43

Je mis connais pas trop mais je peut te dire que si le code que tu as donné est celui des codes, spoilers, citations, tu dosi remplir ce que j'ai mis ci_dessous
Code:
.code { /* c'est pour les codes */
background-color: ICI LA COULEUR
border:1px #747474 solid; /* bordure gris noir en trait continu */
color: #747474; /* couleur du texte blanche */
}


table.spoiler /* c'est pour les tableau */
{
background-color: #DDDDDD;
width: 700px;
height 50px;
border: 1px #747474;
}

.quote  /* c'est les citations */
        {
    font-family: Arial,Verdana,Helvetica,sans-serif,Comic sans Ms,;
    font-size: 11px;
    color: #333333;
    line-height: 125%;
    background-color: ICI LA COULEUR;
    border: #747474;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px
        }

Melisa25
**

Messages : 92
Inscrit(e) le : 11/02/2011

http://forumpourfilles.superforum.fr
Melisa25 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par julworld le Lun 21 Mar 2011 - 20:06

Bonsoir,
Excusez-moi, mais cela ne change rien... Confused

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par Melisa25 le Mar 22 Mar 2011 - 12:56

Bein je sais pas

Melisa25
**

Messages : 92
Inscrit(e) le : 11/02/2011

http://forumpourfilles.superforum.fr
Melisa25 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par julworld le Mar 22 Mar 2011 - 18:11

Ok, je up. Wink

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par julworld le Jeu 24 Mar 2011 - 14:17

bonjour, up s'ilvouplaît. Shutt

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par julworld le Sam 26 Mar 2011 - 9:59

Bonjour,

Je up. Confused

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par julworld le Dim 27 Mar 2011 - 11:12

Bonjour,

up. Sad

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par julworld le Lun 28 Mar 2011 - 17:48

up. Humour

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par julworld le Mer 30 Mar 2011 - 13:10

uupp ! aidez moi aidez moi

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par Melisa25 le Mer 30 Mar 2011 - 15:54

Essaye ce code :

Code:
/*--------------------------citer et spoiler--------------------- */

.spoiler {
-moz-border-radius:12px;
-webkit-border-radius:12px;
background-color: #da1289;
border : 1px solid #000000;
padding: 7px;
}
.blockquote {
-moz-border-radius:12px;
-webkit-border-radius:12px;
background-color: #da1289;
border : 1px solid #000000;
padding: 7px;
}
.spoiler {
-moz-border-radius:12px;
-webkit-border-radius:12px;
background-color: #da1289;
border : 1px solid #000000;
padding: 7px;
}

.code {
-moz-border-radius:12px;
-webkit-border-radius:12px;
background-color: #da1289;
border : 1px solid #000000;
padding: 7px;
}
.code {
-moz-border-radius:12px;
-webkit-border-radius:12px;
background-color: #da1289;
border : 1px solid #000000;
padding: 7px;
}
.blockquote {
-moz-border-radius:12px;
-webkit-border-radius:12px;
background-color: #da1289;
border : 1px solid #000000;
padding: 7px;
}

Je sais pas ci c'est ce que tu cherche parce que les coins sont arrondis !

Melisa25
**

Messages : 92
Inscrit(e) le : 11/02/2011

http://forumpourfilles.superforum.fr
Melisa25 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par julworld le Mer 30 Mar 2011 - 16:23

Bonjour,

Voici ce que cela donne :


Pour le spoiler, ça donne à peu pret ce que je souhaite. Wink
Mais, comment faire pour que la cadre où se trouve le pointeur rouge, soit d'un autre couleur ?

Pour ce qui est de "citation" et "code", ça ne change rien... j'aimerais un cadre encore autour, comme pour le spoiler... ou alors que le fond des titres soit d'un autre couleur...etc.


julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par julworld le Jeu 31 Mar 2011 - 16:52

up. Smile

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par Melisa25 le Jeu 31 Mar 2011 - 20:55

Euh alors !
Code:
    /*--------------------------citer et spoiler--------------------- */

    .spoiler {
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    background-color: #da1289;
    border : 1px solid #000000;
    padding: 7px;
    }
    .blockquote {
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    background-color: #da1289;
    border : 1px solid #000000;
    padding: 7px;
    }
    .spoiler {
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    background-color: #ffffff;
    border : 1px solid #000000;
    padding: 7px;
    }

    .code {
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    background-color: #da1289;
    border : 1px solid #000000;
    padding: 7px;
    }
    .code {
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    background-color: #da1289;
    border : 1px solid #000000;
    padding: 7px;
    }
    .blockquote {
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    background-color: #da1289;
    border : 1px solid #000000;
    padding: 7px;
    }

Pour changer la couleur du doit changer le code de la couleur dans le 2ème spoiler ici :
.spoiler {
-moz-border-radius:12px;
-webkit-border-radius:12px;
background-color: >>>>>#ffffff; <<<<<<<
border : 1px solid #000000;
padding: 7px;
}

Melisa25
**

Messages : 92
Inscrit(e) le : 11/02/2011

http://forumpourfilles.superforum.fr
Melisa25 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par Melisa25 le Jeu 31 Mar 2011 - 20:56

Pour code et citation je vais voir ce que je peut faire !

Melisa25
**

Messages : 92
Inscrit(e) le : 11/02/2011

http://forumpourfilles.superforum.fr
Melisa25 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par Melisa25 le Jeu 31 Mar 2011 - 21:05

Je sais pas si sa aide mais je suis tomber sur ce code !
En faite tu remplace URL FOND par le fond que tu veux !
ce que tu peux faire c'est de mettre une image avec des coin arrondi !


Code:
.quote {
background-image: url('URL FOND') !important;
background-repeat: no-repeat !important;
background-position: left top !important;
padding: 33px !important;
text-indent: 50px;
}

.quote{
background-image: url('URL FOND') !important;
background-repeat: no-repeat !important;
background-position: left top !important;
padding: 33px !important;
text-indent: 50px;
}

Mais je cherche toujours je te tiens au courant !

Melisa25
**

Messages : 92
Inscrit(e) le : 11/02/2011

http://forumpourfilles.superforum.fr
Melisa25 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par julworld le Dim 3 Avr 2011 - 17:56

Bonjour,

Concernant le spoiler, cela ne marche toujours pas... une seule couleur prend la totalité des cadres du spoilers.

Pour ce qui est du code citation avec une image de fond, c'est sympa, mais ça ne règle pas mon problème...car le titre n'a pas de fond...

Voici le lien du forum où j'ai trouvé ce que je cherche, mais je ne sais pas comment installer : http://sosforum.forumactif.fr/t820-bords-codes-spoiler-et-citations-pour-phpbb2
Sur le sujet du lien, il parle d'arrondis...etc, mais je n'en veux pas, donc il ne faut pas y faire attention... Wink

Merci en tout cas pour votre écoute, en espérant que vous puissiez m'aider à réussir mon souhait. Smile

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par julworld le Mer 6 Avr 2011 - 17:11

Bonjour,
up. Wink

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par FANCH 56 le Mer 6 Avr 2011 - 18:22

Essaies celui-ci, mais il te faut changer les couleurs de background

Code:
.spoiler {

    background-color: #EFECCA;

    }

.spoiler dt {

   border-bottom: 1px solid #EFECCA !important;

   background-color:#ffffcc !important;

   background:#ffffcc no-repeat !important;

   text-indent:1500px !important;

   font-size:0px;

   height:25px !important;

   overflow: hidden !important;

   /*. img: max-width:500px;*/

   max-width:700px;
}

.spoiler dd {

   padding: 0px;
}

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème [ résolu ]

Message par lovefr86 le Ven 8 Avr 2011 - 16:29

up. Very Happy

lovefr86
Nouveau membre

Messages : 1
Inscrit(e) le : 08/04/2011

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

Résolu Re: problème [ résolu ]

Message par Scoubifitz le Ven 8 Avr 2011 - 22:42

@julworld a écrit:Bonjour,

J'ai beau cherché, mais je ne sais pas comment faire la chose suivante.
En effet, je souhaite que mes balises "code", "spoiler", "citations"... aient cette forme :


Le problème est que je n'arrive pas à mettre le fond gris (foncé), derrière les titres des balises (code, citation...).

Voici mon code css :
Code:
.code {
background-color: #DDDDDD;
border:1px #747474 solid; /* bordure gris noir en trait continu */
color: #747474; /* couleur du texte blanche */
}


table.spoiler
{
background-color: #DDDDDD;
width: 700px;
height 50px;
border: 1px #747474;
}

.quote
        {
    font-family: Arial,Verdana,Helvetica,sans-serif,Comic sans Ms,;
    font-size: 11px;
    color: #333333;
    line-height: 125%;
    background-color: #DDDDDD;
    border: #747474;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px
        }

Merci d'avance au personne qui s'auront m'aidé.
Bonne journée.

bonsoir,

pour bien comprendre ...

- votre forum est en PHPbb2
- vous voulez que la citation , le code et le spoiler se ressemblent
- vous voulez du blanc dans le titre de chacun
- vous voulez du gris sombre en encadré
- vous voulez du gris clair en fond de cellule

- j'ai mis du rouge pour le texte en contenu ... vous pouvez le modifier ...

effacez tous les essais non concluants que vous avez mis jusqu'à présent ...

placez ceci à la fin de votre CSS :

Code:
.postbody table[align=center],.postbody table span {
background-color:#747474;
color: white;
}

.spoiler_closed,.spoiler_closed.hidden,.spoiler_content,.spoiler_content.hidden,.code,.quote {
background-color: #DDDDDD;
color: red; /* couleur du texte rouge , on peut mettre black pour du noir */
}

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: problème [ résolu ]

Message par julworld le Sam 9 Avr 2011 - 12:07

Shocked Merci infiniment pour votre aide ! Very Happy
Cela fonctionne à merveille ! Wink

Bonne journée et encore merci. Smile

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld 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