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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par RKZ le Dim 10 Oct 2010 - 1:39

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.


Dernière édition par RKZ le Dim 10 Oct 2010 - 11:56, édité 1 fois

RKZ
***

Féminin
Messages : 110
Inscrit(e) le : 26/01/2010

http://noforum.forumactif/index.htm
RKZ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les coins de la Jumpbox (Sauter vers un forum) - Template/CSS

Message par kalyon le Dim 10 Oct 2010 - 8:17

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 Smile
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... Wink

Amicalement Smile

kalyon
# Tropactif #

Masculin
Messages : 1079
Inscrit(e) le : 20/05/2009

kalyon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les coins de la Jumpbox (Sauter vers un forum) - Template/CSS

Message par RKZ le Dim 10 Oct 2010 - 11:28

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 Razz

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 ?

RKZ
***

Féminin
Messages : 110
Inscrit(e) le : 26/01/2010

http://noforum.forumactif/index.htm
RKZ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les coins de la Jumpbox (Sauter vers un forum) - Template/CSS

Message par kalyon le Dim 10 Oct 2010 - 11:31

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 Wink

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 Wink

Amicalement Smile

kalyon
# Tropactif #

Masculin
Messages : 1079
Inscrit(e) le : 20/05/2009

kalyon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les coins de la Jumpbox (Sauter vers un forum) - Template/CSS

Message par RKZ le Dim 10 Oct 2010 - 11:42

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:

RKZ
***

Féminin
Messages : 110
Inscrit(e) le : 26/01/2010

http://noforum.forumactif/index.htm
RKZ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les coins de la Jumpbox (Sauter vers un forum) - Template/CSS

Message par kalyon le Dim 10 Oct 2010 - 11:47

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 Wink
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 Wink

Amicalement Smile

kalyon
# Tropactif #

Masculin
Messages : 1079
Inscrit(e) le : 20/05/2009

kalyon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les coins de la Jumpbox (Sauter vers un forum) - Template/CSS

Message par RKZ le Dim 10 Oct 2010 - 11:56

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


Dernière édition par RKZ le Dim 10 Oct 2010 - 11:57, édité 1 fois

RKZ
***

Féminin
Messages : 110
Inscrit(e) le : 26/01/2010

http://noforum.forumactif/index.htm
RKZ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les coins de la Jumpbox (Sauter vers un forum) - Template/CSS

Message par kalyon le Dim 10 Oct 2010 - 11:57

Pas de problème ^^

Bonne journée Wink

kalyon
# Tropactif #

Masculin
Messages : 1079
Inscrit(e) le : 20/05/2009

kalyon a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum