Skip to content
Pixel perfect script for create the html pages.
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.md
README_RU.md
ajax-loader.gif
hotkeys.js
jquery-cookie.js
jquery-ui.js
jquery.min.js
pixp.js Update pixp.js Sep 26, 2013
pixp.min.js

README.md

PixP

Ru version ####Pixel perfect script for easy create the html pages from PSD layout.#### See all info here.

##If site not work here the git version of info.##

<script src="http://pixp.fdrv.guru/pixp.js" type="text/javascript"></script>

1 Сopy the code and then put in tags '<head>' or before '</body>' in your site.
2 Load your 'pp-bg.jpg'/png in any domain folder. Example: '/images/'
3 Select that folder name and extension in dialog. Example: '/wp-content/themes/any/images/' - .jpg
If you dont see dialog window - press: Shift + E.

Shortcuts:

  • Alt + Q switch show/hide.
  • Alt + W switch transparency.
  • Alt + E + transparency.
  • lt + D - transparency.

More shortcuts:

  • Drag'n'Drop Click, hold and move.
  • Shift + Q Default position.
  • Shift + W/A/S/D Sensitive position preference.
  • Shift + E Toggle dialog.
  • Alt + C Switch 'Hover mode'.

More layouts:

  • Alt + 1-9 Upload your images and name pp-bg1.jpg, pp-bg9.jpg... Now you can switch them.
  • Alt + X Show default image - pp-bg.jpg/png.
  • Alt + Z For toggle overflow.

###Hints:###

If you have pp-bg.jpg you must use pp-bg1.jpg (same extension). You cant use .png if your default image is pp-bg.jpg.
You can type url of image, but if it not named 'pp-bg' you cant use layouts.
Script use cookie, so if you reload page you will see all settings have been saved.
Hover mode - when you use inspect mode script will hide the image while you are working with elements.
If you see cropped image press: Alt + Z
You can’t perform that action at this time.