I know a lot of people have been hanging out for an update to PocketT, especially a sidebar version with widgets. All of my To-Do’s are still going ahead but I’d like to mention I am quite busy. I have a job to work Monday - Friday which starts quite early in the morning (I’m up at 4am every day) so by the time I’m home at about 1-2pm, I’m fairly tired and not in the mood for theme updates.

I’m also busy planning my trip to England in May, plus many other things. But the good news is, in May, as of the 21st, I won’t be working so I will start working on a sidebar version of PocketT then. On the other hand, I do have a dark version of the theme almost done and will be released shortly.

Thanks to everyone who has used this theme and contacted me to say how much they like it.

I’ve finally got around to adding some much needed updates for the theme. Fixes inlucde:

• Fixed “To Top” for Internet Explorer 6 - It now displays. Thanks to Larry for providing the fixes!
• Fixed font sizes
• Added archives.php
• Added two new header images to the Download page

That’s it for the moment. I would also like confirmation from someone using Safari 2.0.4 on OSX Tiger as to whether the To Top button in the footer is now linking or not.

Custom styling is a must in my world. Sometimes I may put a bit of code in a post, or a note and like them to stand out from the rest of the post. That is why I’ve added custom styling to PocketT for everyone else to use. This means users won’t have to create their own styles (unless they want to change the style or create more).

Notes

The class name for notes is, well, “note” and it looks like below. It has a background colour/image and borders on the top and bottom, as well as smaller text from the rest of the body of the post. This is because it’s a note.

Nunc malesuada, lacus quis semper vestibulum, orci sem eleifend metus, scelerisque placerat sem nibh quis purus.

To add this class to something you want to class as a note, simply use p class="note". Simple.

Code Samples

Some people post code bits in their post. Maybe it’s CSS or PHP, but whatever it is, it looks better with some separate styling.

.codebit {
margin:0 10px;
border-left:3px solid #9CAA17;
padding:5px;
}

For code snippets you can use p class="codebit"

Downloads

And of course, there are some of us that have downloads in some of our articles or pages and some styling doesn’t go astray.

Download Something

That would be p class="dl".

Word Highlighting

I like to highlight certain words sometimes. It kind of adds key words without them truly being key words. They just stand out to make a point to the person reading them.

Nunc malesuada, lacus quis semper vestibulum, orci sem eleifend metus, scelerisque placerat sem nibh quis purus.

For these, all you need to use is span class="green" or span class="grey"

Heading 1

I find in a lot of themes that the authors don’t include styling for images within the stylesheet and I’ve in the past had to do it myself. I’ve added two classes (I don’t think there is much point for centred images) for images that are to the left and right.

.imgleft and .imgright classes can be added to images. What this does is add padding to the relevant side of the image that would normally flush completely up against the text of the article. It’s simple to add. When writing an article and have an image added, simply switch over to code view (unless you’re there already) and add class="imgleft" or class="imgright" to the img src tag.

Heading 2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse euismod tortor sed libero. Ut diam purus, commodo ac, viverra nec, sollicitudin ac, tellus. Integer at est. Curabitur tempor erat nec enim. Phasellus eget urna. Aliquam a libero. Fusce venenatis sem ut nibh. Pellentesque aliquet, sapien ut nonummy accumsan, lorem lectus lobortis enim, sed ultricies nulla lectus eu magna. Maecenas gravida. Vivamus sed sapien. Donec id nisl. Cras euismod. Pellentesque tortor lorem, dictum eget, interdum quis, vestibulum venenatis, urna. Aenean ac libero ut leo congue bibendum. Duis tincidunt augue vel enim. Fusce elementum elementum massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Proin lacinia elit et velit hendrerit eleifend.

This is what a blockquote will look like in PocketT.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse euismod tortor sed libero. Ut diam purus, commodo ac, viverra nec, sollicitudin ac, tellus. Integer at est. Curabitur tempor erat nec enim. Phasellus eget urna. Aliquam a libero. Fusce venenatis sem ut nibh.

Heading 3

Nunc malesuada, lacus quis semper vestibulum, orci sem eleifend metus, scelerisque placerat sem nibh quis purus. Duis congue. Mauris ac lorem a nisl porta consequat. Sed ultrices. Quisque dolor sapien, euismod eget, commodo et, placerat in, mauris. In orci urna, convallis id, ornare quis, viverra vitae, lorem. Suspendisse odio sapien, dictum nec, suscipit vel, placerat nec, mi. Duis dui tellus, placerat nonummy, egestas faucibus, ornare euismod, augue. Maecenas vitae purus. Aliquam luctus vulputate pede. Integer sed mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Cras a lacus nec ipsum fringilla suscipit. In quam. Suspendisse dictum, tellus nec varius condimentum, nisl ante dignissim enim, eu ullamcorper erat purus a quam. Integer laoreet. Sed odio tortor, gravida in, varius ac, elementum sit amet, metus. Sed fringilla lorem vel diam. Aliquam erat volutpat. Sed commodo suscipit eros.

Below is list styling for unordered, ordered and definition lists.

Unordered List

• List Item #1
• List Item #2
• List Item #3

Ordered List

1. List Item #1
2. List Item #2
3. List Item #3

Definition List

List Item #1

List Item definition

List Item #2

List Item definition

List Item #3

List Item definition

Nunc malesuada, lacus quis semper vestibulum, orci sem eleifend metus, scelerisque placerat sem nibh quis purus. Duis congue. Mauris ac lorem a nisl porta consequat. Sed ultrices. Quisque dolor sapien, euismod eget, commodo et, placerat in, mauris. In orci urna, convallis id, ornare quis, viverra vitae, lorem. Suspendisse odio sapien, dictum nec, suscipit vel, placerat nec, mi. Duis dui tellus, placerat nonummy, egestas faucibus, ornare euismod, augue. Maecenas vitae purus. Aliquam luctus vulputate pede. Integer sed mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Cras a lacus nec ipsum fringilla suscipit. In quam. Suspendisse dictum, tellus nec varius condimentum, nisl ante dignissim enim, eu ullamcorper erat purus a quam. Integer laoreet. Sed odio tortor, gravida in, varius ac, elementum sit amet, metus. Sed fringilla lorem vel diam. Aliquam erat volutpat. Sed commodo suscipit eros.

Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!