Don’t Click It!

1

By : Josh Stauffer

Today I stumbled across a very interesting website. It is different from any website I have ever seen because it actually encourages the viewer not to click on anything. What did I just say? That’s right… don’t click it! In fact, if you do click, whether it is accidental or intentional, you will get a screen similar to the snowy screen on the old boob tube. Navigation, voting, options, reading, etc. are all controlled by hovering your cursor over objects. Now, I do think the site is very creative and neat, but what the heck are they thinking?

I have recently been bitten by the advertising bug and am trying to come up with some ideas to blog about to earn some extra pocket change. With that said, if a site discouraged clicks and had advertising on it, how the heck would one make money?

A peculiar site but an idea I would never pursue. Check it out for yourself www.dontclick.it.

Display the Latest Posts with WordPress

18

By : Josh Stauffer

If you set a static page as your front page, it can be a little tricky figuring out how to link to a page that shows your latest posts. So far I have come across two solutions you can use with your WordPress blog when linking to such a page.

Solution One

Create a link in your sidebar or somewhere on your site that looks like this: http://www.yourdomain.com/?p=all You should replace the http://www.yourdomain.com/ with the location of your blog.

Solution Two

You need to create a new page template by copying an existing one. In your new page template, find this line:

<?php while (have_posts()) : the_post(); ?>

Then replace that line with this code:

<?php $my_query = new WP_Query('showposts=10');

while ($my_query->have_posts()) : $my_query->the_post();

$do_not_duplicate = $post->ID; ?>

The code you just added creates a loop and retrieves the latest 10 posts and will display them on a page you create with your new template.

If you know of another solution to accomplish this task, please share it with my readers and me by commenting below.

Apply CSS Transparency to Images

1

By : Josh Stauffer

To apply CSS transparency to images add the following properties and values to the appropriate CSS selectors. An image without any filters applied to it has an opacity of 1.0. If an image has 30% opacity it also has 70% transparency. Hover your mouse over the image below for an example.

a.transthumb img {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
a.transthumb:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}

Orange Mug