-
Posts
-
Liebes Kriesi Team
auf: http://www.naturheilpraxis-eden.ch/
habe ich 4 Icon Box mit tip Icon. Die Bilder sind verlinkt. Aber bei Maus Kontakt bewegen sie sich. (mit Firefox, Chrom, IE)
Kann ich das abschalten? Und den effekt mit Pfeil bei Kontakt entfernen?
Am liebsten würde ich die GANZE Icon Box verlinken, inkl. change to a pointer on hover!Vielen Dank für Eure Hilfe
Daniel
in english:
Hey Kriesi Team
see: http://www.naturheilpraxis-eden.ch/there are 4 Icon Box with top Icon and pictures with links. but if you touch the pictures with the cursor they move a little bit. (Firefox, Chrome, IE). Can you fix this? Inkl. hover effekt with arrow?
But better I like: Link from the WHOLE Icon Box with change the cursor to a pointer on hover!thanks
Daniel
Hi edenpra!
1) Bitte versuche folgenden Code in das Quick CSS Feld einzufügen, damit die “springenden” Bilder behoben sind
#top .alignleft a, #top .alignleft a:hover, #top .alignleft img, #top .alignright a, #top .alignright a:hover, #top .alignright img, #top .aligncenter a, #top .aligncenter a:hover, #top .aligncenter img{position: relative;}2) Ja, man sollte mit der .noHover Klasse den Hover Effekt bei einzelnen Bildern deaktivieren können. Hierzu gehe in den “HTML” Editor Modus und bei den Bildern in den Spalten ersetze die “aligncenter” Klasse mit “aligncenter noHover”.
3) Bzgl des “Effekts mit Pfeil bei Kontakt” bin ich mir nicht ganz sicher, was damit gemeint ist.
Best regards,
PeterLieber Peter
Hey vielen Dank für die super schnelle Antwort!
Punkt 1) scheints nicht zu brauchen, bewirkt meiner Ansicht nach nichts
Punkt 2) hat geholften, die Bilder springen nicht mehr :-) super!
mit Punkt 3) meinte ich den Effekt wenn der Cursor das Bild berührt wird das Bild milchig und ein Pfeil erscheint als Zeichen dass das Bild verlinkt ist.Noch lieber würde ich jedoch die GANZE Iconbox verlinken. Ist das möglich? und eben ohne dass auf den Bildern dieser Pfeil erscheint aber der Cursor sich ändert.
Vielen Dank für Deine Bemühungen. Habe schon im Forum gesucht jedoch nichts passendens gefunden das ich verstanden hätte ;-)Neue Frage: Die Überschriften erscheinen mir sehr gross! H1 etc… kann ich irgendwo die Grösse einstellen? Vorallem für das *special heading”. Bis jetzt machte ich das mit “<span style=”font-size:65%”>Überschrift Text</span><br />. direkt in der Zeile, das ist jedoch nicht so praktisch…
Liebe Grüsse
DanielHey!
Versuche die nohover Klasse auch zu den umgebenden Links hinzuzufügen. Daher zB
<a href="http://www.naturheilpraxis-eden.ch/naturheilkunde/"> <img class="aligncenter noHover" title="Naturheilkunde in der Naturheilpraxis Eden" alt="Naturheilkunde in der Naturheilpraxis Eden Naturheilpraxis Eden" src="http://www.naturheilpraxis-eden.ch/wp-content/uploads/2013/04/Naturheilkunde-in-der-Naturheilpraxis-Eden.jpg" width="180" height="180" /> </a>wird zu
<a href="http://www.naturheilpraxis-eden.ch/naturheilkunde/" class="noHover"> <img class="aligncenter noHover" title="Naturheilkunde in der Naturheilpraxis Eden" alt="Naturheilkunde in der Naturheilpraxis Eden Naturheilpraxis Eden" src="http://www.naturheilpraxis-eden.ch/wp-content/uploads/2013/04/Naturheilkunde-in-der-Naturheilpraxis-Eden.jpg" width="180" height="180" /> </a>– dass sollte den Hover Effekt nicht nur vom Bild, sondern auch vom umgebenden Link entfernen und dadurch wird auch das Icon + das Overlay entfernt.
Es ist derzeit nicht möglich die gesamte Iconbox zu verlinken. Einfach einen Link “drumherum” setzen geht nicht, da man dabei invaliden html erzeugen würde und die Alternative wäre nur jedes einzelne Teilelement (Icon, Textbereich, umgebenden Container, etc.) mit den gleichen Link auszustatten, dass wiederum wäre aber schlecht für SEO und würde überdies einiges an Arbeit erfordern (Template Code Rewrite, etc.).
Best regards,
Peter
- The topic ‘Verlinktes Bild in IconBox bewegt bei Cursor Kontakt / Moving picture Iconbox’ is closed to new replies.