Une banniere trensparente dans une vignette..
chaimsse
Messages postés
94
Date d'inscription
Statut
Membre
Dernière intervention
-
kadeh Messages postés 334 Date d'inscription Statut Membre Dernière intervention -
kadeh Messages postés 334 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
En espèrent être assez claire, du moins je ferais mon possible... je voudrais avoirs un rendu comme sur ce site https://www.2pac.com/us il y a une sorte de bannière transparente intégrer sur chaque vignette (image) qui fait d'office de titre,(ex:lifes goes on cliquable, j'aimerais beaucoup intégrer ce genre dans mon site..
J'utilise kompozer, et il y a aucun moyen d'ajouter une image dans une image, et ensuite jouer avec opacité...
En espèrent être assez claire, du moins je ferais mon possible... je voudrais avoirs un rendu comme sur ce site https://www.2pac.com/us il y a une sorte de bannière transparente intégrer sur chaque vignette (image) qui fait d'office de titre,(ex:lifes goes on cliquable, j'aimerais beaucoup intégrer ce genre dans mon site..
J'utilise kompozer, et il y a aucun moyen d'ajouter une image dans une image, et ensuite jouer avec opacité...
A voir également:
- Une banniere trensparente dans une vignette..
- Créer une bannière instagram - Guide
- Logiciel de bannière - Télécharger - Divers Web & Internet
- Bannière tumblr ✓ - Forum blog
- Supprimer bannière freebox révolution - Forum Box et Streaming vidéo
- Vignette contrôle technique vierge pdf - Forum Logiciels
3 réponses
Bonjour,
positionnement absolu et z-index supérieur à celui de l'image;
et vous avez "la barre d'outils webdeveloper pour firefox".
@+
positionnement absolu et z-index supérieur à celui de l'image;
et vous avez "la barre d'outils webdeveloper pour firefox".
@+
chaimsse
Messages postés
94
Date d'inscription
Statut
Membre
Dernière intervention
Kadeh j'ai un petit soucis pour aligner les images une foi publier puis-je te parler en mp pour t'envoyer le lien de mon site ici il est aussi tot effacer a chaque foi..
bonsoir,
Merci beaucoup mec!! tu as assurer, pile poile ce que je voulais ;)
Par contre je ne sais pas comment écrire le texte sur la bannière...
Merci de m'avoir aider en tous cas:) depuis le temps je commençai à croire que c'était impossible lol, plus cas finaliser soit plus explicite stp..
Chaimsse
Merci beaucoup mec!! tu as assurer, pile poile ce que je voulais ;)
Par contre je ne sais pas comment écrire le texte sur la bannière...
Merci de m'avoir aider en tous cas:) depuis le temps je commençai à croire que c'était impossible lol, plus cas finaliser soit plus explicite stp..
Chaimsse
Bonjour,
pour placer du texte sur la bannière vous avez trois possibilité:
1)
utiliser les calques pour la bannière et le texte
bloc contenant image (z-index:1)
calque bannière ( position:absolute; z-index:2)
calque texte ( position:absolute; z-index:3)
2)
bloc contenant image (z-index:1)
un calque contenant le texte, la bannière sera l'arrière plan du calque texte.
3) votre texte sera écrit sur la bannière(c'est une image et on ne parle plus de texte); mais je vous ne conseille pas d'utiliser cette méthode( question référencement et accessibilité) sinon s'assurer de bien renseigner les attribut "alt" et "title" de votre image(la bannière)
pour l'alignement vous parlez des images ou des bannières
vous pouvez m'envoyer le lien par mp si vous voulez.
@+
pour placer du texte sur la bannière vous avez trois possibilité:
1)
utiliser les calques pour la bannière et le texte
bloc contenant image (z-index:1)
calque bannière ( position:absolute; z-index:2)
calque texte ( position:absolute; z-index:3)
2)
bloc contenant image (z-index:1)
un calque contenant le texte, la bannière sera l'arrière plan du calque texte.
.calqueTexte { position:absolute; top:0; left:0; z-index:2; background: url(imges/banniere.png) ;}
3) votre texte sera écrit sur la bannière(c'est une image et on ne parle plus de texte); mais je vous ne conseille pas d'utiliser cette méthode( question référencement et accessibilité) sinon s'assurer de bien renseigner les attribut "alt" et "title" de votre image(la bannière)
pour l'alignement vous parlez des images ou des bannières
vous pouvez m'envoyer le lien par mp si vous voulez.
@+
