une couleur autour du spoiler.

2 participants

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

Résolu une couleur autour du spoiler.

Message par Ocarina Mer 28 Déc 2011 - 21:34

Bonsoir (:
J'ai un code pour sélectionné mon spoiler
Code:
function selectCode(a){a=a.parentNode.tagName==="B"?$(a).closest("table").find(".cont_code")[0]:$(a).closest("dl").find("code")[0];if(window.getSelection){var c=window.getSelection();if(c.setBaseAndExtent)c.setBaseAndExtent(a,0,a,a.innerText.length-1);else{window.opera&&a.innerHTML.substring(a.innerHTML.length-4)=="<BR>"&&(a.innerHTML+=" ");var b=document.createRange();b.selectNodeContents(a);c.removeAllRanges();c.addRange(b)}}else document.getSelection?(c=document.getSelection(),b=document.createRange(),b.selectNodeContents(a),
c.removeAllRanges(),c.addRange(b)):document.selection&&(b=document.body.createTextRange(),b.moveToElementText(a),b.select())}
 
$(function(){
    $("dl.codebox:not(.spoiler,.hidecode) dt").add($("div.cont_code").closest("table").find("span.genmed b")).append('<span onClick="selectCode(this)" class="selectCode">Sélectionner le contenu</span>');
});
<< Voici. J'aimerais rajouter une couleur autour, comment faire
Merci.

Mais j'aimerais rajouter une


Dernière édition par Ocarina le Ven 30 Déc 2011 - 15:39, édité 1 fois
avatar

Ocarina
****

Féminin
Messages : 278
Inscrit(e) le : 28/10/2011

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

Résolu Re: une couleur autour du spoiler.

Message par Invité Jeu 29 Déc 2011 - 20:57

Bonsoir,

Quelle est la version du forum concerné? Avez-vous essayé de changer les couleurs via le CSS, PA > Affichage > Couleurs > Feuille de style?

Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: une couleur autour du spoiler.

Message par Ocarina Jeu 29 Déc 2011 - 21:14

La version est PhpBB2 comme sur mon profil Wink Et non, je n'ai pas été vers la feuille de style car je ne sais pas comment "faire" pour que ça marche.
avatar

Ocarina
****

Féminin
Messages : 278
Inscrit(e) le : 28/10/2011

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

Résolu Re: une couleur autour du spoiler.

Message par Invité Jeu 29 Déc 2011 - 21:18

Sur votre forum, les spoiler, les citations et les codes ont chacun un identifiant CSS, il est donc possible de modifier l'apparence à partir de la feuille CSS.

Essayer en plaçant ceci dans votre feuille de style CSS:
Code:
.spoiler{
  border: 3px solid #000;}
Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: une couleur autour du spoiler.

Message par Ocarina Jeu 29 Déc 2011 - 21:20

Merci, comment mettre un genre de dégradé et "d'ombre"? (:
avatar

Ocarina
****

Féminin
Messages : 278
Inscrit(e) le : 28/10/2011

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

Résolu Re: une couleur autour du spoiler.

Message par Roxy. Jeu 29 Déc 2011 - 21:29

Bonsoir,
Pour le dégradé, le mieux serait un générateur : http://gradients.glrzad.com/
Et au lui d'utiliser l'attribut background-image il faudra remplacé par .spoiler
Pour ce qui est de l'ombre, vous trouverez plusieurs types ici : clic
Cordialement,
Roxy.

Roxy.
Membre habitué

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: une couleur autour du spoiler.

Message par Invité Jeu 29 Déc 2011 - 21:30

Pour l'ombre, on ajoute la propriété box-shadow.
Code:
.spoiler{
  border: 3px solid #000;
  box-shadow: 2px 2px 8px #000; #000;}
Pour le dégradé, par contre je n'ai pas compris, auriez-vous un exemple?

Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: une couleur autour du spoiler.

Message par Ocarina Jeu 29 Déc 2011 - 21:31

Même si c'est d'un autre forum, je peux montré en tant qu'exemple? (:...
avatar

Ocarina
****

Féminin
Messages : 278
Inscrit(e) le : 28/10/2011

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

Résolu Re: une couleur autour du spoiler.

Message par Invité Jeu 29 Déc 2011 - 21:32

Oui à condition de ne pas reproduire à l'identique Wink.

Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: une couleur autour du spoiler.

Message par Ocarina Jeu 29 Déc 2011 - 21:37

Yep, voici donc il y à comme un dégradé avec une "ombre"et un léger dégradé.. (:
Spoiler:
avatar

Ocarina
****

Féminin
Messages : 278
Inscrit(e) le : 28/10/2011

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

Résolu Re: une couleur autour du spoiler.

Message par Invité Ven 30 Déc 2011 - 10:14

Bonjour,

Essayez comme ceci
Code:
.spoiler, .code{
  border: 3px solid #000;
  box-shadow: 2px 2px 20px #000;
}

Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: une couleur autour du spoiler.

Message par Ocarina Ven 30 Déc 2011 - 13:26

Merci, il me convient Smile par contre, sur Firefox et sur Chrome il n'y à pas les "bordures arrondis".. =/
avatar

Ocarina
****

Féminin
Messages : 278
Inscrit(e) le : 28/10/2011

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

Résolu Re: une couleur autour du spoiler.

Message par Invité Ven 30 Déc 2011 - 14:15

Est-ce mieux comme ceci?
Code:
.spoiler, .code{
  border: 3px solid #000;
  box-shadow: 2px 2px 20px #000;
  -moz-box-shadow: 2px 2px 20px #000;
 -webkit-box-shadow: 2px 2px 20px #000;
  border-radius: 20px ;
  -moz-border-radiu: 20px;
 -webkit-border-radiu: 20px;
}
Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: une couleur autour du spoiler.

Message par Ocarina Ven 30 Déc 2011 - 14:35

avatar

Ocarina
****

Féminin
Messages : 278
Inscrit(e) le : 28/10/2011

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

Résolu Re: une couleur autour du spoiler.

Message par Invité Ven 30 Déc 2011 - 15:01

Il faut affiner un peu Razz:
Code:
.spoiler, .code{
  border: 3px solid #000;
  box-shadow: 2px 2px 20px #000;
  -moz-box-shadow: 2px 2px 20px #000;
  -webkit-box-shadow: 2px 2px 20px #000;
  border-radius: 20px ;
  -moz-border-radiu: 20px;
  -webkit-border-radiu: 20px;
  padding: 5px;}
Padding ajoute une petit marge à l'intérieur pour décoller le texte du bord.

Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: une couleur autour du spoiler.

Message par Ocarina Ven 30 Déc 2011 - 15:10

Ho ça marche *magiiique x)* Par contre, sur mon forum test ya un ptit soucis, regarde entre balise code :S La couleur d'écriture est
Code:
#CCC5AB
alors que je n'ai pas choisis une couleur :S
avatar

Ocarina
****

Féminin
Messages : 278
Inscrit(e) le : 28/10/2011

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

Résolu Re: une couleur autour du spoiler.

Message par Invité Ven 30 Déc 2011 - 15:14

On peut ajouter une ligne CSS qui corrige ça, juste avant }, on ajoute:
Code:
color: #000;

Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: une couleur autour du spoiler.

Message par Ocarina Ven 30 Déc 2011 - 15:21

Sauf que là, ça enlève directement le contours et l'ombre :S
avatar

Ocarina
****

Féminin
Messages : 278
Inscrit(e) le : 28/10/2011

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

Résolu Re: une couleur autour du spoiler.

Message par Invité Ven 30 Déc 2011 - 15:26

reflexion
Je n'ai pas de soucis pourtant sur mon forum test avec:
Code:
.spoiler, .code{
  border: 3px solid #000;
  box-shadow: 2px 2px 20px #000;
  -moz-box-shadow: 2px 2px 20px #000;
  -webkit-box-shadow: 2px 2px 20px #000;
  border-radius: 20px ;
  -moz-border-radiu: 20px;
  -webkit-border-radiu: 20px;
  padding: 5px;
  color: #000;}
Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: une couleur autour du spoiler.

Message par Ocarina Ven 30 Déc 2011 - 15:28

Et voilà qui est résolu , merci Very Happy
Je possède ce code
mais le sélectionner le contenu est en majuscule, comment faire pour qu'il soit en minuscule? Smile
avatar

Ocarina
****

Féminin
Messages : 278
Inscrit(e) le : 28/10/2011

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

Résolu Re: une couleur autour du spoiler.

Message par Invité Ven 30 Déc 2011 - 15:34

Votre Javascript contient des class donc, en ajoutant le code ci-dessous dans votre feuille de style CSS vous pouvez agir sur l'écriture:
Code:
.selectCode{ text-transform: capitalize;}

Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: une couleur autour du spoiler.

Message par Ocarina Ven 30 Déc 2011 - 15:38

Merci Isolde Very Happy J'édite et je vous remercie (y)
avatar

Ocarina
****

Féminin
Messages : 278
Inscrit(e) le : 28/10/2011

Ocarina 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