une couleur autour du spoiler.

Ocarina à 21h34
28
Dec
2011
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
Répondre
1 Invité, le 29/12/2011 à 20h57
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.
2 Ocarina, le 29/12/2011 à 21h14
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.
3 Invité, le 29/12/2011 à 21h18
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.
4 Ocarina, le 29/12/2011 à 21h20
Merci, comment mettre un genre de dégradé et "d'ombre"? (:
5 Roxy., le 29/12/2011 à 21h29
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,
6 Invité, le 29/12/2011 à 21h30
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.
7 Ocarina, le 29/12/2011 à 21h31
Même si c'est d'un autre forum, je peux montré en tant qu'exemple? (:...
8 Invité, le 29/12/2011 à 21h32
Oui à condition de ne pas reproduire à l'identique Wink.

Cordialement.
9 Ocarina, le 29/12/2011 à 21h37
Yep, voici donc il y à comme un dégradé avec une "ombre"et un léger dégradé.. (:
Spoiler:
10 Invité, le 30/12/2011 à 10h14
Bonjour,

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


Cordialement.
11 Ocarina, le 30/12/2011 à 13h26
Merci, il me convient Smile par contre, sur Firefox et sur Chrome il n'y à pas les "bordures arrondis".. =/
12 Invité, le 30/12/2011 à 14h15
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.
13 Ocarina, le 30/12/2011 à 14h35
Ha oui c'est déjà beaucoup mieux Very Happy Par contre, Regarder ici c'est mon forum test, sur le code il n'y à pas de soucis, mais sur le spoiler en revanche, le vert dépasse sur le noir :S
14 Invité, le 30/12/2011 à 15h01
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.
15 Ocarina, le 30/12/2011 à 15h10
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
16 Invité, le 30/12/2011 à 15h14
On peut ajouter une ligne CSS qui corrige ça, juste avant }, on ajoute:
Code:
color: #000;


Cordialement.
17 Ocarina, le 30/12/2011 à 15h21
Sauf que là, ça enlève directement le contours et l'ombre :S
18 Invité, le 30/12/2011 à 15h26
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.
19 Ocarina, le 30/12/2011 à 15h28
Et voilà qui est résolu , merci Very Happy
Je possède ce code
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>');
});
mais le sélectionner le contenu est en majuscule, comment faire pour qu'il soit en minuscule? Smile
20 Invité, le 30/12/2011 à 15h34
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.
Sujets similaires
pas de cadre autour du QUEL & drôle de couleur violette --'
Bonjours, Voilà , j'ai installer un QUEL que l'on m'avait gentille ment fait , sauf qu'il y à quelques petits soucis.. Il y à un drôle de fond violet derrière les groupes et il n'y à pas la bordure blanche qui l'entoure comme la page
couleur spoiler?
- l'URL du forum => http://les-hordiens.forumactif.com/ - votre statut sur le forum => fondateur - si vous avez modifié des templates => non - si vous avez du CSS personnalisé => non - votre ou vos navigateur(s) => google
couleur de spoiler
Bonjour, Je voudrais juste remplacer le blanc du tour de mes spoilers. Auriez vous le code CSS SVP ? Merci Cixi de Viva la cinema
Réponses 1 à 20 sur 21 pour "une couleur autour du spoiler."
Répondre
12
À voir aussi
more_less
Informations

21 Réponses pour le sujet :
"une couleur autour du spoiler."

Ce sujet a été vu 2010 fois.

Dernier message écrit :
28/12/2011 à 21h34 par "Ocarina"