Category Archives: Web Tips & News

Did up a sort of art deco website, but it was never used in the end.
I’ve set up a folder for anyone to download with all the files you need for this type of design

- (it contains Photoshop CS2 .psd file, the fonts, screenshot and is about 2Mb).

I’m not saying it’s amazing by any means, but someone may find it useful.

art deco website idea

Aisle One
Lots of ideas compiled into one very simple but beautiful website here.

Five Simple Steps – Independent Book Store aimed at Web professionals.
The Icon Book exemplifying how symbolic, eh, symbols are – and again can be used in very minimal ways to maximum effect.

Excites – Simon C Page, Illustrator/Designer
Stunning illustrations that would look good on any wall. Clever cut-outs, pretty posters and lovely line art.

Go to Appearance > Editor and edit ‘loop.php‘.

Just under

/* Start the Loop.
*
* In Twenty Ten we use the same loop in multiple contexts.
* It is broken into three main parts: when we're displaying
* posts that are in the gallery category, when we're displaying
* posts in the asides category, and finally all other posts.
*
* Additionally, we sometimes check for whether we are on an
* archive page, a search page, etc., allowing for small differences
* in the loop on each template without actually duplicating
* the rest of the loop that is shared.
*
* Without further ado, the loop:
*/ ?>

replace following bit of code

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

with

<?php if ( is_home() ) { query_posts($query_string . '&cat=-5'); } ?>

Notice the ‘=-5‘ this tells the homepage not to display posts from the post category id ’5′.

If you want to stop more than one category from being displayed just separate with a comma and write ,-# , where # is the id number of the category – see below.

<?php if ( is_home() ) { query_posts($query_string . '&cat=-5,-3'); } ?>

To revert back to showing posts from all categories just change it back to

<?php if ( is_home() ) { query_posts($query_string . '&cat'); } ?>

Using WordPress TwentyTen theme?
What to use an image to separate the top-level menu items?
Find out how below, using CSS and a background image on the menu list.

First off here is my slightly modified Twenty Ten menu area.
I’ve added a wine background colour and used Cufon to display a nice menu font.

Here is the default menu.

I want a dot image to be inserted between each menu link, to separate them, and gernerally improve the overall look. Here is the image I have used – it is a transparent .png dot image.

In order to achieve this you can modify the CSS by adding a background image to the menu.li. But make sure that #access .menu-header ul, div.menu ul is set to list-style: none; so there are no conflicts

#access .menu-header ul,
 div.menu ul {
 margin: 0;
 list-style: none;
 }

#access .menu-header li, div.menu li
 {
 float: left;
 position: relative;
 padding-left: 18px;
 background-image:
url(http://liviah.com/wp-content/uploads/2012/01/dot-separator.png);
 background-repeat: no-repeat;
 background-position: 0 .2em;
 }

However that puts an image in front of every menu listing, and for asthetic reasons we want to remove the one to the left of HOME.

So we set the background of that menu item to ‘none’. Generally in all CSS lists, the first bullet is called ‘first-child’.
Let’s set the background to none for that bullet. See below.

div.menu li:first-child
 {
 background:none;
 }

Hopefully you find this of some use. Any queries drop me a line or comment below.