Arrondis des catégories, rogné par l’image
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Arrondis des catégories, rogné par l’image
Avé,
Je souhaitais mettre un arrondie sur le cadre de mes catégories, donc j’ai cherché un code pour le faire, j’ai installé le code CSS suivant :
Les cadres était bien arrondie, hélas, un autre problème est survenue, l’image de catégorie, mange les arrondies, examiné le screen :
Le trait noir est arrondie, la bannière de la catégorie par contre, ne prend pas en compte l’arrondissement, je voulais savoir si il y’avait un code, pour résoudre le problème ?
Pour vous aider durant cette quête, je vous donne le CSS dans le spoiler, le forum est en version PHPBB2 :
Merci de l'étude du problème.
Je souhaitais mettre un arrondie sur le cadre de mes catégories, donc j’ai cherché un code pour le faire, j’ai installé le code CSS suivant :
- Code:
.forumline{
background-color: #COULEUR;
-webkit-border-radius:10px;
-moz-border-radius: 10px ;
border-radius:10px;
border: 3px #COULEUR solid;
}
Les cadres était bien arrondie, hélas, un autre problème est survenue, l’image de catégorie, mange les arrondies, examiné le screen :
Le trait noir est arrondie, la bannière de la catégorie par contre, ne prend pas en compte l’arrondissement, je voulais savoir si il y’avait un code, pour résoudre le problème ?
Pour vous aider durant cette quête, je vous donne le CSS dans le spoiler, le forum est en version PHPBB2 :
- Spoiler:
- Code:
.bodyline {
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
margin-bottom : 225px;
}.post td.row1{
background-color: #63875B;}
.post td.row2{
background-color: #63875B;}
.row1.browse-arrows{
background-color: #541D1D;}
.row1.messaging.gensmall{
background-color: #541D1D;}
.row2.browse-arrows{
background-color: #541D1D;}
.row2.messaging.gensmall{
background-color: #541D1D;}
a:hover {
font-style:italic;
}a.forumtitle {
font-family: Arial,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}.redim{table-layout:fixed;}.redim img {width:20%;}a.forumlink {
text-shadow: #000000 1px 1px 1px;
}.row3 a {
text-shadow: #000000 0px 0px 0px;
}.name div span {
text-shadow: #000000 0px 0px 0px;
}#author_cell {background:#611F1F;}
.bouhautbas {
bottom: 40px;
left: 10px; /* remplacez left par right pour afficher les boutons à droite */
position: fixed;
z-index: 100;
}
a.nounderline:link
{ text-decoration:none;
}/* Début - Panneau latéral coulissant */
.fpanel { position: fixed; }
.fpclose,.fpopen { cursor: pointer; }
.fpclose { display: none; }
#fp186 { bottom: 0%; right: -810px; }
#fp186 .fpcontent { width: 803px; }
/* Fin - Panneau latéral coulissant */
/* Début - Messages administrateurs */
.bgAdministrateur td.row1{
background-color: :color;}
.bgAdministrateur td.row2{
background-color: :color;}
.bgAdministrateur #author_cell {background: :color;}
/* Fin - Messages administrateurs */
.sceditor-container iframe, .sceditor-container textarea {
background:url(http://i55.servimg.com/u/f55/18/09/34/80/ss11.png)no-repeat center!important;}
/* DEBUT MESSAGE GESTION FLASH GRADE */
.pro_mess, .ret_mess {
margin: 5px auto;
width: 90%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.pro_mess a.postlink, .ret_mess a.postlink {
color: #FFF !important;
text-decoration: underline !important;
}
/* Rétro bb-Code - bloc de message d'enregistrement */
.ret_mess {
background: #e54858;
background: -moz-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e54858), color-stop(100%, #f5b57a));
background: -webkit-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -o-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -ms-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: linear-gradient(left, #e54858 0%, #f5b57a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e54858", endColorstr="#f5b57a", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}
/* Rétro bb-Code - mise en page */
.ret_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #B60505;
color: black;
}
.ret_mess {
font-weight: bold;
color: black;
}
/* Rétro BB-Code - présentation du texte */
.ret_mess .titl + div {
display: block;
margin-left: 10px;
padding: 28px 5px 28px 80px;
background: transparent url(http://i57.servimg.com/u/f57/16/25/48/26/frank_11.gif) no-repeat left center;
}
/* Promo BB-Code - bloc de message d'enregistrement */
.pro_mess {
background: #5c9300;
background: -moz-linear-gradient(left, #5c9300 0%, #afcf00 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5c9300), color-stop(100%, #afcf00));
background: -webkit-linear-gradient(left, #5c9300 0%, #afcf00 100%);
background: -o-linear-gradient(left, #5c9300 0%, #afcf00 100%);
background: -ms-linear-gradient(left, #5c9300 0%, #afcf00 100%);
background: linear-gradient(left, #5c9300 0%, #afcf00 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c9300", endColorstr="#afcf00", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}
/* Promo BB-Code - mise en page */
.pro_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #0D4DD3;
color: black;
}
.pro_mess {
font-weight: bold;
color: black;
}
/* Promo BB-Code - présentation du texte */
.pro_mess .titl + div {
display: block;
margin-left: 10px;
padding: 28px 5px 28px 80px;
background: transparent url(http://i57.servimg.com/u/f57/16/25/48/26/frank_10.gif) no-repeat left center;
}
/* FIN MESSAGE GESTION FLASH GRADE */
.forumline{
background-color: #COULEUR;
-webkit-border-radius:10px;
-moz-border-radius: 10px ;
border-radius:10px;
border: 3px #COULEUR solid;
}
Merci de l'étude du problème.
Dernière édition par CharlesWii le Ven 17 Jan 2014 - 22:24, édité 1 fois
Re: Arrondis des catégories, rogné par l’image
Bonsoir Charles,
Ceci est du au tableau. Il faut que vous utilisiez le code suivant:
Cordialement,
Guilguil3
Ceci est du au tableau. Il faut que vous utilisiez le code suivant:
- Code:
table { overflow: hidden; }
Cordialement,
Guilguil3
Re: Arrondis des catégories, rogné par l’image
Guilguil3 a écrit:Bonsoir Charles,
Ceci est du au tableau. Il faut que vous utilisiez le code suivant:
- Code:
table { overflow: hidden; }
Cordialement,
Guilguil3
Merci le code fonctionne, problème résolu
Sujets similaires
» Coins de catégories arrondis
» Coins des catégories arrondis
» Mettre les coins des catégories arrondis
» Pb code CSS pour arrondis des catégories
» Comment faire les bords arrondis aux catégories ?
» Coins des catégories arrondis
» Mettre les coins des catégories arrondis
» Pb code CSS pour arrondis des catégories
» Comment faire les bords arrondis aux catégories ?
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum