http://wp-danmark.dk/forum/topic/double-click-mouse-over-hover-effekt WordPress DK Forum Topic: double click / Mouse over / hover effekt da-DK Fri, 28 Aug 2026 07:43:00 +0000 http://bbpress.org/?v=1.0.1 q http://wp-danmark.dk/forum/search.php http://wp-danmark.dk/forum/topic/double-click-mouse-over-hover-effekt#post-67866 tirs, 27 jun 2017 11:17:27 +0000 lassenmads 67866@http://wp-danmark.dk/forum/ <p>Hej Danny</p> <p>Mange tak for din udførlige beskrivelse! Det sætter jeg virkelig pris på. Nu vil jeg bruge de næste par dage på at lede efter alle steder hvor jeg skal ændre i koden :-). Mange tak </p> http://wp-danmark.dk/forum/topic/double-click-mouse-over-hover-effekt#post-67832 ons, 21 jun 2017 08:16:36 +0000 Danny Bahl 67832@http://wp-danmark.dk/forum/ <p>Hvis vi fjerner nedenstående kode på linket (anden kolonne), forsvinder effekten:<br /> .show-first:hover img {<br /> transform: scale(1.2);<br /> }<br /> .show-first:hover .mask {<br /> opacity: 1;<br /> }<br /> .show-first:hover h2,<br /> .show-first:hover p,<br /> .show-first:hover a.info {<br /> opacity: 1;<br /> }<br /> .show-first:hover p {<br /> transition-delay: 0.1s;<br /> }<br /> .show-first:hover a.info {<br /> transition-delay: 0.2s;<br /> }</p> <p>Nøgleordet er 'hover'. Find den kode der passer til dit billede, hvor der står 'hover' efter.<br /> Luk den inde med /* og */<br /> Men du skal finde koden for alle de elementer der vises (på linket: img, mask, h2, p, a.info).</p> <p>Denne kode vises: .dit-billede {display:block;}<br /> Denne kode vises ikke: /* .dit-billede {display:block;} */<br /> På den måde sletter du ikke noget før du er helt sikker på at det er det rigtige.</p> <p>Hjælper det? </p> http://wp-danmark.dk/forum/topic/double-click-mouse-over-hover-effekt#post-67827 tirs, 20 jun 2017 11:47:29 +0000 lassenmads 67827@http://wp-danmark.dk/forum/ <p>Hej Danny</p> <p>Mange tak for linket... Jeg har ingen erfaring med at kode, så jeg sidder og prøver mig frem, for at se om jeg kan gennemskue sammenhængene. Når jeg tester linket på min telefon kan jeg se at det er lidt det samme problem: At hover effekten begynder når jeg trykker på billede-eksemplerne. Jeg er ude efter at få slettet funktionen, så man kommer direkte videre til "linket/posten", så det sidder jeg fortsat og undersøger.</p> <p>MVH Mads </p> http://wp-danmark.dk/forum/topic/double-click-mouse-over-hover-effekt#post-67819 man, 19 jun 2017 09:01:46 +0000 Danny Bahl 67819@http://wp-danmark.dk/forum/ <p>Her kan du måske få nogle hints til hvad du skal lede efter:<br /> <a href="https://codepen.io/fredryk/pen/xrqze" rel="nofollow">https://codepen.io/fredryk/pen/xrqze</a><br /> (effekterne virker også på mobilen) </p> http://wp-danmark.dk/forum/topic/double-click-mouse-over-hover-effekt#post-67818 man, 19 jun 2017 08:35:03 +0000 Danny Bahl 67818@http://wp-danmark.dk/forum/ <p>Jeg tror du skal lede i PHP eller javascript koderne. Når den gør sådan på telefonen, er jeg ret sikker på at det ikke er CSS.</p> <p>Men for en sikkerheds skyld, find CSS-filen (eller filerNE) til temaet, og søg på 'hover', 'active' og 'focus'.</p> <p>Ved du hvordan du ser hvilke koder der hører til billederne? </p> http://wp-danmark.dk/forum/topic/double-click-mouse-over-hover-effekt#post-67814 søn, 18 jun 2017 21:55:05 +0000 lassenmads 67814@http://wp-danmark.dk/forum/ <p>Hej </p> <p>Jeg har et problem med mit Lookbook"-theme. Når man besøger hjemmesiden fra en pc, og kører musen hen over billederne, så er der en "mouse-over-effekt". Når man besøger siden fra en telefon (iphone), så dukker denne "mouse-over-effekt" op ved første click på et af billederne, og man er så nødt til at clicke en gang mere for at komme til selve posten. Jeg kunne rigtig godt tænke mig at få slettet "mouse-over-effekten" så man kommer direkte til en post ved et enkelt click på telefonen. Jeg har søgt nettet tyndt for forskellige løsninger med custom css, men der er ikke noget der virker. </p> <p>Er der nogen der har styr på hvor jeg skal slette/ændre code for at slippe af med denne effekt?</p> <p>MVH Mads </p>