"images" sur le code [A lire]

[Zeatlan]

Bonsoir,
donc je sais j'ai du mal à expliquer donc voilà j'aimerais savoir comment faire pour avoir ça comme résultat quand je mes la balise code :
http://puu.sh/2FRJx.png

(je parle du petit point d'interrogation, je veux juste savoir ce qu'est le code et surtout OU LE METTRE)

Merci beaucoup

[Saphir]

(24-04-2013, 1:22)Zeatlan a écrit :  PSEUDO : Est-ce vraiment nécessaire ?

Oui. Les règles sont les mêmes pour tout le monde.
Pas de compte test, pas de support.

[exdiogene]

Je lui avait pourtant écrit cela il y a 4 jours :

exdiogene a écrit :Actuellement, nous suffisons à la tâche et nous pourrions en faire encore plus si tous nos membres, ayant pourtant préalablement accepté nos règles, les respectaient en fournissant l'URL de leur site et un compte de test tel que stipulé dans ces règles.
...
...

[Zeatlan]

Ok,
c'est juste que la dernière je n'avais pas donner de compte et vous m'avez quand même offrit un support pourtant..
Je vous envoie ça par privée Saphir

[exdiogene]

Il est impossible de donner une réponse à partir d'une image, il faut voir la page originale qui contient le code affichant ce point d'interrogation. Une adresse URL serait donc nécessaire!

Encore une fois cela déborde largement du simple support MyBB...

[Saphir]

Le point d'interrogation entre chevrons est une image.
Elle doit être placée en haut à droite du bloc généré par la balise code, qui, je suppose, est un bloc <pre></pre>.

Dans le CSS, il suffit, si je ne me trompe nulle part (ce qui est peu probable), d'ajouter, pour le sélecteur pre, les propriétés
background-image: url('lien de l'image');
background-position: top right;
(de nouveau, si je ne me trompe pas).

[Zeatlan]

Merci de votre aide Saphir,
mais cela ne fonctionne pas, j'ai inclus ce code :

Code :

.codeblock {
    background: #6b6b6b;
    border: 1px solid #555555;
    padding: 4px;
        border-radius: 5px 5px 5px 5px;
background-image: url('http://devcommunty.altervista.org/community/images/devcom/code.png');

background-position: top right;
}

Aucun changement !
J'ai bien upload dans la partie images pourtant !
Edit : J'ai remarquer une erreur dans le lien mais voilà le résultat que cela provoque :
http://puu.sh/2GdTn.png

Comment réparer cela ?

[exdiogene]

Il serait beaucoup plus simple d'écrire :
background: #6b6b6b url('http://devcommunty.altervista.org/community/images/devcom/code.png') no-repeat top right;

[Zeatlan]

Merci,
mais j'ai trouvé une autre solution, mettre :
background-repeat:no-repeat;
à la fin et sa marche parfait

[exdiogene]

4 lignes pour faire le travail d'une seule!

Vraiment, je me questionne sur la qualité des résultats au final...

[Zeatlan]

(24-04-2013, 18:46)exdiogene a écrit :  4 lignes pour faire le travail d'une seule!

Vraiment, je me questionne sur la qualité des résultats au final...

L'importance c'est que cela fonctionne

[Saphir]

(24-04-2013, 18:46)exdiogene a écrit :  4 lignes pour faire le travail d'une seule!

Vraiment, je me questionne sur la qualité des résultats au final...

C'est vrai que c'est plus lourd, mais je trouve que c'est plus clair et que ça peut éviter des erreurs, je ne sais jamais dans quel ordre doivent être placés les différents arguments des metapropriétés ^^'