Bordures arrondies

3 participants

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

Résolu Bordures arrondies

Message par Talise Ven 26 Oct 2012 - 0:10

Bonjour! Je voudrais pouvoir lancer mon premier forum codé, mais c'est une véritable galère, la plupart des codes que j'essaye ne fonctionnent pas du tout comme je le souhaiterais. Parce qu'avant de poster ce sujet j'ai bien regardé partout pendant des heures pour trouver des codes susceptible de fonctionner.
Alors le liens, le voici. http://w-battle.forumactif.org/
J'aimerais que tout les cadres soient arrondis comme celui de la barre de naviguation. Par tous, j'entend bien tous oui, les cadres des catégories, forums ainsi que des messages. Au niveau CSS, je ne sais plus quoi faire =/


Voilà, merci d'avance a ceux qui tenterons de m'apporter de l'aide.


Dernière édition par Talise le Ven 26 Oct 2012 - 16:35, édité 1 fois
Talise

Talise
Nouveau membre

Féminin
Messages : 18
Inscrit(e) le : 02/04/2008

http://w-battle.forumactif.org/
Talise a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures arrondies

Message par Invité Ven 26 Oct 2012 - 12:13

Salut, essayer un de c'est code :
Code:
.bodyline{ -moz-border-radius: 10px;}

Anonymous

Invité
Invité


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

Résolu Re: Bordures arrondies

Message par Talise Ven 26 Oct 2012 - 12:20

hello! Merci pour la réponse, mais ça ne change rien :/
J'ai déjà réussis a arrondir pas mal de cadres du forum, mais il en reste encore comme c'est visible depuis le lien.
Talise

Talise
Nouveau membre

Féminin
Messages : 18
Inscrit(e) le : 02/04/2008

http://w-battle.forumactif.org/
Talise a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures arrondies

Message par Syonah Ven 26 Oct 2012 - 13:50

Hello!

Tout d'abord, pour les bordures arrondies, je te conseille de t'aider de ce site : http://border-radius.com/
Comme ça, ça sera arrondi sur tous les navigateurs.

Ensuite, dans ton onglet css, cliques sur "Voir le CSS de base de votre forum".
Puis recherche le mot "border".
Je pense qu'avec ça, tu pourras t'en sortir facilement. Mais attention, modifie les angles un à un. Comme ça, si tu as un soucis d'affichage, tu sauras quelle classe css en est la cause Wink


Bon courage!
Syonah

Syonah
****

Féminin
Messages : 411
Inscrit(e) le : 24/03/2009

http://unebouteillealamer.pro-forum.fr/
Syonah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures arrondies

Message par Talise Ven 26 Oct 2012 - 16:34

Merci beaucoup, j'y ai passé un bon moment mais j'ai compris. Ce ne marche pas vraiment comme je le voudrais mais maintenant j'ai choper le coup de main et je vais pouvoir me débrouiller.
Talise

Talise
Nouveau membre

Féminin
Messages : 18
Inscrit(e) le : 02/04/2008

http://w-battle.forumactif.org/
Talise a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures arrondies

Message par bouhafs Ven 26 Oct 2012 - 20:03

bonsoir,
c'est simple
mets ceçi dans le css c'est tout,
tu fait un copier-coller oublie pas de validé,

.mainoption, .bodyline, .liteoption, .quote, .code, .post, .post-option
{
-moz-border-radius:10px; /**** Border-radius signifie "rayon de la bordure", 10px le rayon de l'arrondissement *****/
-webkit-border-radius:10px; /*** webkit signifie "kit web", 10px le rayon de l'arrondissement ****/
-khtml-border-radius:10px; /*** pour linux ***/
}


div, table, class, td, th, img, input, select, textarea{
-moz-border-radius:10px; /**** Border-radius signifie "rayon de la bordure", 10px le rayon de l'arrondissement *****/
-webkit-border-radius:10px; /*** webkit signifie "kit web", 10px le rayon de l'arrondissement ****/
-khtml-border-radius:10px; /*** pour linux ***/
}


bouhafs

bouhafs
****

Masculin
Messages : 362
Inscrit(e) le : 26/12/2011

http://www.air91-force-algerian.com/
bouhafs 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