-50%
Le deal à ne pas rater :
-50% Baskets Nike Air Huarache
64.99 € 129.99 €
Voir le deal

Question par rapport aux possibilités de modifications

Question par rapport aux possibilités de modifications Empty 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 : https://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
Question par rapport aux possibilités de modifications Empty 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
Question par rapport aux possibilités de modifications Empty 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
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum