Arrondis des cadres

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

Résolu Arrondis des cadres

Message par LilyFlow le 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
***

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 le 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
+ Hyperactif +

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

Convivialite
+ Hyperactif +

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 le 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
***

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 Milouze14 le 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 bouton
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4569
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondis des cadres

Message par Nikkyzon le 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

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 le 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
***

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


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