lundi 7 février 2022
  6 Replies
  561 Visits
0
Votes
Annuler
  S'abonner
Bonjour, je souhaiterai faire un habillage en code css (comme sur la captureecran001), pour l'instant j'ai juste réussi à faire (comme sur la photo002), je butte sur le reste, quelqu'un pourrait me donner un coup de main svp, ce serait sympa. Merci par avance pour votre aide.

Voici le code que j'ai fait jusqu'à présent :

opacity: 1;
background-color: #ecf0f1;
color: white;
border: 1px solid #000;
border-radius: 4px;
margin: 6px;
padding: 13px;
text-align: center;
color: black; /*le texte sera en noir*/
width: 100%%;
height: 60px;
il y a plus d'un mois
·
#228
0
Votes
Annuler
Bonjour,

est-il possible d'avoir un lien vers le site s'il vous plait ?

Apprenez à créer et gérer vos sites web avec Joomla! 4 Le livre

il y a plus d'un mois
·
#229
0
Votes
Annuler
Bonjour, voici le lien du site sur lequel il y a le visuel qui m'interesse :

https://joomrecipe-demo.joomboost.com/recipe/53-joe-s-special-scramble.html

ce visuel m'irait bien (sans les liens sociaux) (voir photo jointe)
il y a plus d'un mois
·
#230
0
Votes
Annuler
plus de réponse ?
il y a plus d'un mois
·
#235
0
Votes
Annuler
Bonjour,
Est-ce que vous avez l'url de votre site? Il serait plus simple de vous aider en connaissance l’architecture de votre site.

Vous pouvez déjà essayer d'ajouter cela à votre code :

border: 1px solid rgba(0, 0, 0, 0.125);
font-size: 1.75rem;
background-color: rgba(0, 0, 0, 0.03)

Je ne sais pas si vous souhaitez la même typo, le site de demo utilise 'Playfair Display';
il y a plus d'un mois
·
#242
0
Votes
Annuler
Merci pour le code, mais vous m'avez donner qu'une partie du bloc en code, ce qui m'intéressait c’était le bloc dans son intégralité, le bandeau gris et blanc avec l'effet arrondi
il y a plus d'un mois
·
#243
0
Votes
Annuler
Bonjour,

Pour l'effet arrondi, vous pouvez ajouter la propriété border-radius à la div qui entour les 2 blocs :

border-radius: 0.25rem;
border: 1px solid rgba(0, 0, 0, 0.125);

Et remplacez plutôt un border-bottom à la place de border au bandeau gris pour avoir le trait qui sépare entre les 2 blocs.
  • Page :
  • 1
Cette discussion ne contient encore aucune réponse.
Soyez le premier à y répondre !