Cross Slide Webpage Background

For anyone wishing to incorporate in their own website my animated cross-sliding webpage background, I’ve assembled an example you can use as a guide. This is the same script I’m using on this website to animate the background.

This script uses jQuery, jQuery UI, and the CrossSlide plugin for jQuery. Follow the links for further documentation on each of the aforementioned.

Follow the link below to view the demo and to download the zip package. Enjoy!

Demo & Download

Image Text With Custom Font Using PHP And GD

Here is a program I put together which generates on-the-fly images from text using a custom font located on the same server. This program requires a PHP and GD enabled server.

The text image is generated in transparent PNG format using the font, font size, font color, font angle, and text-transformation of your choosing.

Instructions:

  1. Copy the entire code below and save it as image-text.php
  2. Insert a default font in the DEFAULT_FONT constant on line 25. Save.
  3. Upload image-text.php AND the font file to your server, preferably in the same directory.
  4. Call the script using an image tag in your HTML document.
    Example:

    <img src="image-text.php?text=Your Text&amp;font=/font_path/your_font_file.ttf&amp;transform=uc
    &amp;size=20&amp;angle=0&amp;color=ffffff&amp;padding=8&amp;spacing=2" />

Use the following variables:

  • text – The text to be converted to an image.
  • font – The path to the font file. Server path only. No URL allowed here.
  • color – A six character hexidecimal color code.
    Example: FFFFFF (white)
  • size – The font size.
    Example: 24
  • transform- Text transform.
    • uc = uppercase
    • lc = lowercase
    • ucf = uppercase the firstĀ letter in the phrase
    • ucw = uppercase the first letter in each word.
  • angle – The textbox angle.
    Example: 0
  • padding – The padding around the text.
    Example: 4
  • spacing – The spacing between letters.
    Example: 2

Continue reading »

E-Z Form Builder

E-Z Form BuilderMy E-Z Form Builder can help you build a form for your website quickly and easily with just a few clicks. The E-Z Form Builder will generate the HTML code you need to add a form to your webpage. Create email forms, questionnaires, polls, or just about any kind of form you could need. Building forms couldn’t get much easier than this!

Hide It WordPress Plugin

This WordPress plugin allows you to toggle visibility of any objects from within a post or page using shorttags and CSS selectors or id attribute selectors.

Example:

[hideit hide=".widget-1, #header-div" show=".widget-2, p:contains('Lorem Ipsum')"]

FYI:

.dot indicates this is a class name.
.widget-1
#hash-mark indicates this is an id attribute.
#header-div
If there is no preceding character, it indicates this is a HTML tag.
p:contains('Lorem Ipsum')
A comma must separate each object in the list.

Easy enough. You can get an object’s id or class name by viewing the source code for your webpage. Anything inside hide="" will be hidden and anything inside show="" will be visible.

This plugin supports any of the selectors supported by jQuery.




Download the plugin from my repository or from WordPress.org.

Add User Meta WordPress Plugin

This WordPress plugin adds custom data to the _usermeta table when a user registers a new account. Any number of entries can be added with a default value for each key. Delete an entry and all occurrences of it will be automatically removed from the _usermeta table. That’s all it does – sets a key with a default value. It doesn’t manage any other data or update the existing meta data.

Download the plugin from my repository or from WordPress.org.