catégorie

 :: Exposition NLDD :: Intruders :: Réalisés Voir le sujet précédent Voir le sujet suivant Aller en bas
Messagecaté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
MessageRe: catégorie Lun 25 Juil - 10:21
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
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
Messagecategorie 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
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CCCrush. :: Exposition NLDD :: Intruders :: Réalisés-