Wir verwenden Cookies zur Verbesserung der Benutzerfreundlichkeit und zum Verfolgen der Besucherströme mit Matomo (Piwik).
Mehr Infos auf der Datenschutzseite. Du kannst die Cookie-Erlaubnis jederzeit am Ende der Seite widerrufen.

pShadow

LibraryAdmin - jQueryPlugin für Schatten unter Objekten


Standardmäßig wirkt das Plugin auf alle Bilder in id="content" oder class="content"
 
 

Es gibt Probleme mit pShadow bei Bildern.
Lösung wird gesucht.

 

Demo:

 

Bild mit class="pshadow-corners" Div mit id="pshadow-middle"
nur ein bild
Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders 'Lorem Ipsum', ...


Wysiwyg Query (Accordion)
 
0
Anleitung

Plugin installieren und bearbeiten wie hier in der Youtube-Anleitung beschrieben.
Im Preset kann man die Höhe, die Stärke und eine der zwei Schatten-Arten wählen.

Für diese Seite wurde das Preset folgendermaßen angepasst:

<!-- position: body -->
<script type="text/javascript">
 if ( typeof jQuery != undefined ) {
  jQuery(document).ready(function($){
     // das Div
        jQuery('#pshadow-middle').pShadow({ 
                type: 'middle',
                depth: 10,
                strength: 2
        })//.css('background','blue');
     // Das Bild und Wysiwyg Query (Accordion)
        jQuery('.pshadow-corners,.accordion,
 blockquote').pShadow({
                type: 'corners',
                depth: 20,
                strength: 1
        });
  });
 }
</script>
0


blockquote
 

Wer das Plugin für jQueryAdmin nutzen will, passt in der pshadow.js (Zeile 22 / 23) den Pfad zu den Bildern an.
Aus   /lib_jquery  wird   /jqueryadmin/

 
Author: pShadow Website