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. |
|
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; } |
|
Mer 27 Juil - 1:10 | Bonsoir,
Je vous remercie pour votre réponse et votre disponibilité, la modification du code est parfaite !! Cordialement |
|