Author: nedka
Extension Description: Style preview utility for phpBB, includes front-end and ACP styles.
Extension Version: 1.1.4 (1.2.4 for phpBB 3.2.x)
Requirements: phpBB 3.1.2+ or 3.2.x (2 different versions)
Features:
- Preview front-end styles.
- Preview ACP styles.
- Test responsive design with 3 modes: desktop/tablet/phone.
- Switch dual languages with styles.
- Manage local style data or get remote data via JSON. An example JSON file can found in the 'contrib' directory.
- Create style screenshots automatically using PhantomJS.
Screenshots:
Extension Download: v1.1.4 for phpBB 3.1.x ::: v1.2.4 for phpBB 3.2.x
Important Notes: This extension gives guests all admin permissions to allow them to access "the fake ACP" and play around with ACP styles. Why do that?
- This extension is made for demo/testing sites, not in production.
- Nothing is important on a demo site.
- Guests can access ACP, but they can not make any changes because all submit buttons are disabled by PHP.
http://<your.com>/demo/#prosilver
or http://<your.com>/demo/?style=prosilver
Create a local screenshot?
Create a <style_varname>.png and put it into ./ext/vinabb/stylesdemo/assets/screenshots/frontend/. The <style_varname> is the text which appears after # in URL, e.g. http://your.com/demo/#bootlike then the screenshot filename is bootlike.png.
How to create a ACP style to test?
- Copy ./ext/vinabb/stylesdemo/app/styles/_example and rename it, e.g. 'test'.
- Edit info in .../test/style.cfg.
- Copy ./adm/style to ./ext/vinabb/stylesdemo/app/styles/test/style.
- Copy ./adm/images to ./ext/vinabb/stylesdemo/app/styles/test/images.
- Open .../test/style/overall_header.html, find: and replace it with:
Code: Select all
<link href="style/admin.css
Code: Select all
<link href="{T_TEMPLATE_PATH}/admin.css
- Do above step again for .../test/style/simple_header.html
- Go to ACP -> EXTENSIONS -> Styles Demo -> Manage ACP Styles -> Add new ACP styles.