catégorie

Sam 23 Juil - 21:03
Bonjour,


Ma demande concerne un template que vous proposez pour les catégories , celui-ci




serait-il possible d'avoir des arrondis pour le titre des forums
et des catégories ?
que tout soit arrondi , je ne sais pas si je suis claire...

par avance merci.
Revenir en haut Aller en bas
Lun 25 Juil - 10:21
Bonjour,

Remplacez la partie CSS par :

Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:10px auto;
width:800px; padding:10px 0; border-radius:15px; text-align:center;
background:pink; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0;
font-size:42px; text-transform:uppercase;
font-family:Arial; color:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding:30px 0 10px; border-radius:15px;
background:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM{
margin:auto; width:750px;
}
/* TITRE FORUM */
.tleFRM {
margin-bottom:-10px; margin-left:110px; padding-left:25px;
background:#f7a5ae; border-radius:10px; /* MODIFIABLE */
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
.tleFRM a{
font-family:Dancing Script; font-size:32px;
color:#f26d7d !important; /* MODIFIABLE */
}
/* SURVOL TITRE FORUM */
.tleFRM:hover {
padding-left:65px;
}
/* BLOC FORUM */
.FRM{
margin:20px auto; width:750px; text-align:center;
}
/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:top; margin-top:10px; margin-right:25px; margin-left:5px;
width:75px; height:75px;
transform:rotate(45deg); -webkit-transform:rotate(45deg);
}
/* BLOC POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* DESCRIPTION FORUM */
.descFRM {
margin-bottom:5px;
width:365px; height:75px; padding:5px; overflow:auto; border-radius:10px;
font-size:10px; text-align:justify;
background:#f26d7d; color:black;  /* MODIFIABLE */
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
/* SOUS-FORUMS */
.sfFRM {
width:365px; height:15px; padding:5px; overflow:auto; border-radius:10px;
background:#f7a5ae; color:rgba(250,250,250,0.6); /* MODIFIABLE */
font-size:10px; text-align:left; text-transform:uppercase;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
color:rgba(250,250,250,0.6) !important; /* MODIFIABLE */
}
/* BLOC AVATAR DERNIER POSTEUR FORUM */
#avaFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:95px; height:115px; border-radius:10px;
background:#f26d7d; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
margin:auto; margin-top:10px;
width:75px; height:95px; overflow:hidden; border-radius:5px;
}
.avaFRM img {
width:75px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
margin-bottom:5px;
width:140px; height:65px; padding:20px 5px 0; border-radius:10px;
text-align:center; font-size:10px;
background:#f26d7d; color:white; /* MODIFIABLE */
}
/* NOMBRE SUJETS ET MESSAGES FORUM */
.nbFRM {
width:150px; height:15px; padding:5px 0; border-radius:10px;
font-size:10px; letter-spacing:-1px; text-align:center;
background:#f7a5ae; color:black; /* MODIFIABLE */
}

Si vous désirez que les icônes du forum soient également arrondies, remplacez :
Code:
/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:top; margin-top:10px; margin-right:25px; margin-left:5px;
width:75px; height:75px;
transform:rotate(45deg); -webkit-transform:rotate(45deg);
}

Par :
Code:
/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:top; margin-top:10px; margin-right:25px; margin-left:5px;
width:75px; height:75px; border-radius:75px;
}
Revenir en haut Aller en bas
Mer 27 Juil - 1:10
Bonsoir,

Je vous remercie pour votre réponse et votre disponibilité, la modification du code est parfaite !!
Cordialement
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum