Author Archive

8/24/2007 ↓

WordPress meetup in London after Future of Web Apps conference. 4comments

If you like this post, please subscribe to our RSS feed to read our new posts every day.

There is a conference in London called The Future of Web Apps. It takes place October 3rd - 5th. There are lots of speakers and Matt is one. So, seeing as he’s here, want to meet up?

The venue will be Excel London. They have bars we can use, their site lists travel links and if there are others at the conference they would be close by. Date will be October 4th, maybe October 5th too.

Interested?

(cross-posted from my blog because more people read this! I’ll followup any other details on my post there.)

3/4/2006 ↓

WordPress on a USB stick 10comments

Perfect for demonstrating WordPress on someone else’s computer. Also perfect for designing your ideal blog theme while at work.
The guide to installing WordPress on a USB stick and my other guides are also at www.tamba2.org.uk/wordpress.

Tags:

8/10/2005 ↓

Download the WordPress Documentation 3comments

There is now documentation you can download, read offline and print !

Over at http://www.tamba2.org.uk/wordpress/docs are listed over 240 complete pages (a total of ~34meg of information) taken verbatim from Codex. You can download just those sections you need - and none that you do not.

Before you start downloading or commenting though, please take a moment to read the information I’ve put together here: http://www.tamba2.org.uk/T2/codex-and-pdf/
It should address what I think will be common questions.

Once Codex is back, the management and direction of this project will be taken to there with additional input from the WordPress Docs mailing list.

Tags:

3/17/2005 ↓

The WP OSSCAS 0comments

Shadow at www.os42.com is organising and hosting the inaugural Organic Shadow Site Content Awards (OSSCAS).

As noted on the site, the focus here is not what a WordPress site actually looks like, but what the content is. After all, not only is it a site’s content that keeps us coming back, but it’s also the constant in this time of many themes. There is a varied panel of judges, and anyone can nominate any WordPress blog in one or more of the categories.

Why not go take a look, nominate a blog you like and take in some of the quality reading on offer ?

Content is Everything - The OSSCAS

Tags:

1/20/2005 ↓

Link Cosmos and rel=”nofollow” 4comments

If you are using the Technorati Link Cosmos using PHP then links that this tag generates will be counted by Search engines as being valid - which they may well be. But if a spammer sets up a blog, and links to you, you will be counted as providing a valid link. You might not want that to happen.

The altered script can be grabbed here: http://www.tamba2.org.uk/downloads/cosmos.phps

It won’t remove the link and it’s not ideal as you are tarring all links with the same brush, but it will make the spammers link useless for pagerank purposes.

Tags:

12/19/2004 ↓

WP: Archive by Date 2comments

Mark produced Sortable Nicer Archives for WordPress but sometimes people don’t want the sortable part - a list will do. So due to a request in the WP forums, I’ve taken out the code that gets in the way for that, and made it just list by date.

Can be seen working here in the latest WP build:
http://www.tamba2.org.uk/T2/willitwork.php

Download file:
http://www.tamba2.org.uk/downloads/date_archive1point3.phps

Download file (for 1.2 versions)
http://www.tamba2.org.uk/downloads/date_archive1point2.phps

Credit: Mark
Any mistakes: Me :)

Tags:

10/28/2004 ↓

Nicer Archives for WP1.3 4comments

Some months ago, Mark created the Sortable Nicer Archives for WP 1.2
In WP 1.3, the main page has been split into different sections, so the original file above didn’t look good - it worked of course, but the page layout was broken.
Using includes for the header and footer, along with a <div> correction, that is now sorted.
It can be seen working here: www.tamba2.org.uk/T2/narchives.php

The phps file is here: www.tamba2.org.uk/downloads/narchives2.phps

Note: this has not been tested against Themes.

Tags:

8/7/2004 ↓

An Overview of the Weblog Tools Market 1comment

An easily readable article on weblog programs, and I’ll be interested to see comments on the methodology of the statistics production.
http://www.elise.com/web/a/an_overview_of_the_weblog_tools_market.php

Tags:

7/19/2004 ↓

An example of the default CSS with WordPress 8comments

For some reason, many think that in order to style a WordPress weblog, you need to know PHP.
You don’t.
Or people are confused by CSS and end up using html and tables to create effects that can otherwise be achieved just by using the default tags that are in a WordPress install.

So in that vein, I created a default WP weblog, and altered nothing except the layout css.

It’s not meant to show off any design skills, or to get any awards for ‘best use of colour’, but hopefully it will let you see just how much control you have already without the need to alter anything else.
It is basic stuff - another blog with more advanced techniques soon I hope - but if you have a have a WordPress weblog, hopefully it will start to inspire you when looking to alter your design in some way.

The comments on the bottom entry there is open if you want to suggest any CSS topic that could be covered on either that weblog or a more advanced one.

And if you have sunglasses …. put them on now :)

http://www.mfr.f2s.com/1css/

Tags:

7/3/2004 ↓

WordPress: New Guides 0comments

I’ve put together 2 quick pages that cover:

- Creating new Quicktags in the post area to save having to type out those tags that you may use very often but are not in the default install.

- Replacing your WP login password with a new one using phpMyAdmin.

Both have screenshots.

They can be found, along with the WP CSS and FTP guides at http://www.mfr.f2s.com

Tags:

5/20/2004 ↓

FTP Pie 1comment

This is from the blurb on the page - “Your ISP offers you 30MB of disk space, but doesn’t tell you how much space is used! This tool enables you to get a usage piechart from your FTP service, showing which directories are taking the most space, and to drill down into those directories to see which are the largest files. Simply double-click on a pie segment to drill down!”

I’ve been using it today to get a better picture of what’s going on with one of my domains, and it’s damned useful! It is not able to look into folders that have very restricted permissions - remember this is looking in from the outside so to speak - and I had to use the remote address as given by my ftp program for it to find the right path in, but it does do what it says. Why can’t all ISP’s offer this as a standard ?

It’s Freeware too !

FTP Pie

Tags:

4/17/2004 ↓

Random Image Header 18comments

I was looking for a way to alter the image randomly on my WordPress weblog, but as the header image is called from a CSS file, I was unsure quite how to do it.

I am unsure no more !

PhotoMatt wrote a random image script, the details of which can be viewed here.
Although I use WP, this will work for any blog that has an image called from the CSS.

I did this;
- Created a folder on the server called ‘headers’
- Into that, I uploaded several different images that would suit as a header image.
- I saved the script above as a php file (call it what you will - mine is ‘rotate.php’) and uploaded into the same ‘headers’ folder.

Now I edited the CSS file.
In WP, there is a line in #header which can be used to specify a url for the image to be loaded. This needs a light alteration:

Mine was
#header {
background-image: url(image.jpg)

and it is now

background-image: url(headers/rotate.php);

Now, when the CSS is called, the background image is chosen randomly by the script. :smile:

Tags:

4/13/2004 ↓

This is me 3comments

Mark suggested I introduce myself ……
Self taught in all things html / css, I know nothing about php (yet), using WordPress since early January (before that tried Blogger / MT / Nucleus and more - didn’t like them) prior to that I hand coded, love playing with code and breaking it because then I can see better how it works, and am nearly always to be found in front of my computer.

Other interests include bodyart (27 piercings, 3 tattoos, 2 implants), console gaming, I wrote and maintain www.abody.co.uk (a bodyart studio site), I run the interviews and statistics part of www.ukbodyart.org and I’ve not long bought Diablo 2.
My site is www.tamba2.org.uk

There’s probably more, but I won’t bore you any more :smile:

Tags:

Customise the WordPress Comments Page 3comments

Change the font, font size, add borders / images / background colours to the comments themselves or just the page background.

Font Changes
In wp-layout.css, add this;


ol#commentlist p {
font-family: Tahoma;
font-size: 100%;
}

This is the font that the comments will be displayed in. Change to suit your site.

Add Borders


ol#commentlist li {
border-left: solid 1px #ff0000;
border-right: solid 1px #ff0000;
border-top: solid 1px #ff0000;
border-bottom: solid 1px #ff0000;
margin: 10px;
}

This will add a border around each post, and separate the posts by a margin of 10 pixels.
The colour there is red, so alter as you will, and for those borders that you do not want, just remove the line required.
You could always have a dotted line instead of solid too.

Comment Image
Add this line to the above code:


background-image: url(’image.gif’);

This will place an image behind the comment entry. You can use a jpg / png / gif

Comment Colour
Add this line instead to the code:


background-color: #ff00ff;

(If you add both of the above - an image and a colour - the last one in the statement will take precedence. I’d just add the one though).

Comment Page Background
Add the following to your wp-layout.css:


#commentspopup {
background-image: url(’image5.gif’);
}

Note: If you do not use popup comments, add this to your wp-comments.php instead.
That will place an image on the overall page. If you just want a colour, then use this:


#commentspopup {
background-colour: #ff00ff;
}

Lastly, if you want the line with the commentors details to stand out more prominently from your new colour scheme, open up either wp-comments-popup.php or wp-comments.php, and make the following two changes that I have noted in bold type:


< ?php comment_text() ?>
<p><cite<strong>1</strong>><?php comment_type(); ?> by <?php comment_author_link() ?> &#8212; <?php comment_date() ?> @ <a href="#comment-<?php comment_ID() ?>"><?php comment_time() ?></a></cite<strong>1</strong>></p>
</li>

put this into your wp-layout.css


cite1 {
font-size: 90%;
font-style: normal;
background-color: #fff;
}

This last part will give a white background to the commentors details.

There are a few screenshots accompanying the description of the alterations needed at www.tamba2.org.uk/graphicalcss

Tags:

4/12/2004 ↓

Image alignment & Drop shadows 9comments

Mark posted a while back (link) a quicktags improvement that included the ability to have drop shadows around your image.
Visit that link to get the code and follow the instructions for adapting your current setup.

I’ve adapted it so that the image can now be left or right aligned with text wrapping, and I’m assuming that you have added the CSS from that link to your ‘wp-layout.css’.

Add the following to your wp-layout.css;

.img-shadow1 {
clear: both;
float:right;
background: url(images/shadowAlpha.png) no-repeat bottom right !important;
background: url(images/shadow.gif) no-repeat bottom right;
margin: 20px 0 0 17px !important;
margin: 20px 0 0 8px;
}

.img-shadow1 img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}

div.clearer {
clear: left;
line-height: 0;
height: 0;
}

The instruction <div class=”img-shadow”> will produce a left aligned image.

The instruction <div class=”img-shadow1″> will produce a right aligned image.

While the Quicktag will insert the top of those 2 codes, it will not produce the second. You will have to add the ‘1′ manually.

A couple of points;
- You must have a carriage return after the closing </div> and before your text. If you do not, your text will be in bold This will not unduly affect your text wrap.
- If when you view your entry, the image has ‘broken through’ and is affecting the entry below it, you will need to use the clearer div. This needs to go after the last image in your post, but before any text that follows it. An example:

You post a picture, with text, and the image breaks through. You need to alter your post to insert the clearer:
<div class="img-shadow1"><img src="ducks.jpg" alt="" /></div><div class="clearer">&nbsp;</div>
magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation …

Information on this is also at www.tamba2.org.uk/graphicalcss

Tags:

Friends

Translate

Translate to German Translate to Spanish Translate to French Translate to Italian Translate to Portuguese Translate to Japanese Translate to Korean Translate to Russian Translate to Chinese

Latest Videos

S2