une couleur autour du spoiler.
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
une couleur autour du spoiler.
Bonsoir (:
J'ai un code pour sélectionné mon spoiler
Merci.
Mais j'aimerais rajouter une
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>');
});
Merci.
Mais j'aimerais rajouter une
Dernière édition par Ocarina le Ven 30 Déc 2011 - 15:39, édité 1 fois
Ocarina- ****
-
Messages : 278
Inscrit(e) le : 28/10/2011
Re: une couleur autour du spoiler.
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.
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é
Re: une couleur autour du spoiler.
La version est PhpBB2 comme sur mon profil Et non, je n'ai pas été vers la feuille de style car je ne sais pas comment "faire" pour que ça marche.
Ocarina- ****
-
Messages : 278
Inscrit(e) le : 28/10/2011
Re: une couleur autour du spoiler.
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:
Essayer en plaçant ceci dans votre feuille de style CSS:
- Code:
.spoiler{
border: 3px solid #000;}
Invité- Invité
Re: une couleur autour du spoiler.
Merci, comment mettre un genre de dégradé et "d'ombre"? (:
Ocarina- ****
-
Messages : 278
Inscrit(e) le : 28/10/2011
Re: une couleur autour du spoiler.
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,
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,
Re: une couleur autour du spoiler.
Pour l'ombre, on ajoute la propriété box-shadow.
Cordialement.
- Code:
.spoiler{
border: 3px solid #000;
box-shadow: 2px 2px 8px #000; #000;}
Cordialement.
Invité- Invité
Re: une couleur autour du spoiler.
Même si c'est d'un autre forum, je peux montré en tant qu'exemple? (:...
Ocarina- ****
-
Messages : 278
Inscrit(e) le : 28/10/2011
Re: une couleur autour du spoiler.
Oui à condition de ne pas reproduire à l'identique .
Cordialement.
Cordialement.
Invité- Invité
Re: une couleur autour du spoiler.
Yep, voici donc il y à comme un dégradé avec une "ombre"et un léger dégradé.. (:
- Spoiler:
Ocarina- ****
-
Messages : 278
Inscrit(e) le : 28/10/2011
Re: une couleur autour du spoiler.
Bonjour,
Essayez comme ceci
Cordialement.
Essayez comme ceci
- Code:
.spoiler, .code{
border: 3px solid #000;
box-shadow: 2px 2px 20px #000;
}
Cordialement.
Invité- Invité
Re: une couleur autour du spoiler.
Merci, il me convient par contre, sur Firefox et sur Chrome il n'y à pas les "bordures arrondis".. =/
Ocarina- ****
-
Messages : 278
Inscrit(e) le : 28/10/2011
Re: une couleur autour du spoiler.
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;
}
Invité- Invité
Re: une couleur autour du spoiler.
Ha oui c'est déjà beaucoup mieux 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- ****
-
Messages : 278
Inscrit(e) le : 28/10/2011
Re: une couleur autour du spoiler.
Il faut affiner un peu :
Cordialement.
- 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;}
Cordialement.
Invité- Invité
Re: une couleur autour du spoiler.
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
Ocarina- ****
-
Messages : 278
Inscrit(e) le : 28/10/2011
Re: une couleur autour du spoiler.
On peut ajouter une ligne CSS qui corrige ça, juste avant }, on ajoute:
Cordialement.
- Code:
color: #000;
Cordialement.
Invité- Invité
Re: une couleur autour du spoiler.
Sauf que là, ça enlève directement le contours et l'ombre :S
Ocarina- ****
-
Messages : 278
Inscrit(e) le : 28/10/2011
Re: une couleur autour du spoiler.
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;}
Invité- Invité
Re: une couleur autour du spoiler.
Et voilà qui est résolu , merci
Je possède ce code
mais le sélectionner le contenu est en majuscule, comment faire pour qu'il soit en minuscule?
Je possède ce code
mais le sélectionner le contenu est en majuscule, comment faire pour qu'il soit en minuscule?
Ocarina- ****
-
Messages : 278
Inscrit(e) le : 28/10/2011
Re: une couleur autour du spoiler.
Votre Javascript contient des class donc, en ajoutant le code ci-dessous dans votre feuille de style CSS vous pouvez agir sur l'écriture:
Cordialement.
- Code:
.selectCode{ text-transform: capitalize;}
Cordialement.
Invité- Invité
Re: une couleur autour du spoiler.
Merci Isolde J'édite et je vous remercie (y)
Ocarina- ****
-
Messages : 278
Inscrit(e) le : 28/10/2011
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum