Voir le sujet précédentAller en basVoir le sujet suivant
JPhMM
JPhMM
Demi-dieu

Quelques commandes utilisables sur ce forum Empty Quelques commandes utilisables sur ce forum

par JPhMM Jeu 28 Fév 2013 - 22:57
En vrac, et petit à petit.

Je commence donc par des ombres d'images.

Code:
<img src="http://r17.imgfast.net/users/1714/62/02/30/avatars/4633-90.jpg" alt="exemple css box-shadow" style="height:100px; box-shadow:-10px -10px silver; margin:10px;" />
exemple css box-shadow

Code:
<img src="http://r17.imgfast.net/users/1714/62/02/30/avatars/4633-90.jpg" alt="exemple css box-shadow" style="height:100px; box-shadow:10px -10px silver; margin:10px;" />
exemple css box-shadow

Code:
<img src="http://r17.imgfast.net/users/1714/62/02/30/avatars/4633-90.jpg" alt="exemple css box-shadow" style="height:100px; box-shadow:10px 10px silver; margin:10px;" />
exemple css box-shadow

Code:
<img src="http://r17.imgfast.net/users/1714/62/02/30/avatars/4633-90.jpg" alt="exemple css box-shadow" style="height:100px; box-shadow:-10px 10px silver; margin:10px;" />
exemple css box-shadow

Code:
<img src="http://r17.imgfast.net/users/1714/62/02/30/avatars/4633-90.jpg" alt="exemple css box-shadow" style="height:150px; box-shadow:0px 0px 15px 10px silver; margin:15px;" />
exemple css box-shadow

_________________
Labyrinthe où l'admiration des ignorants et des idiots qui prennent pour savoir profond tout ce qu'ils n'entendent pas, les a retenus, bon gré malgré qu'ils en eussent. — John Locke

Je crois que je ne crois en rien. Mais j'ai des doutes. — Jacques Goimard
JPhMM
JPhMM
Demi-dieu

Quelques commandes utilisables sur ce forum Empty Re: Quelques commandes utilisables sur ce forum

par JPhMM Jeu 28 Fév 2013 - 23:04
Contact :

Code:
<address title="JPhMM">
<a href="mailto:pasvraimentmonadressemail@labonneblague.com">Mon adresse mail</a>
</address>

Mon adresse mail

_________________
Labyrinthe où l'admiration des ignorants et des idiots qui prennent pour savoir profond tout ce qu'ils n'entendent pas, les a retenus, bon gré malgré qu'ils en eussent. — John Locke

Je crois que je ne crois en rien. Mais j'ai des doutes. — Jacques Goimard
JPhMM
JPhMM
Demi-dieu

Quelques commandes utilisables sur ce forum Empty Re: Quelques commandes utilisables sur ce forum

par JPhMM Jeu 28 Fév 2013 - 23:10
Écriture de droite à gauche (utilisée pour certaines langues)

Code:
<bdo dir="ltr">Texte lisible de gauche à droite (left to right : ltr)</bdo>
<bdo dir="rtl">Texte lisible de droite à gauche (right to left : rtl)</bdo>

Texte lisible de gauche à droite (left to right : ltr)
Texte lisible de droite à gauche (right to left : rtl)

_________________
Labyrinthe où l'admiration des ignorants et des idiots qui prennent pour savoir profond tout ce qu'ils n'entendent pas, les a retenus, bon gré malgré qu'ils en eussent. — John Locke

Je crois que je ne crois en rien. Mais j'ai des doutes. — Jacques Goimard
JPhMM
JPhMM
Demi-dieu

Quelques commandes utilisables sur ce forum Empty Re: Quelques commandes utilisables sur ce forum

par JPhMM Jeu 28 Fév 2013 - 23:17
Espacement des mots :

Code:
<span style="word-spacing:10px;">Vous pouvez espacer vos mots. Exemple : word-spacing:10px</span>
<span style="word-spacing:20px;">Vous pouvez espacer vos mots. Exemple : word-spacing:20px</span>
<span style="word-spacing:30px;">Vous pouvez espacer vos mots. Exemple : word-spacing:30px</span>
<span style="word-spacing:50px;">Vous pouvez espacer vos mots. Exemple : word-spacing:50px</span>

Vous pouvez espacer vos mots. Exemple : word-spacing:10px
Vous pouvez espacer vos mots. Exemple : word-spacing:20px
Vous pouvez espacer vos mots. Exemple : word-spacing:30px
Vous pouvez espacer vos mots. Exemple : word-spacing:50px

_________________
Labyrinthe où l'admiration des ignorants et des idiots qui prennent pour savoir profond tout ce qu'ils n'entendent pas, les a retenus, bon gré malgré qu'ils en eussent. — John Locke

Je crois que je ne crois en rien. Mais j'ai des doutes. — Jacques Goimard
olive-in-oil
olive-in-oil
Sage

Quelques commandes utilisables sur ce forum Empty Re: Quelques commandes utilisables sur ce forum

par olive-in-oil Jeu 28 Fév 2013 - 23:21
Euh, y'a des trucs qui ne servent à rien là ! :gratte: :lol:
JPhMM
JPhMM
Demi-dieu

Quelques commandes utilisables sur ce forum Empty Re: Quelques commandes utilisables sur ce forum

par JPhMM Jeu 28 Fév 2013 - 23:22
Espacement des lettres.

Code:
<label style="letter-spacing:2px;">On peut aussi espacer les lettres, bien sûr. Ici 2 pixels.</label>
<label style="letter-spacing:4px;">On peut aussi espacer les lettres, bien sûr. Ici 4 pixels.</label>
<label style="letter-spacing:10px;">On peut aussi espacer les lettres, bien sûr. Ici 10 pixels.</label>




_________________
Labyrinthe où l'admiration des ignorants et des idiots qui prennent pour savoir profond tout ce qu'ils n'entendent pas, les a retenus, bon gré malgré qu'ils en eussent. — John Locke

Je crois que je ne crois en rien. Mais j'ai des doutes. — Jacques Goimard
JPhMM
JPhMM
Demi-dieu

Quelques commandes utilisables sur ce forum Empty Re: Quelques commandes utilisables sur ce forum

par JPhMM Jeu 28 Fév 2013 - 23:30
olive-in-oil a écrit:Euh, y'a des trucs qui ne servent à rien là ! :gratte: :lol:
Fais gaffe à ce que tu dis !
Sinon je te coince dans une scrollbar.

:lol:

:lol:

:diable:


Code:
<div style="width:450px; height:120px; border:dotted 1px black; overflow:auto;">[quote="olive-in-oil"]Euh, y'a des trucs qui ne servent à rien là ! :gratte:  :lol: [/quote]Fais gaffe à ce que tu dis !
Sinon je te coince dans une scrollbar.

 :lol:

 :lol:

 :diable:
</div>

_________________
Labyrinthe où l'admiration des ignorants et des idiots qui prennent pour savoir profond tout ce qu'ils n'entendent pas, les a retenus, bon gré malgré qu'ils en eussent. — John Locke

Je crois que je ne crois en rien. Mais j'ai des doutes. — Jacques Goimard
JPhMM
JPhMM
Demi-dieu

Quelques commandes utilisables sur ce forum Empty Re: Quelques commandes utilisables sur ce forum

par JPhMM Jeu 28 Fév 2013 - 23:37


Code:
<label style="font-size:18px; text-shadow: green 5px 5px 2px;">Et ne me dis pas que tu n'as jamais eu envie d'ombrer ton texte avec du vert, olive  :lol:  </label>

_________________
Labyrinthe où l'admiration des ignorants et des idiots qui prennent pour savoir profond tout ce qu'ils n'entendent pas, les a retenus, bon gré malgré qu'ils en eussent. — John Locke

Je crois que je ne crois en rien. Mais j'ai des doutes. — Jacques Goimard
JPhMM
JPhMM
Demi-dieu

Quelques commandes utilisables sur ce forum Empty Re: Quelques commandes utilisables sur ce forum

par JPhMM Jeu 28 Fév 2013 - 23:42
Alors, elles sont comment ces commandes ?







Code:
Alors, elles sont comment ces commandes ?

<input type="checkbox" id="chkbox1" value="pas bien" /> <label for="chkbox1">pas bien</label>

<input type="checkbox" id="chkbox2" value="bien" /> <label for="chkbox2">bien</label>

<input type="checkbox" id="chkbox3" value="mais qu'est-ce que cela peut bien me faire ?" /> <label for="chkbox3">mais qu'est-ce que cela peut bien me faire ?</label>

_________________
Labyrinthe où l'admiration des ignorants et des idiots qui prennent pour savoir profond tout ce qu'ils n'entendent pas, les a retenus, bon gré malgré qu'ils en eussent. — John Locke

Je crois que je ne crois en rien. Mais j'ai des doutes. — Jacques Goimard
avatar
yphrog
Esprit éclairé

Quelques commandes utilisables sur ce forum Empty Re: Quelques commandes utilisables sur ce forum

par yphrog Jeu 28 Fév 2013 - 23:44
JPhMM a écrit:
olive-in-oil a écrit:Euh, y'a des trucs qui ne servent à rien là ! :gratte: :lol:
Fais gaffe à ce que tu dis !
Sinon je te coince dans une scrollbar.

:lol:

:lol:

:diable:


:Lool:
JPhMM
JPhMM
Demi-dieu

Quelques commandes utilisables sur ce forum Empty Re: Quelques commandes utilisables sur ce forum

par JPhMM Jeu 28 Fév 2013 - 23:46

_________________
Labyrinthe où l'admiration des ignorants et des idiots qui prennent pour savoir profond tout ce qu'ils n'entendent pas, les a retenus, bon gré malgré qu'ils en eussent. — John Locke

Je crois que je ne crois en rien. Mais j'ai des doutes. — Jacques Goimard
avatar
yphrog
Esprit éclairé

Quelques commandes utilisables sur ce forum Empty Re: Quelques commandes utilisables sur ce forum

par yphrog Jeu 28 Fév 2013 - 23:47
Si tu as un truc pour un spoiler qui fonctionne en HTML en dehors du forum je suis preneur/mendiant. Very Happy
JPhMM
JPhMM
Demi-dieu

Quelques commandes utilisables sur ce forum Empty Re: Quelques commandes utilisables sur ce forum

par JPhMM Ven 1 Mar 2013 - 7:19
xphrog a écrit:Si tu as un truc pour un spoiler qui fonctionne en HTML en dehors du forum je suis preneur/mendiant. Very Happy
Je vais essayer de te répondre ce soir. Wink

_________________
Labyrinthe où l'admiration des ignorants et des idiots qui prennent pour savoir profond tout ce qu'ils n'entendent pas, les a retenus, bon gré malgré qu'ils en eussent. — John Locke

Je crois que je ne crois en rien. Mais j'ai des doutes. — Jacques Goimard
avatar
FD
Niveau 7

Quelques commandes utilisables sur ce forum Empty Re: Quelques commandes utilisables sur ce forum

par FD Ven 1 Mar 2013 - 14:50
JPhMM a écrit:Contact :

Code:
<address title="JPhMM">
<a href="mailto:pasvraimentmonadressemail@labonneblague.com">Mon adresse mail</a>
</address>

Mon adresse mail
Attention avec ça, l’adresse e-mail est visible par les robots spammeurs.
avatar
yphrog
Esprit éclairé

Quelques commandes utilisables sur ce forum Empty Re: Quelques commandes utilisables sur ce forum

par yphrog Ven 1 Mar 2013 - 15:05
Je me souviens d'avoir trouvé cela http://gendou.com/t/26412, mais l'idée que tout y est enrobé dans du javascript (si GetElementbyID est javascript) me fait un peu peur. Il faut que je devienne plus téméraire. chevalier





Plus léger: expliquer un sigle aux non-initiés --> radar

code:

Fact: Tout comme le HTML peut être lu et interprété par le forum, il peut également être lu est interprété par les wikis: même si la syntaxe wiki est très peu envahissante (notamment pour les tables {-, les listes *, etc.), ce n'est pas une mauvaise idée d'y écrire en HTML si l'on risque de vouloir ensuite adapter la présentation rapidement. (Je m'en rend compte un peu tard Rolling Eyes ).




avatar
FD
Niveau 7

Quelques commandes utilisables sur ce forum Empty Re: Quelques commandes utilisables sur ce forum

par FD Ven 1 Mar 2013 - 15:27
Sur certaines pages de Wikipedia il y a des éléments qu’on peut afficher ou cacher en cliquant et il me semble que tout est en HTML+CSS. Par exemple en bas de la page http://fr.wikipedia.org/wiki/France.


Dernière édition par FD le Ven 1 Mar 2013 - 17:33, édité 1 fois (Raison : Correction de l’URL)
avatar
yphrog
Esprit éclairé

Quelques commandes utilisables sur ce forum Empty Re: Quelques commandes utilisables sur ce forum

par yphrog Ven 1 Mar 2013 - 17:27
merci, c'est beau en effet. Il faudrait trouver et étudier le CSS sous-jacent pour comprendre la traduction de {{palette (qui semble en plus récupérer les résumés d'autres pages; donc, il y a sans doute de la programmation à l'intérieur de la boîte noire :abk: )
avatar
FD
Niveau 7

Quelques commandes utilisables sur ce forum Empty Re: Quelques commandes utilisables sur ce forum

par FD Ven 1 Mar 2013 - 17:33
Le lien était http://fr.wikipedia.org/wiki/France (il y avait un point à la fin dans mon message précédent, je n’avais pas vu, je vais l’éditer).
avatar
FD
Niveau 7

Quelques commandes utilisables sur ce forum Empty Re: Quelques commandes utilisables sur ce forum

par FD Ven 1 Mar 2013 - 17:59
Wikipedia semble utiliser JavaScript, après vérification.
En cherchant « spoiler pure CSS » sur internet on trouve des idées en CSS pur, mais je n’ai pas testé.
JPhMM
JPhMM
Demi-dieu

Quelques commandes utilisables sur ce forum Empty Re: Quelques commandes utilisables sur ce forum

par JPhMM Ven 1 Mar 2013 - 21:37
Désolé, xphrog, je n'ai rien trouvé de satisfaisant.

_________________
Labyrinthe où l'admiration des ignorants et des idiots qui prennent pour savoir profond tout ce qu'ils n'entendent pas, les a retenus, bon gré malgré qu'ils en eussent. — John Locke

Je crois que je ne crois en rien. Mais j'ai des doutes. — Jacques Goimard
JPhMM
JPhMM
Demi-dieu

Quelques commandes utilisables sur ce forum Empty Re: Quelques commandes utilisables sur ce forum

par JPhMM Ven 1 Mar 2013 - 21:57
Quelques cadres.

Code:
<div style="border:solid 2px black; width:450px; padding:10px; outline:solid 3px steelblue;outline-offset:-4px;">Le poème dit :
[i]Est-il un coeur parfumé pour renoncer de lui-même aux jours de printemps !
Dans la chaumière, les doigts effilés brodent une gaze bleutée —
Arrivée aux canards mandarins, l'aiguille soudain se brise :
Dans la peinture, près de la volupté se cache un esprit malin ![/i]
</div>


Le poème dit :
Est-il un coeur parfumé pour renoncer de lui-même aux jours de printemps !
Dans la chaumière, les doigts effilés brodent une gaze bleutée —
Arrivée aux canards mandarins, l'aiguille soudain se brise :
Dans la peinture, près de la volupté se cache un esprit malin !



Code:
<div style="border:solid 2px black; width:450px; padding:10px; outline-style:double;outline-width:5px; outline-color:steelblue;"Le poème dit :
[i]Est-il un coeur parfumé pour renoncer de lui-même aux jours de printemps !
Dans la chaumière, les doigts effilés brodent une gaze bleutée —
Arrivée aux canards mandarins, l'aiguille soudain se brise :
Dans la peinture, près de la volupté se cache un esprit malin ![/i]
</div>


Le poème dit :
Est-il un coeur parfumé pour renoncer de lui-même aux jours de printemps !
Dans la chaumière, les doigts effilés brodent une gaze bleutée —
Arrivée aux canards mandarins, l'aiguille soudain se brise :
Dans la peinture, près de la volupté se cache un esprit malin !



Code:
<div style="border:solid 2px black; width:450px; padding:10px; outline-style:dotted;outline-width:3px; outline-color:green;">Le poème dit :
[i]Est-il un coeur parfumé pour renoncer de lui-même aux jours de printemps !
Dans la chaumière, les doigts effilés brodent une gaze bleutée —
Arrivée aux canards mandarins, l'aiguille soudain se brise :
Dans la peinture, près de la volupté se cache un esprit malin ![/i]
</div>

Le poème dit :
Est-il un coeur parfumé pour renoncer de lui-même aux jours de printemps !
Dans la chaumière, les doigts effilés brodent une gaze bleutée —
Arrivée aux canards mandarins, l'aiguille soudain se brise :
Dans la peinture, près de la volupté se cache un esprit malin !



Very Happy

_________________
Labyrinthe où l'admiration des ignorants et des idiots qui prennent pour savoir profond tout ce qu'ils n'entendent pas, les a retenus, bon gré malgré qu'ils en eussent. — John Locke

Je crois que je ne crois en rien. Mais j'ai des doutes. — Jacques Goimard
avatar
yphrog
Esprit éclairé

Quelques commandes utilisables sur ce forum Empty Re: Quelques commandes utilisables sur ce forum

par yphrog Ven 1 Mar 2013 - 22:03
Merci en tout cas JP, FD m'a trouvé plusieurs solutions: http://jsfiddle.net/tovic/bY6ty/

Et en ajoutant "onmouseover" on trouve des jolies: http://sjfr.de/codesnipp.it/spoiler.html

Merci Very Happy
JPhMM
JPhMM
Demi-dieu

Quelques commandes utilisables sur ce forum Empty Re: Quelques commandes utilisables sur ce forum

par JPhMM Ven 1 Mar 2013 - 22:37
De rien. Wink

Et enfin, je finirai ce soir avec un petit cadeau pour tous ceux
que en ont
marre
de ne pouvoir
faire
d'espaces
dans leurs messages sur le forum.
En effet,
une simple petite commande
vous en donne
la possibilité.
Bref,
le bonheur est dans
le « pre ».
Enjoy Very Happy


Code:
<pre>Et enfin, je finirai ce soir avec un petit cadeau pour tous ceux
 que en ont
  marre
  de ne pouvoir
    faire
    d'espaces
      dans leurs messages sur le forum.
      En effet,
      une simple petite commande
    vous en donne
    la possibilité.
  Bref,
  le bonheur est dans
 le « pre ».
Enjoy  :D
</pre>

_________________
Labyrinthe où l'admiration des ignorants et des idiots qui prennent pour savoir profond tout ce qu'ils n'entendent pas, les a retenus, bon gré malgré qu'ils en eussent. — John Locke

Je crois que je ne crois en rien. Mais j'ai des doutes. — Jacques Goimard
Voir le sujet précédentRevenir en hautVoir le sujet suivant
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum