elasticPage
Download elasticPage
Description
elasticPage is a plugin that allows the user to change the width of a specified element on
their page. It has many admin features for configuration that allow a good amount of flexibility for
Wordpress sites. Width changes are done via jQuery. The jQuery.cookie plugin is also used to
maintain the user selection throughout a site. This plugin works best on sites that are created to
have some amount of dynamic capabilites (ie using percentages for main page elements.)
Generally speaking the user would want to use the “wrapper” area of their theme as the element
to change.
This is my second attempt at a WordPress plugin. I came up with the idea from another site because
I have a wide screen that is generally wasted on most blog sites.I hope that people find the plugin
enjoyable Please link to CodeDeveloper.net if you find the plugin useful or if you are so inclined
become a contributor to the site.
Installation
1. Download the zip file and extract the contents.
1. Upload the ‘elasticPage’ folder to your plugins directory (wp-content/plugins/).
1. Activate the plugin through the ‘plugins’ page in WordPress.
1. Configure the plugin via the admin menu ‘Settings->Elastic Page if so desired
Changelog
1.0
Initial Release
Update Values Section
The update values section of the admin should not be used by most sites. What it is used for is when
a site (such as the current CodeDeveloper.net theme) has page elements that have a dynamic height.
The way the feature works is it will take an element and change it’s height by subtracting a bottom
elements position from another elements position. For instance, the content area of CodeDeveloper.net has
a border that is generated dynamically (the left and right side in this case.) To determine the heigh of this
element after a font change we must measure the pixels from the upper corner of the element to the lower.
The update values section used jQuery ajax to resize the given element. Notation for this section follows
the following syntax:
*.element-to-adjust,.bottom-element-name,.top-element-name|.second-element-to-adjust,.second-bottom-element-name,.second-top-element-name*
Basically it expects 3 element classes seperated by commas. Each line should be seperated by the | character.
Download elasticPage
