Framing your images using CSS

I’ll show you a simple yet effective CSS trick that you can use to mimic a frame on a picture and all you’ll need is Notepad to do it. First up, we’ll need our picture. it’s time to add a class to the image source so that we can begin. <img src=“Live Experience URL” alt=“Live Experience” class=”live-pic”> With that exhausting bit of prep work out of the way it’s time to move on to the magic. What you’ll need to do now is open up your CSS file so we can add a new class. In this case it’s called... [Read the full story]

Make Buttons with Hover Load Faster

With CSS we can target the ‘:hover’ child class for links and update their background properties. Example .nav a:link, .nav a:visited { width: 160px ; height: 30px ; display: block; overflow:hidden; background: url(’images/nav1.gif’) 0px 0px no-repeat; } .nav a:hover, .nav a:active{ background-position: 0px -30px; } The Image itself contains both the normal and hover state. This is called a sprite, using this technique the image needs only be loaded once.  Read More →

Changing Link Colors with CSS

Introduction This guide shows how to specify link colours with CSS whether you want the same colours for all links or different colours for certain links. Also includes how to change the colour “onmouseover” (hover colour). Specifying the default colour If you want to specify the default colours which will be used in a web page you should use the following code. These colours will be applied to all links in the document. <style type="text/css"> <!-- a:link {color: #000000; text-decoration: underline;... [Read the full story]

Using a WordPress Page as your home page

I’d like to use something other than my recent posts as my home page. Is that possible within WordPress? It’s not only possible it’s relatively easy. The first step is to create a page to serve as your new home page. For the purpose of this example, we’ll call it “My New Home Page.” Under the Manage panel select the Pages tab. Click on Create a New Page. Give the page a title, “My New Home Page.” Create the content for your home page just as you would a blog post. Set the Page Status to “Published.” Click... [Read the full story]

Make your WordPress Search Results Unlimited

You can do this in a few different ways. If you have a search template, in search.php you can simple add the following line of code above your Loop. Find: <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> Add: <?php $posts=query_posts($query_string . '&posts_per_page=-1'); ?> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> Make sure you put this code in your search.php only, unless you want unlimited posts on your index or archive pages. The... [Read the full story]