Arrondir les coins de la Jumpbox (Sauter vers un forum) - Template/CSS

[RKZ]

Bonsoir,
J'aimerais arrondir les coins de la Jumpbox. J'ai déjà vu ça sur plusieurs forums (non hébergé par FA) et je ne sais donc pas s'il y a réellement moyen de le faire sous ForumActif...

D'avance un grand merci.
RKZ.

[kalyon]

Bonjour,

Il me semble que c'est ça :

Code:

select {
-moz-border-radius: *px;
-webkit-border-radius: *px;
-border-radius: *px;}

select:hover {
-moz-border-radius: *px;
-webkit-border-radius: *px;
-border-radius: *px;}

Avec le Css, on peux a peu pres tous faire, tant qu'on connais le nom de la class a modifier
sache que tu peux également arrondir les boutons (envoyer, previsualiser etc...), tu peux aussi arrondi les zones de saisie, comme le carré ou on ecris notre message, le titre de notre sujet, etc...

Amicalement

[RKZ]

Il y a juste un petit défaut mais bon, c'est juste une question d'esthétisme. S'il n'y a pas moyen de modifier cela, ce n'est pas trop grave

Le fond noir de la Jumpbox est par dessus l'arrondi du cadre =/

En passant, savez-vous me dire comment se nomment les boutons envoyer, preview , etc. dans le CSS de base ?

[kalyon]

Re,

Pour le défaut esthétique, il n'y a rien a faire ...
pour essayer de camouflé, essaye peut-être d'agrandir l'épaisseur des bords

Sinon, pour les boutons et tous ...

Code:

/* arrondi sur bouton et zone de texte */
.button2 {
CSS;}

.button2:hover {
CSS;}

input,textarea {
CSS;}

input:hover,textarea:hover {
CSS;}
/* fin arrondi sur bouton et zone de texte */

La, tu as tous ce qu'il te faut

Amicalement

[RKZ]

Merci beaucoup kalyon =D
Désolé de vous déranger encore avec cette même question mais j'ai essayé de changer la taille de la bordure avec un border-size mais ça n'a pas l'air de fonctionner...

Code:

select {
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-border-radius: 14px;
border-size: 5px;
}

select:hover {
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-border-radius: 14px;
border-size: 5px;
}


Voilà le résultat auquel j'aimerais arriver:

[kalyon]

Essaye comme ça :

Code:

select {
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-border-radius: 14px;
border: *px solid #FFFFFF;
}

select:hover {
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-border-radius: 14px;
border: *px solid #FFFFFF;
}

Remplace #FFFFFF par le code de ta couleur
sert toi du panneau d'administration pour connaitre le code couleur qui correspond a la couleur que tu veux ^^
Astuces : remplace solid par : double / ridge / dotted / dashed
Ce sont différente bordure

Amicalement

[RKZ]

A défaut d'obtenir le résultat que je recherchais, j'ai un peu modifier le code et finalement ça me plait beaucoup =D



Merci encore pour ton aide et surtout pour ta patience kalyon^^

Bonne journée =)
RKZ

[kalyon]

Pas de problème ^^

Bonne journée