English languageRussian language

Script works in all last browsers.

Скрипт работает во всех последних браузерах.

cookie

He remeber your preferences. So you can easy travel on your site.

Он запоминает ваши настройки, так что вы легко можете путешествовать по вашему сайту.

keys

Many hotkeys is very useful and comfortable.

Много горячих клавишь обеспечивает хорошую скорость работы, также это достаточно удобно и полезно.

speed

The script is well optimized and working very quickly.

Скрипт хорошо оптимизирован.

html

The script allows you to work faster and much better quality. Your clients will always welcome to contact with you again.

Скрипт помогает вам работать быстро и гараздо качетсвенее, ваши клиенты будут рады обратится к вам снова.

preferences

Easy to setup

Легок в установке.

easy

Easy to use.

Прост в использовании.

Much easier to create a html page if you see a design on the background

1. Click and copy the code, then put in tags '<head>' or before '</body>' on your site.

2. Load your 'pp-bg.jpg'/png in any domain folder. Example: '/images/'

3. Select 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.
  • Alt + 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.

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

Гораздно проще верстать html документ если видеть должный дизайн на фоне.

1. Кликаем, копируем затем помещаем в теги '<head>' или перед '</body>' на вашем сайте.

2. Загрузите ваше изображение с именем 'pp-bg.jpg'/png в любую доменную папку. Пример: '/images/'

3. Укажите имя папки и расширение картинки в диалоговом окне. Пример: '/wp-content/themes/any/images/' - .jpg

Если вы не видите диалоговое окно нажмите: Shift + E

  • Горячие клавиши
  • Alt + Q Показать,спрятать.
  • Alt + W Переключатель прозрачности.
  • Alt + E + прозрачность.
  • Alt + D - прозрачность.
  • Еще клавиши
  • Drag'n'Drop Кликаем,держим и двигаем.
  • Shift + Q Стандартное позиционирование.
  • Shift + W/A/S/D Чувствительная настройка позиции.
  • Shift + E Переключатель диалогового окна.
  • Alt + C Переключатель 'Hover mode'.
  • Больше макетов
  • Alt + 1-9 Назовите ваши изображения pp-bg1.jpg, pp-bg9.jpg... Теперь вы можете переключаться между ними.
  • Alt + X Показать первоначальное изображение - pp-bg.jpg/png.
  • Alt + Z Переключатель overflow.

Если ваша картинка имеет расширение .jpg макеты должны иметь такое же разширение.

Если вы используете прямую ссылку к изображению имя котой не 'pp-bg' вы не можете использользовать макеты.

Скрипт запоминает ваши действия, перезагрузка страницы не собьет настройки.

Hover mode - при инспектировании элементов скрипт прячет картинку на время работы с элементами.

Если вы видите обрезанное изображение нажмите: Alt + Z

Made by: Fdrv

Git Hub: Here