philipacamaniac

Sometimes you’re developing a theme or a site, and it looks similar to (or exactly like) the production version of that site. Installing this plugin will make it instantly easy to see that you’re looking at your development site.
NEW! Adjust the position and behavior of the badge, and add optional link and custom text.
<ul>
<li>Positions: Stick the badge on the left or the right corner.</li>
<li>Behaviors: Absolute (stick to the top of the page) or Fixed (stick to the top of the browser window).</li>
<li>Optional Link URL: The badge can link back to the production version of a site or anywhere else.</li>
<li>Optional Custom Text: The default badge reads “Development Version” but you can now use your own custom text (15 character max).</li>
</ul>

Dev Corner Badge

Places a highly visible marker in the upper corner of every post/page to denote a development site.

lucianohpcv

Adds a page peel in the corner of the site… with jQuery! no Flash 😀
Based on the work by Soh Tanaka: http://www.sohtanaka.com/web-design/simple-page-peel-effect-with-jquery-css/
If your theme’s stylesheet modifies the body’s width, PageCornr will look bad. Use a Wrapper and modify the width from it. In that way, PageCornr will stay in the corner.
<h4>Important note regarding Opera</h4>
If you use (as I do) a urlfilter.ini file downloaded from the Internet, make sure to comment this lines (replace % with *):
<ul>
<li>%/plugins/page-cornr%</li>
<li>%/images/ad.%</li>
</ul>
Otherwise, you won’t be able to see the images nor visit this page (Page Cornr page on WordPress).

Dev Corner Badge vs Page Cornr