Mouseover-Effekt für WP-Syntax

Mein WordPress Plugin, WP-Syntax-Effect, fügt einen einfachen mouseover Effekt für WP-Syntax hinzu. Dabei skaliert es beim Überfahren des Quellcodes die Ansicht auf die Quellcode-Breite.

Demo

1
2
3
4
5
6
7
8
9
<?php
 
echo "Ein langer Text, Ein langer Text, Ein langer Text, Ein langer Text, Ein langer Text";
 
function test()
{
    echo "zu Lang, zu Lang, zu Lang, zu Lang, zu Lang, zu Lang, zu Lang, zu Lang, zu Lang";
}
?>

Download

WP-Syntax-Effect

Schlagwörter: , ,

9 Kommentare bisher »

  1. paulo sagt

    am 15. September 2011 @ 21:42

    I like it! Can you please provide the source code of the snipet Demo above?

    Danke,
    Paulo

  2. Alex sagt

    am 18. September 2011 @ 13:15

    Hello paulo,
    the source code / this plugin can be downloaded @ the link in article. (Download -> WP-Syntax-Effect)

  3. Luke sagt

    am 18. September 2011 @ 16:03

    Hello,

    This is an excellent plugin! I just have one suggestion for the developer… it might help to update the js file with a z-index for the mouse-over function.

    In the css if you don’t specify a z-index: 1 for the popup it is possible parts of it will be hidden behind other elements on the webpage (it happened to me). The easy fix for this is just to add a z-index to the CSS so the popup box will always display on top of any other element.

    Here’s the mod I did which works perfect now:

    jQuery(this).css({‘position’:'relative’, ‘z-index’:’1′, ‘box-shadow’:’5px 5px 5px #888′, ‘width’:(w > hw ? hw : w)+’px’});

    Thanks again for the great plug-in it is so helpful.

  4. admin sagt

    am 18. September 2011 @ 19:16

    Thank you for your note.

    I’ve updated the plugin but with z-index: 9999. Because the higher the number, the farther forward is the element.

  5. Luke sagt

    am 21. September 2011 @ 16:21

    Hey thank you for the fast update as well. That was much appreciated.

    I gave your plugin a 5-star rating on WordPress as well because it’s very good :)

  6. M3d1c5 sagt

    am 3. Oktober 2011 @ 11:37

    Schönes Plugin. :-)
    Kann man die Skalierung auf die Breite des Quelltextes auch wieder rückgängig machen? (MouseOut)

  7. admin sagt

    am 5. Oktober 2011 @ 14:16

    Normalerweise sollte das passieren.
    Welchen Browser benutzt du denn?

  8. Britt sagt

    am 4. November 2011 @ 09:16

    Can this be used with images when you mouseover the larger image will appear? Thanks.

  9. Andi sagt

    am 29. Juni 2014 @ 16:21

    Das Plugin ist wirklich nicht schlecht. Leider gibt es nicht viele in der Richtung “Mouse Over Effekte”. Vielen Dank auf jeden Fall!

Komentar RSS · TrackBack URI

Hinterlasse einen Kommentar

Name: (erforderlich)

eMail: (erforderlich)

Website:

Kommentar: