une couleur autour du spoiler.

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

Résolu une couleur autour du spoiler.

Message par Ocarina le 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

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é le 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.

Invité
Invité


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

Résolu Re: une couleur autour du spoiler.

Message par Ocarina le 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.

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é le 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.

Invité
Invité


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

Résolu Re: une couleur autour du spoiler.

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

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

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. le 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.
# Tropactif #

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é le 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.

Invité
Invité


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

Résolu Re: une couleur autour du spoiler.

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

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

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é le Jeu 29 Déc 2011 - 21:32

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

Cordialement.

Invité
Invité


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

Résolu Re: une couleur autour du spoiler.

Message par Ocarina le 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:

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é le 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.

Invité
Invité


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

Résolu Re: une couleur autour du spoiler.

Message par Ocarina le 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".. =/

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é le 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.

Invité
Invité


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

Résolu Re: une couleur autour du spoiler.

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

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

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é le 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.

Invité
Invité


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

Résolu Re: une couleur autour du spoiler.

Message par Ocarina le 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

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é le Ven 30 Déc 2011 - 15:14

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

Cordialement.

Invité
Invité


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

Résolu Re: une couleur autour du spoiler.

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

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

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é le 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.

Invité
Invité


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

Résolu Re: une couleur autour du spoiler.

Message par Ocarina le 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

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é le 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.

Invité
Invité


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

Résolu Re: une couleur autour du spoiler.

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

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

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