Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5862 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 121088 Effet ruban | | Coucou Voici comment faire en CSS un effet ruban [Vous devez être inscrit et connecté pour voir cette image]Html: - Code:
-
<div id="fond"> <div class="ruban"> <h2> Un ruban CSS 3 ! </h2> </div> CSS: Tu peux changer les couleurs, pour les adapter à ton site. - Code:
-
#fond { position: relative; margin: 0px auto; width: 350px; background: #fff; border-radius: 5px; box-shadow: 0px 0px 8px rgba(0,0,0,0.3); z-index: 10; height:110px; }
.ruban { background: #b73bfd; height: 50px; width: 380px; position: relative; left:-15px; top: 30px; float: left; box-shadow: 0px 0px 4px rgba(0,0,0,0.55); z-index: 100; }
.ruban h2 { font-size: 25px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); text-align: center; margin:10px; } |
| |
Patou'Art
Présence
Merci pour ta présence sur le forum.
Membre Messages : 23 Venue : 17/11/2021 Je suis : Age : 45 Je vie à : Martinique Humeur : Tranquille Mes Points : 18390 Re: Effet ruban | | Cette astuce a l'air très jolie mais je n'ai pas compris où elle apparaîtra pour un forumactif...en page d'accueil ? |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5862 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 121088 Re: Effet ruban | | Coucou Patou'Art
Tu peux le mettre en dessous ou dessus de ton PA, pour un message important. Ou sur ton portail.
Bisouss |
| |
Patou'Art
Présence
Merci pour ta présence sur le forum.
Membre Messages : 23 Venue : 17/11/2021 Je suis : Age : 45 Je vie à : Martinique Humeur : Tranquille Mes Points : 18390 Re: Effet ruban | | Coucou Ptite_Perle,
merci beaucoup pour ta réponse rapide.
Une petite question: lorsque tu parles de "html" par exemple, le 1er code, tu le mets où exactement ?
oups, une autre question: est-ce que je peux te poster le résultat en capture d'écran ? |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5862 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 121088 Re: Effet ruban | | Coucou Patou'ART
Dans le Html, par exemple sur ta page d'accueil, tu peux voir ICi sur mon forum de test
Tu peux le mettre tout en bas du codage de ta page d'accueil, si elle est sur cette page, tout en bas pour pas faire foirer ton PA.
Oui tu peux poster ton résultat ici, c'est même conseillé pour que l'aide soit au plus juste de tes attentes.
Bisousss |
| |
Patou'Art
Présence
Merci pour ta présence sur le forum.
Membre Messages : 23 Venue : 17/11/2021 Je suis : Age : 45 Je vie à : Martinique Humeur : Tranquille Mes Points : 18390 Re: Effet ruban | | Coucou Ptite_Perle, c'est exactement ce que je voulais comme rendu...c'est parfait. Regarde: [Vous devez être inscrit et connecté pour voir cette image]Je te remercie beaucoup pour ton aide. Bises |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5862 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 121088 Re: Effet ruban | | Trop bien, bravo très joli Bisouss |
| |
Patou'Art
Présence
Merci pour ta présence sur le forum.
Membre Messages : 23 Venue : 17/11/2021 Je suis : Age : 45 Je vie à : Martinique Humeur : Tranquille Mes Points : 18390 Re: Effet ruban | | Oh mince, j'ai encore une question (désolée)...crois-tu que je puisse utiliser ce ruban dans le corps des messages...par exemple, en titre des défis ???? |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5862 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 121088 Re: Effet ruban | | Essaye |
| |
Patou'Art
Présence
Merci pour ta présence sur le forum.
Membre Messages : 23 Venue : 17/11/2021 Je suis : Age : 45 Je vie à : Martinique Humeur : Tranquille Mes Points : 18390 Re: Effet ruban | | Bon, ben non, cela ne fonctionne pas |
| |