Question par rapport aux possibilités de modifications

Jeu 12 Oct - 9:04
Bonjour !

Tout d'abord, mille mercis de mettre en libre accès vos codes ! Ils me sont très utiles pour le forum que je suis en train de monter. J'aurais cependant une question par rapport aux modifications qu'on peut apporter en tant qu'utilisateur. Je vous mets une illustration de catégorie pour illustrer ma question.

http://www.aht.li/3039790/TCAT40.png

Dans le css consacré au haut de catégorie, vous dites que le background est modifiable. Entendez-vous que c'est modifiable uniquement dans le sens de la couleur ou est-ce que je peux mettre une image de haut de catégorie (comme celle-ci fait par Gorgeousmali pour PRD : http://nsm07.casimages.com/img/2017/09/25//17092509132722950715286553.png ) par exemple ? Ne voulant pas faire de bêtises, je préfère vous demander avant d'agir.

D'avance merci pour votre réponse et encore une fois, merci pour la mise en libre accès des codes !
Revenir en haut Aller en bas
Ven 13 Oct - 2:05
Bonjour,

La propriété background vous permettant d'appliquer couleur comme image indifféremment, il vous suffit de modifier background:#90B6BE; par background:url(image.png); et d'indiquer la hauteur de l'image en transformant padding:10px 0; en height:XXpx; - dans le cas présent 80px. Afin de centrer verticalement le titre, un padding-top doit également être appliqué au h2.

Dans cette situation, le code initial :
Code:
/* HAUT CATEGORIE */
.tleCAT{
margin:5px auto 0; width:800px; padding:10px 0; text-align:center;
background:#90B6BE; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0; font-size:32px; text-transform:uppercase; letter-spacing:3px;
color:white; font-family:Arial; /* MODIFIABLE */
}

Devient :
Code:
/* HAUT CATEGORIE */
.tleCAT{
margin:5px auto 0; width:800px; height:80px; text-align:center;
background:url(http://nsm07.casimages.com/img/2017/09/25//17092509132722950715286553.png); /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0; padding-top:20px; font-size:32px; text-transform:uppercase; letter-spacing:3px;
color:white; font-family:Arial; /* MODIFIABLE */
}
Revenir en haut Aller en bas
Sam 14 Oct - 15:19
Bonjour !

Merci pour cette réponse rapide ! Je vous remercie beaucoup d'avoir en plus pris le temps de m'indiquer comment faire les modifications, cela va me faire gagner un temps précieux !

Bon week-end à vous !
Revenir en haut Aller en bas
Vous pouvez répondre aux sujets dans ce forum
Poster un nouveau sujet Répondre au sujet