| | Arrondir les bordures (messages) |  |
|
|
 Félina 
{ Membre }
 Messages : 57
 | je verrai de chez moi ce que cela donne ...
merci bien | | |
|
| | |
Alyssa
{ Membre }
Messages : 38
| Haha  Merci pour les codes, j'essaye de refaire un forum pour les CSS parce qu'en plus d'avoir "perdu" le design il n'avait pas plus de particularité, maintenant que je suis arrivé à faire les arrondit je suis ravie ... m e r c i ! | | |
|
| | |
SoShy
{ Membre }
Messages : 13
| J'ai un problème , j'utilise IE & baah bien sur ça marche pas.
J'veux Firefox mais Papapounet veut pas -____-" .
So, il y a un code qui marche sous IE & Firefox ? | | |
|
| | |
Basil Hawkins
{ Membre hyper-actif }
 Messages : 2912
| Nope, aucun Cependant juste pour annoncer que sur la nouvelle version d'internet explorer qui ne devrait plus tellement tarder les arrondis marchent, et avec des "border-radius" (d'ailleurs ces derniers existent déjà pour Opéra). Donc je vous conseille de l'installer dans vos codes CSS en attendant | | |
|
| | |
Sophia
{ Membre }
Messages : 10
| Bonjour, J'ai essayé le code CSS : il marche pour la place pour les titres mais pas pour la bordure de la réponse comme sur cette image : - Spoiler:
Le CSS est le même que celui proposé par Orange : - Code:
-
textarea, .textarea.post, input.post {-moz-border-radius:15px;} Est ce normal qu'il ne marche pas correctement ? Pour l'info, je suis sous firefox 3.5.9 Merci d'avance | | |
|
| | |
Aphrody ♥
{ Membre actif }
Messages : 1344
| super merci pour ces codes | | |
|
| | |
~ Reine Orhiane ~
{ Membre }
Messages : 7
| |
| | |
Lily*
{ Membre }
Messages : 87
| Pour le premier code d'Orange, je mets où dans le panneau d'administration?
*désolée, tout mélangée*
| | |
|
| | |
Invité Invité
| Hello, TOUT les codes CSS se placent dans : PA, Affichage, Couleurs & Images, Couleurs, Feuille de style CSS  Varkho | | |
|
| | |
SoShy
{ Membre }
Messages : 13
| Merci de ta réponse Basil. Hâte de voir la version  | | |
|
| | |
Lukarin
{ Membre }
Messages : 31
| Bonjour! Alors voilà, je suis désolée si je me trompe d'endroit, mais je n'ai trouvé aucun topic pouvant m'aider. J'ai utilisé la fonction de recherche, mais en vain! Je suis certainement une quiche en ce qui concerne de chercher, et je m'en excuse si jamais il y avait un endroit répondant à ma question:
Alors voilà, les codes fonctionnent très bien, mais j'aimerais que mes catégories soient elles-mêmes arrondies au niveau des angles, pas seulement un contour donnant cet effet ^^" Mais je ne trouve pas de CSS pour ça. (Oui, je l'ai dit, je suis une quiche!)
Comme ceci par exemple:
 (j'ai pris l'image d'un post d'un autre topic, celui où il y a le css pour avoir une image en fond) | | |
|
| | |
CocoW
{ Membre }
Messages : 5
| |
| | |
kun
{ Membre }
Messages : 53
| - Sophia a écrit:
- Bonjour,
J'ai essayé le code CSS : il marche pour la place pour les titres mais pas pour la bordure de la réponse comme sur cette image :
- Spoiler:
Le CSS est le même que celui proposé par Orange :
- Code:
-
textarea, .textarea.post, input.post {-moz-border-radius:15px;}
Est ce normal qu'il ne marche pas correctement ?
Pour l'info, je suis sous firefox 3.5.9
Merci d'avance J'ai le même problème ..  | | |
|
| | |
Kimy
{ Membre actif }
Messages : 1190
| Bonjour Kun,
Sous quel navigateur es-tu ? | | |
|
| | |
kun
{ Membre }
Messages : 53
| J'utilise Firefox , comme indiqué dans mon profil : : Voila en image mon probleme : - Spoiler:
C'est mon cadre de réponse rapide .. | | |
|
| | |
Kimy
{ Membre actif }
Messages : 1190
| Le code suivant : - Code:
-
textarea, .textarea.post, input.post {-moz-border-radius:15px;} arrondi bien mon cadre, donc le problème doit venir d'ailleurs. As-tu touché quelque chose de particulier dans les templates ? Puis-je voir ton css ? | | |
|
| | |
kun
{ Membre }
Messages : 53
| Bonjour , Force est de constater que ca c'est mis tout seul dans la nuit lol Merci pour Ton aide , Cordialement  | | |
|
| | |
Kimy
{ Membre actif }
Messages : 1190
| Tant mieux xD
Avec plaisir =) | | |
|
| | |
Illendel
{ Membre }
Messages : 4
| Pour les images à coins carrés qui dépassent, il faudrait peut-être essayer d'ajouter un padding. De cette manière on aurait un léger espace entre la bordure et l'image, qui ne dépasserait plus ...
Je n'ai pas essayé, mais c'est à faire. | | |
|
| | |
Illendel
{ Membre }
Messages : 4
| Ah dommage qu'on ne puisse pas éditer, désolée pour le double post. J'ai testé et ça fonctionne. Un exemple pour le contour des avatars: - Code:
-
.postdetails.poster-profile a img {
-moz-border-radius: 10px;
border: 2px solid #000000;
padding: 2px;
} | | |
|
| | |
Clecle57400
{ Membre }
Messages : 61
| Bonjour. J'ai un problème, j'ai fait un tableau en Javascript en lui donnant des bords arrondi. Je navigue sur la dernière version de Mozilla Firefox, et je vois les bords arrondi. Or, j'ai une amie qui navigue sur Google Chrome, mais elle n'aperçoit pas les bords arrondi, mais malheureusement, je ne comprend pas pourquoi elle ne voit pas car j'ai mis le code pour que sur tous les navigateur, apparaissent les bords arrondi. Voici mon code : - Code:
-
.TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
-moz-border-radius-topright : 10px;
-moz-border-radius-topleft : 10px;
-webkit-border-radius-topright :10px;
-webkit-border-radius-topleft :10px;
}
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
-moz-border-radius-topright : 10px;
-moz-border-radius-topleft : 10px;
-webkit-border-radius-topright :10px;
-webkit-border-radius-topleft :10px;
}
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0px 1px 0px 0px;
font: bold 0.7em sans-serif;
background-color: rgb(145, 131, 128);
list-style: none;
border-left: solid 1px rgb(145, 131, 128);
border-bottom: solid 1px rgb(145, 131, 128);
border-top: solid 1px rgb(145, 131, 128);
border-right: solid 1px rgb(145, 131, 128);
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
-moz-border-radius-topright : 10px;
-moz-border-radius-topleft : 10px;
-webkit-border-radius-topright :10px;
-webkit-border-radius-topleft :10px;
}
.TabbedPanelsTabHover {
background-image: url('http://zupimages.net/up/2123960366.png');
-moz-border-radius-topright : 10px;
-moz-border-radius-topleft : 10px;
-webkit-border-radius-topright :10px;
-webkit-border-radius-topleft :10px;
}
.TabbedPanelsTabSelected {
background-color: rgb(145, 131, 128);
border-bottom: 1px solid rgb(145, 131, 128);
-moz-border-radius-topright : 10px;
-moz-border-radius-topleft : 10px;
-webkit-border-radius-topright :10px;
-webkit-border-radius-topleft :10px;
}
.TabbedPanelsTab a {
color: black;
text-decoration: none;
-moz-border-radius-topright : 10px;
-moz-border-radius-topleft : 10px;
-webkit-border-radius-topright :10px;
-webkit-border-radius-topleft :10px;
}
.TabbedPanelsContentGroup {
clear: both;
border-left: solid 1px rgb(145, 131, 128);
border-bottom: solid 1px rgb(145, 131, 128);
border-top: solid 1px rgb(145, 131, 128);
border-right: solid 1px rgb(145, 131, 128);
background-color: rgb(145, 131, 128);
-webkit-border-radius-bottomleft :10px;
-webkit-border-radius-bottomright :10px;
-webkit-border-radius-topright :10px;
-moz-border-radius-bottomleft :10px;
-moz-border-radius-bottomright :10px;
-moz-border-radius-topright :10px;
}
.TabbedPanelsContent {
padding: 4px;
-webkit-border-radius-topright :10px;
-webkit-border-radius-topleft :10px;
-moz-border-radius-topright :10px;
-moz-border-radius-topleft :10px;
}
.TabbedPanelsContentVisible {
-webkit-border-radius-topright :10px;
-webkit-border-radius-topleft :10px;
-moz-border-radius-topright :10px;
-moz-border-radius-topleft :10px;
}
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
background-color: rgb(145, 131, 128);
position: relative;
border-top: solid 1px rgb(145, 131, 128);
border-right: solid 1px rgb(145, 131, 128);
border-left: solid 1px rgb(145, 131, 128);
border-bottom: solid 1px rgb(145, 131, 128);
-webkit-border-radius-topright :10px;
-webkit-border-radius-topleft :10px;
-moz-border-radius-topright :10px;
-moz-border-radius-topleft :10px;
}
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
-webkit-border-radius-topright :10px;
-webkit-border-radius-topleft :10px;
-moz-border-radius-topright :10px;
-moz-border-radius-topleft :10px;
}
.VTabbedPanels .TabbedPanelsTabSelected {
background-color: rgb(145, 131, 128);
border-bottom: solid 1px rgb(145, 131, 128);
-webkit-border-radius-topright :10px;
-webkit-border-radius-topleft :10px;
-moz-border-radius-topright :10px;
-moz-border-radius-topleft :10px;
}
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;
-webkit-border-radius-topright :10px;
-webkit-border-radius-topleft :10px;
-moz-border-radius-topright :10px;
-moz-border-radius-topleft :10px;
} Et au-cas-où, mon forum de test : http://test-clem57-css.monally.com/ Merci d'avance. | | |
|
| | |
Amasis
{ Membre }
Messages : 25
| Bonjour! Ca y est, aujourd'hui je me lance dans la personnalisation de mon forum avec l'installation de mes premiers codes css. Je souhaitais arrondir les angles du cadre général, des catégories et des zones de texte ainsi que supprimer la marges du haut et du bas mais... rien ne se passe.  Voici les codes que j'ai installés dans la feuille de style css. - Citation :
- body{margin-top: 0px;}
body{margin-bottom: 0px;}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}
.bodyline {
-moz-border-radius:10px;
}
Citation:
.forumline{
background-color: #COULEUR;
-moz-border-radius: 10px ;
border: 3px #COULEUR solid;
} Y'a t-il une manipulation que j'ai loupée? Une explication que je n'ai pas comprise? Je précise que je suis sous la dernière version de FireFox et que mon forum est sous phpbb2. Voici mes angles "carrés" après installation des codes (je précise que j'ai bien cliqué sur "valider").   Merci pour votre aide! Je débute en css ...  | | |
|
| | |
Kaiji 
Blanche-Neige
Messages : 5578
| Bonjour,
Clecle57400 » La raison vient du fait que "topleft" "topright" etc n'existe pas avec le code webkit. Essaye plutôt ça :
- Code:
-
-webkit-border-radius: 10px 0px 10px 0px;
Amasis » Alors j'ai trouvé plusieurs fautes.
- Code:
-
.body
{margin-top: 0px;
margin-bottom: 0px;}
textarea, .textarea.post, input.post {
-moz-border-radius: 10px;
}
.bodyline {
-moz-border-radius: 10px;
}
.forumline {
background-color: #COULEUR;
-moz-border-radius: 10px;
border: 3px solid #COULEUR;
}
Et puis n'oublie pas de mettre tes couleurs, c'est important xD | | |
|
| | |
Amasis
{ Membre }
Messages : 25
| Hum... ah oui les couleurs... quelle gourde! Merci d'avoir pris le temps de corriger les erreurs mais ça ne fonctionne toujours pas. Il y a un endroit particulier dans la feuille de style où mettre les codes ou on peut simplement les ajouter à la fin? Il faut d'abord modifier des templates? | | |
|
| | |
Kanami-Kawaii
{ Membre }
Messages : 87
| Bonjours Amasis!
Je suis aussi sous firefox et phpbb2, j'ai appliqué le code CSS de Kaiji à la fin de ma feuille de style et tout marche parfaitement bien... Tu as peut être fait une erreur en y insérant le code.
Et à ma connaissance, il n'y à rien à changer dans les templates... | | |
|
| | |
Contenu sponsorisé
| |
| | |
| | Arrondir les bordures (messages) | |
|
