bonjour ^^,
je chercherais un code css qui arrondirait les bords des code, spoiler et citation... comme sur cette image.


EDIT: j'aimerais aussi ^^, si c'est possible, le code css pour que les zone de texte dans la feuille de personnage soient eux aussi arrondi, comme ici


merci d'avance

Salut Nina
Laurent = AenigmA

Je pense que c'est possible c'est pour cela que je t'ai cité ce forum

^^ trop drole lOL!
faut donc attendre que quelqu'un me répond avec la réponse

c'est ok, j'ai trouvé comment faire.
Merci qu'en meme

Hello,

Au hasard de mes errances, j'ai vu que tu avais résolu le problème^^


EDIT : arf, croisement de posts...

eh oui xD
ben je savais pas quel forum allait etre le plus vite donc voila loL!

Et je me permet de citer la réponse, afin que tout le monde en profite ^^

Voilà ce qu'il y a dans le CSS du forum pour les input, textarea et select :

Code:

input,textarea, select {
  color : #84785f;
  font: normal 11px Verdana,Arial,Helvetica,sans-serif;
    border: #449189;
    border-left-style: solid;
    border-left-width: 2.5px;
    border-right-style: solid;
    border-right-width: 2.5px;
    background-color: #e8e2d5;
-moz-border-radius: 10px 10px 10px 10px;
padding-left: 3px;
  }

Tu peux juste mettre :

Code:

textarea {
-moz-border-radius: 10px 10px 10px 10px;
}

Si tu ne le veux que sur les zones de textes.

En effet c'est même plus direct que le lien que j'ai laissé plus haut, sauf que j'aurais cité Henry et etana du coup^^

Par contre je viens d'essayer sur un forum de test, et y'a pas les arrondis

Solitude a écrit:Par contre je viens d'essayer sur un forum de test, et y'a pas les arrondis

Ah ? en phpBB2 ?

Moi ça l'a fait hier sur mon forum test...

Je n'ai pas le temps de retester ça maintenant, mais j'essaierai encore en fin d'aprèm...

On va dire que je les ai mais pas vraiment aux endroits ou ils sont censés se trouver

Re Solitude,

Alors revenons au lien du tuto d'Etana et Hery sur le FdF ICI

Le code que tu as collé dans ton css est le celui pour les champs "input,textarea, select"...

Le bon code est plus haut :

Henry et etana a écrit:J'ai été voir ton CSS tu as copié tel quel :

Code:

.code {
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
background-image:url(URL du Image de Fond CODE-préf. taille 200x200px en jpg);
padding:10px;
}

Il faut replacer "URL du Image de Fond CODE-préf. taille 200x200px en jpg" par une url d'image ou bien ne pas mettre la ligne :

Code:

background-image:url(URL du Image de Fond CODE-préf. taille 200x200px en jpg);

Ainsi tu as bien les coins arrondis, mais attention, encore plus haut, il est bien dit que ça ne fonctionne qu'avec certains navigateurs, comme ici avec Mozilla :


Voilà.

Merci je vais essayer et je vous tiens au courant si sa fonctionne pas ^^