Jump to content

novis

Actif
  • Content Count

    12
  • Joined

  • Last visited

Community Reputation

0 Neutre

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Bonjour, J'apprécie cet effet présent sur codepen (https://codepen.io/dghez/pen/ItxKE) Est il possible d'ajouter un script dans le js afin que l'effet qui est mis en action avec la souris soit actif avec le doigt sur une écran tactile? Est ce que le script pourrait ressembler à cela: $(document).ready(function(){ var mouseX, mouseY; var ww = $( window ).width(); var wh = $( window ).height(); var traX, traY; $(document).mousemove(function(e){ mouseX = e.pageX; mouseY = e.pageY; traX = ((4 * mouseX) / 570) + 40; traY = ((4 * mouseY) / 570) + 50; con
  2. Bonjour, Je cherche sur internet des effets sur les textes et images. Je m'explique, j'aimerai que lors du défilement, les images (ou textes) apparaissent de la droite ou de la gauche. Auriez vous de bonnes adresses à me donner? pour avoir un point de départ. Personnellement, j'avais trouvé cela https://codepen.io/MCarlson8198/pen/mmqGrg Néanmoins le js présentait une erreur sur mon serveur de site. Donc je cherche quelque chose de similaire au niveau de l'effet avec un code différent. Merci beaucoup ps: si vous avez d'autres effets (animation) i
  3. Bonjour, Je souhaite améliorer mon site et faire en sorte que certains éléments (tableau, image, texte...) apparaissent sur toute la largeur de l'écran de manière adaptable (fluid). Cela fait un moment que je cherche mais je ne parviens toujours pas à cet effet là. Pouvez vous m'aider s'il vous plaît? Y a t il un code particulier ? J'ai testé avec du css que j avais trouvé mais rien n'y fait... Merci de votre aide novis
  4. Bonjour, Je souhaite insérer ce coverflow ( http://jsfiddle.net/rudygotya/7q8eapr2/2/ ) sur mon site. Je n'ai pas de souci pour intégrer css et js. Seulement je ne comprends pas comment intégrer Jquery. Je vous transmets mon code: html: <div> <div id="coverflow"> <img src="http://placehold.it/350x350" /> <img src="http://placehold.it/350x350/E8117F/FFFFFF" /> <img src="http://placehold.it/350x350" /> <img src="http://placehold.it/350x350/E8117F/FFFFFF" /> <img src="http://place
  5. Bonjour, Je souhaite créer un effet de texte sur une image lors du survol de la souris. Je souhaiterais que le texte arrive par la gauche. J'ai trouvé un site qui illustre bien mon envie. http://css-workshop.com/hover-box-text-over-images-on-hover-and-more/ J'ai donc testé sur mon site... Mais la phrase n'arrive pas avec l'effet, elle s'affiche en dessous. Pourtant le code ne parait pas très complexe... J'ai bien suivi les html: <div class="hvrbox"> <img src="img/photos/photo1.jpg" alt="Mountains" class="hvrbox-layer_bottom"> <div class="hvrbox-layer_top
  6. Bonjour, Je souhaite créer un texte avec dessous ma signature animée. J'ai trouvé des codes html, css et js avec l'exemple sur cette page : https://codepen.io/drygiel/pen/KbhmA mais je ne parvient pas à animer la signature. Pourtant j'ai tout copié collé comme indiqué et intégré les liens css et js dans ma page html. Merci de votre aide novis
  7. Re-Bonjour, Je souhaite améliorer mon code en incrustant une transition comme dans l'effet "oscar" dont je parle plus haut. J'ai donc modifié mon code css mais le carré apparaît toujours directement, sans transition. Pouvez-vous m'indiquer quelle est mon erreur dans mon code? Merci beaucoup .item .caption:before { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; border: 1px solid #fff; content: ''; transition:0.5s; } .item .caption:before p { opacity: 0; -webkit-transi
  8. Bonjour, J'ai crée un texte qui apparaît au survol d'une image. Seulement lorsque je veux y intégrer un lien vers une page de mon site, celui-ci n'est pas reconnu car l'image est en arrière plan (logique). De ce fait, j'ai fait le lien sur le texte mais cela n'englobe pas la totalité de la vignette (toujours logique). Est-il possible d'englober la totalité de la vignette avec un lien? J'ai essayé ce script mais le lien ne se fait toujours pas. Merci de m'éclairer: code html: <a href="ma page.html" class=".caption:before01">Cliquez ici
  9. Bonjour Yuston! Merci beaucoup, J'ai enfin réussi à voir ce carré apparaître dans ma vignette! Merci Merci.... J'ai réussi à recadrer mon texte (item. caption p) afin qu'il apparaisse correctement dans le cadre car jusqu'alors il débordait. Par contre j'ai un souci avec le titre (item. caption a et b) car il se retrouve à l'extérieur du cadre. J'ai modifié le padding mais rien n'y fait. Et si j'ajoute le padding sur item. caption le cadre déborde de ma vignette et plus rien n'est cadré. Je vous envois mon css au cas où vous trouveriez mon erreur: <scrip
  10. J'ai également trouvé ce code mais cela ne fonctionne pas non plus: .rectangle { position:absolute; top:100px; left:100px; width:300px; height:200px; border:1px solid transparent; transition:0.5s; } .rectangle:hover { border:1px solid red; width:350px; height:250px; top:75px; left:75px; } voici le code css de ma page: </script> <style> body {<strong>></strong> <link href='http://fonts.googleapis.com/css?family=raleway' rel='stylesheet' type='text/css'> <str
  11. Merci Dan pour votre réponse, Effectivement j'avais repéré ce code css néanmoins je n'arrive pas à identifier les lignes correspondants au carré qui apparaît lors du survol de la souris! Cela fait 5jours que je cherche mais pas moyen de trouver... J'ai fait plusieurs test et il n'y à rien de concluant. De plus, je souhaite savoir comment intégrer ce code. Imaginons que dans mon html la vignette est défini par item. Sur ce code au lieu de mettre figure.effect-oscar je dois mettre item. carre? Ou alors je ne dois rien changer au code? Merci de m'éclair
  12. Bonjour, J'ai crée un texte qui s'affiche lors du survol de ma souris sur une image. Je souhaite désormais y intégrer un carré qui apparaitrait également lors du survol mais je n'y parviens pas. J'ai fais plusieurs tests etc... mais rien de concluant. Pour l'idée, j'aimerai l'effet "oscar" présent sur ce site : http://epicadesign.fr/demos/HoverEffectImg/index.html Si quelqu'un peut me dire quel code intégrer, ce serait super! Merci d'avance Novis
×
×
  • Create New...