Bonjour/Bonsoir , je cherche comment faire pour cornée un titre comme pour ce site la Titre coin superieur cornée , j'ai déjà vu un tuto déçu mais ça fait des lustre si qq'un connais comment faire pour m'aide je l'e remercie

6 réponses


BenFarhat
Réponse acceptée

oh :) j'avais pas compris
ca s'appelle 3D Ribbon (Ruban 3D)
voici deux liens (la source est la même tu choisit celui que tu veux):
http://jameskoster.co.uk/snippets/pure-css-3d-ribbon/
http://css-tricks.com/snippets/css/ribbon/

& si tu veux pas trop t’embêter avec la lecture tu as directement un générateur qui suite à ton paramétrage fait ca pour toi
http://www.css3d.net/ribbon-generator/
Et j'espère que c'est bien ce que tu demande parce j’hésite encore :)

Si tu regardes le css tu verras que c'est simplement un background d'une couleur et l'effet de profondeur c'est une petite image tout simplement d'une couleur un peu plus fonçée.

tu parles du menu "choisir sa langue" ????

BenFarhat je parle du bar titre B.X.L. .

Xtr3me comment il a fait ca c'est un div avec un image

<div>
<img/>
mon text
</div>

Comment faire pour que l'image soit a l’extérieur du div
ou deux div

<div class="image">
<div> mon text </div>
</div>

toujours le meme problème de positionne de l'image
ou encore

<div style="background-image="";" > mon text </div>

En gros c'était un div avec une propriété background:green; dans le css et les deux triangles étaient des images mais BenFarhat t'as passé des liens bien plus pratique pour le réaliser. J'ai pas trop compris ta question de l'image à l'extérieure de la div en tout cas une position absolute aurait fait l'affait je pense.
Personnellement j'ai fait cet effet aussi sur le site que j'ai développer en full css ^^ , il n'y a que la barre de navigation que je n'ai pas fait en css puisqu'il y a un dégradé et que j'aime vraiment pas les dégradés css.

J'ai trouve çà aussi qui est très intéressant , avec un seul mot la recherche est plus aisé :)
Ribbon builder