Arrondis des cadres

[LilyFlow]

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

[Convivialite]

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

[gilles romain]

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

[Convivialite]

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    

[LilyFlow]

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

[Invité]

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

[Nikkyzon]

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.

[LilyFlow]

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.