Progammer-info

Окультуривание jscript: http://jsbeautifier.org/

Окультуривание css: https://www.cleancss.com/css-beautify/

Плагин EASYTREE есть там такой файл get_easytree_html.php
jQuery(«#easytree»).easytree({
‘allowActivate’: false, // параметр запрещает выделение блоком
‘minOpenLevels’: 1    // Уровень раскрытости, 0 закрыть все
});

Описание

This plugin will enable you to easily add Video,Audio,Image,Iframe,and Inline content to your WordPress site.Using it is as simple as adding the shortcodes to your post and page or if preferred adding the shortcodes to the required theme template files.
A demo can be found here here

Plugin Features

  • Support for Video and Audio content.
  • Support for image,iframe,inline content.
  • Lots of admin options to play with
  • Lots of shortcodes parameter to customize each popup modal.
  • Thumbnail Support.
  • Gallery Support.
  • Support for javascript functions that can be executed at various times during
    the popup event.

Supported Video Sites

  • youtube
  • vimeo
  • dailyMotion
  • hulu
  • ustream
  • viddler
  • animoto
  • nfb
  • screenr
  • funnyordie
  • ted
  • coub
  • blip
  • ora.tv
  • on.aol.com
  • collegehumor
  • jest
  • dotsub

Supported Audio Sites

  • rdio
  • mixcloud
  • soundcloud
  • chirb

Video Example

Add the shortcodes to your post or pages. The href attribute should be the url of your video or Audio content

   [litebox href="http://www.youtube.com/watch?v=EmSOTxW3lNI"] 
   

Audio Example

 [litebox href="http://soundcloud.com/forss/flickermood"]
 

Iframe Example

The anch should be the anchor text.

 [litebox href="http://cnn.com" anch="Iframe"  ]
 

Inline Example

[litebox href="#inline" anch="Inline" ]

Single Image Example

[litebox href="../wp-content/uploads/2014/07/HD-1.jpg" ]
[litebox href="../wp-content/uploads/2014/07/HD-2.jpg" ]
[litebox href="../wp-content/uploads/2014/07/HD-3.jpg" ]
[litebox href="../wp-content/uploads/2014/07/HD-4.jpg" ]

Group Image Example

For group images use the group attribute , the value can be any string, but must the same for the entire images.

[litebox href="../wp-content/uploads/2014/07/HD-1.jpg"  group="ghd"]
[litebox href="../wp-content/uploads/2014/07/HD-2.jpg"  group="ghd"]
[litebox href="../wp-content/uploads/2014/07/HD-3.jpg"  group="ghd"]
[litebox href="../wp-content/uploads/2014/07/HD-4.jpg"  group="ghd"]

Shortcode Theme file Example

Add the function with the shortcodes to your theme template files

   <?php 
   echo do_shortcode('[litebox href="http://vimeo.com/45427826" ]'); 
   ?>

Screenshots

Параметры плагина LightBox2:

http://lokeshdhakar.com/projects/lightbox2/

data-lightbox="image-1" data-title="My caption"

If you want to change any of the default options, call the option method.
<script>
    lightbox.option({
      'resizeDuration': 200,
      'wrapAround': true,
      'albumLabel' : "Изображение %1 из %2"б
    })
</script>
Option                         Default            Description
alwaysShowNavOnTouchDevices => false           => If true, the left and right navigation arrows which appear 
                                                  on mouse hover when viewing image sets will always be visible 
                                                  on devices which support touch.
albumLabel                 => "Image %1 of %2" => The text displayed below the caption when viewing an image set. 
                                                  The default text shows the current image number and the 
                                                  total number of images in the set.
disableScrolling          => false             => If true, prevent the page from scrolling while Lightbox is open.
                                                  This works by settings overflow hidden on the body.
fadeDuration              => 600               => The time it takes for the Lightbox container and overlay to fade
                                                  in and out, in milliseconds.
fitImagesInViewport       => true              => If true, resize images that would extend outside of the viewport so 
                                                  they fit neatly inside of it. This saves the user from having to scroll 
                                                  to see the entire image.
imageFadeDuration         => 600               => The time it takes for the image to fade in once loaded, in milliseconds.
maxWidth                                       => If set, the image height will be limited to this number, in pixels.
maxHeight                                      => If set, the image width will be limited to this number, in pixels.
positionFromTop           => 50                => The distance from top of viewport that the Lightbox container will appear, in pixels.
resizeDuration            => 700               => The time it takes for the Lightbox container to animate its 
                                                  width and height when transition between different size images, in milliseconds.
showImageNumberLabel      => true              => If false, the text indicating the current image number and the 
                                                  total number of images in set (Ex. "image 2 of 4") will be hidden.
wrapAround                => false             => If true, when a user reaches the last image in a set, 
                                                  the right navigation arrow will appear and they will be to continue moving
//