Blog Archives
CSS Basics: List Properties II and a Horizontal Menu
CSS Last week I wrote about the specific CSS list properties. This week I’m going to cover some of the positioning properties that are useful with lists but can be used with other html elements as well. Margins and Padding Every element can have both a margin and padding given to it, i.e. Here the element ends at the border, then the margin is the spacing outside of the border, and the padding is the spacing between the border and the content. ...
Continue readingStatic Page Navigation
WordPress Coding & Design A new template tag was introduced for WordPress 2.7 to provide different functionality for generating your page navigation. For earlier versions, and still for WordPress 2.7, we have wp_list_pages(), however for 2.7 we now have wp_page_menu(). This function simplifies some of the aspects of generating a list of static pages. The parameters that it takes in are: sort_column Sorts the pages into the specified order. Values can be post_title, ...
Continue readingCSS Basics: List Properties
CSS Last week I covered the HTML Basics for using Lists. This week and next, we will cover the CSS properties for use with lists. List Specific Properties We have 3 properties that are specifically for unordered and ordered lists. list-style-type The list-style-type property allows you to control the appearance of the list ‘marker’ ie. the bullet point style for unordered lists or the numbering system for an ordered list. For both types ...
Continue readingStyling WordPress 2.7 Comments
WordPress Coding & Design A few weeks ago I wrote about the WordPress 2.7 theme enhancements and specifically how the comments were now output using the tag wp_list_comments(). However, this controls all output of your markup and for a lot of people, this is different to how their existing theme is. Just a reminder, default output is: [sourcecode language="html"] Sarah Says: November 30th, 2008 at 10:00 am Comment content goes here. [/sourcecode] This is fine, but for my ...
Continue readingHTML Basics: Using Lists
Design & Coding There are three types of lists that we can use on our web pages: Unordered Lists Ordered Lists Definition Lists Unordered Lists Unordered Lists should be used when you wish to have a list of data but there is no specific order to that list. The list I’ve used above, to list the list types, is an unordered list. An unordered list can also be associated with a bullet point list. The correct syntax for an unordered list is [sourcecode ...
Continue readingCustom Styling for Posts
WordPress Coding & Design In WordPress having a custom style for a static Page is fairly easy when you use Page Templates, however the same is not so straight forward for your posts. You may wonder why you would want to style some posts differently to others. WordPress is now so much more than just a simple blogging platform. You can use it as a fully fledged photo gallery, as a CMS for your website, or a combination of these. So how do we do this? There are at least ...
Continue readingHTML Basics: Images
Design & Coding Once you’ve got your text on a page, the next thing that you usually want to add are images. Images can be used to add visuals to content, or can be used to improve the overall design of a site. To display images on the page you need to use the tag img. Note, this is for images within the content. Background images should be set using the CSS background property. The basic use of the image tag is <img src="images/image.gif" alt="My ...
Continue readingWordPress 2.7 Theme Enhancements III
WordPress Coding & Design This is the final installment of how to update your theme to make use of the new WordPress 2.7 comment features. Comment threading has been added to 2.7, which means that rather than your list of comments going in a straight order of date added, people can reply to a specific comment and their comment will appear below and indented from the comment they’ve replied to. There are pros and cons of using this method in my opinion. It means ...
Continue readingCSS Basics: Font Styling
CSS Let’s face it, the default settings on browsers are hardly great for the look of your site. So next step, with your HTML page, is to add in some font styling. The Font Properties Font properties work on any selector that contains text. Most font properties are easy to spot as they start with the word ‘font’, however our first selector is simply ‘color’ (and our last selector is line-height). This is one point to ...
Continue readingWordPress 2.7 Theme Enhancements II
WordPress Coding & Design Last week I explained about two of the three enhancements available in WordPress 2.7. This week it’s all about the new comment options. Before I continue however, there seemed to be some confusion last week from a comment or two. These changes are enhancements. Your existing themes will still work with WordPress 2.7, you will just not get the benefits or be able to use some of the new features until these changes are made. So don’t ...
Continue reading
Recent Posts
Blogging tips writers
Blog Partners
