Arrondis des cadres

4 participants

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

Résolu Arrondis des cadres

Message par LilyFlow Jeu 1 Jan 2015 - 12:46

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis modification apparence du forum
Lien du forum : http://xrm-team.forumactif.org/

Description du problème

Bonjour , suite au changement d’apparence du forum , je me retrouve avec des coins blancs , qui ne vont pas du tout avec l'ensemble .
Comment pourrais 'je faire pour qu'il soit transparent , donc avoir seulement les bord arrondi sans ces fameux coins blancs .

D'avance je vous remercies Smile


Dernière édition par LilyFlow le Ven 2 Jan 2015 - 15:40, édité 1 fois
LilyFlow

LilyFlow
***

Masculin
Messages : 123
Inscrit(e) le : 11/04/2013

http://pcassitance.forumactif.org/
LilyFlow a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondis des cadres

Message par Convivialite Jeu 1 Jan 2015 - 14:07

Bonjour , je n'ai pas regardé sur mon forum de test BB3, mais il me semble que c'est dans
PA< Affichage<gestion des couleurs
dans les cadres , fait des essais et supprime la couleur blanche (#ffffff )
pour la remplacer par du noir (#000000)
ou tout simplement par( # ) pour transparent 

Bonne journée
Convivialite

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondis des cadres

Message par gilles romain Jeu 1 Jan 2015 - 15:11

Bonjour, merci meilleurs vœux, cela m'a aidé à avoir tout le tour de mes cadres catégorie , personne ne t'a répondu, moi je le fais, pour que tu saches que ton aide n'a pas été faite en vain, bizz gilles
gilles romain

gilles romain
Nouveau membre

Masculin
Messages : 19
Inscrit(e) le : 30/12/2014

http://  blackboxpub.trodlabal.com
gilles romain a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondis des cadres

Message par Convivialite Jeu 1 Jan 2015 - 15:39

gilles romain a écrit:Bonjour, merci meilleurs vœux, cela m'a aidé à avoir tout le tour de mes cadres catégorie , personne ne t'a répondu, moi je le fais, pour que tu saches que ton aide n'a pas été faite en vain, bizz gilles
Merci     Arrondis des cadres  0_432e10
Convivialite

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondis des cadres

Message par LilyFlow Jeu 1 Jan 2015 - 18:33

Bonjour

Merci pour vos réponses.

Malheureusement, cala n'a pas résolu mon problème.

Je pense qu'il faut passer en CSS.

J'ai modifier mon CSS en mettant :
Code:
span.corners-top {
background-image: url();
}
Je n'ai plus le blanc mais j'ai des cadres avec des angles rectangulaire alors que je les veux arrondis.

Une autre idée ??

Merci d'avance pour votre aide
LilyFlow

LilyFlow
***

Masculin
Messages : 123
Inscrit(e) le : 11/04/2013

http://pcassitance.forumactif.org/
LilyFlow a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondis des cadres

Message par Invité Jeu 1 Jan 2015 - 19:32

Salut LilyFlow,


dans ta CSS supprimes ceci :

Code:
span.corners-top {
background-image: url();
}

et remplaces par ceci:
Code:

span.corners-top, span.corners-bottom
{
background:transparent !important;
}


Penses à cliquer sur le boutonArrondis des cadres  Boutonvalider
a++
Anonymous

Invité
Invité


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

Résolu Re: Arrondis des cadres

Message par Nikkyzon Jeu 1 Jan 2015 - 19:52

Salut !
pour mettre des arrondis, il faut que tu ajoute border-radius dans ta table :
Code:
        span.corners-top {
        background-image: url();
        }
ce qui donne :

Code:

span.corners-top {
background-image: url();
border-radius: 5px;
}

le 5px tu le changes à ton goût, comment tu veux l'arrondi; tu peux aussi utiliser le pourcentage à la place du px, mais c'est moins précis.
Code:

span.corners-top {
background-image: url();
border-radius: 5%;
}

Tu peux aussi pousser la commande en précisant quel côté tu veux arrondir.
Par exemple :
- border-radius-top-right : ici tu arrondis seulement le côté haut-droit.
- border-radius-bottom-left : ici tu arrondis seulement le côté bas-gauche.

Attention : tu dois mettre d'abord l'orientation verticale (top; bottom) puis l'orientation horizontale (right; left).

De plus, je te conseil de mettre background-image:transparent;, pour que celle soit transparente, donc interdire l'affichage même s'il y en a une.

Code:
span.corners-top {
background-image: transparent;
border-radius-top-left: 5px;
border-radius-top-right: 5px;
}
Ici j'ai arrondi juste le haut de la table.

Voilà, après c'est à toi de choisir ce qui te convient...
J'espère que mon tout premier message sur ForumActif te sera utile. Smile
avatar

Nikkyzon
**

Masculin
Messages : 73
Inscrit(e) le : 04/02/2011

http://forumdetest.meilleurforum.net
Nikkyzon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondis des cadres

Message par LilyFlow Ven 2 Jan 2015 - 15:39

Merci beaucoup à tous

Grace à vous et un peut d'essai de mon coté, voici avec quel code, j'ai réussi :
Code:

span.corners-top {
background-image: url();
}
span.corners-bottom {
background-image: url();
}

span.corners-top span {
background-image: url();
}
span.corners-bottom span {
background-image: url();
}

#wrap {
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
padding: 10px;
}

.forabg, .forumbg {
border: none;
}

div, table {
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border: none;
}
:

On peut peut-être le simplifier mais au moins, ça marche

Merci de votre aide.
LilyFlow

LilyFlow
***

Masculin
Messages : 123
Inscrit(e) le : 11/04/2013

http://pcassitance.forumactif.org/
LilyFlow a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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