Tag Archives: coding

Navigation Menus 4 – Dessert

By Sue Bride (Sueblimely) | Published: March 20, 2008

Today is the fourth course in my series on blog navigation menus – dessert. Some ‘sweet’ menus for you to copy – suitable for WordPress and Blogger. Here is the html code you will need for all the examples: HTML <div id="menu"> <ul> <li class="selected"><a href="http://www.your home page.com">Link2</a></li> <li><a href="http://www.your link.com">Link2</a></li> <li><a href="http://www.your link.com">Link3</a></li> <li><a href="http://www.your link.com">Link4</a></li> <li><a href="http://www.your link.com">Link4</a></li> </ul> <div class="clear"></div> </div> Menu Bar Home Chain Links Cuff Links Sausage Links CSS <style type="text/css"> <!– #menu, #menu li a {background-color: #8AAADF; color: #ffffff; font-size: 1.0em; font-weight: normal; height: 1.5em; line-height: 1.5em; text-decoration: none; } #menu, #menu li {padding: [...] Continue Reading…

Posted in Design and Coding, Tutorials | Also tagged , , , , | 39 Responses

Ultimate Blog (Party) Menus

By Sue Bride (Sueblimely) | Published: March 9, 2008

The party has begun. The 5 Minutes for Mom Ultimate Blog Party 2008 that is. Women bloggers worldwide are getting into a festive mood. Please come and join the fun. Welcome to those who are visiting because of the party. Good to see you here. I suggest good comfortable blog hopping shoes. Prizes galore are on offer. Last year over 1000 bloggers took part. This year even if you do not write a post inviting others along you can till take part – by commenting on at least 20 participating blogs. How could I take part, keep to my blog [...] Continue Reading…

Posted in Carnivals, Design and Coding, Tutorials | Also tagged , , , , | 25 Responses

The “Alt” Attribute

By Sue Bride (Sueblimely) | Published: January 22, 2008

When discussing accessibility techniques in blogs, I mentioned the importance of using the “alt” attribute. Here I am going to define it further, show you the positive aspects of using “alt” and how to use it to its best advantage.. Although alt is used for other page elements, such as image map areas, I am concentrating on its use for images. Definition of the alt attribute The alt attribute is a method of providing a descriptive text alternative for images. Example: <img src=”http://www.yourdomain.com/your-image.jpg” alt”this is the alt text” /> Reasons for using the alt attribute To display a text equivalent [...] Continue Reading…

Posted in Design and Coding, Images, Tutorials | Also tagged , , | 64 Responses

Accessibility and Blogs – A Win Win Situation

By Sue Bride (Sueblimely) | Published: January 12, 2008

What is Web Accessibility Web accessibility is all about enabling people with disabilities to use the web or use it more easily. In addition to those with permanent disabilities there are many many people with temporary impairments. Aging populations add to the numbers of those with difficulties. I would hazard a guess that at any one time there would be at least 20% of web users with some sort of problem that reduces their ability to use the internet to one degree or other. That does not include those, like me, who sit in front of this machine for so [...] Continue Reading…

Posted in Accessibility/Useability, Design and Coding, Featured | Also tagged , , , , , | 16 Responses

Add Widget-ready Sidebars to WordPress Footers

By Sue Bride (Sueblimely) | Published: January 11, 2008

Now I have removed my Christmas theme formatting, I am ready to work more on my blog design.. Having made the move to WordPress from Blogger not long before I added the festive colors and images, I had not spent any time on the real theme. I know I am doing this backwards – most sane people would decide on a theme before showing their blog face in public. The reason, I want to talk through the process I am going through as I do my design as a way of teaching anyone who may be interested. To alleviate the [...] Continue Reading…

Posted in Design and Coding, Wordpress | Also tagged , | 67 Responses

Styling and Linking Forum Posts

By Sue Bride (Sueblimely) | Published: December 22, 2007

Bulletin Board Code, (or BBCode or Forum Code), is a simplfied kind of html coding which allows you to add formatting and links to forum messages. Although the basic tags of BBCode are similar for most forum software, there are some variations. The following codes are those that are more commonly accepted. As you can see, the text you wish to be formatted is always enclosed with tags that begin with [ ] and closed with [/ ] . This text is bold code: [b]This text is bold[/b] This text is italicized code: [i]This text is italicized[/i] This text is [...] Continue Reading…

Posted in Design and Coding, Tutorials | Also tagged , , | 8 Responses

All you need to know about styling lists

By Sue Bride (Sueblimely) | Published: September 16, 2007

Lists are used extensively within blogs, particularly in the sidebar; for example in blog rolls, category and archive lists. Lists within posts are an excellent way to improve readability and to highlight areas. Your blog software automatically creates some of these lists for you and your template styles them so you may not have had to worry about their formatting. However If you want to change the type of list or its styling you may find this of use: Types of Lists Unordered List (Bulleted List) This is more commonly known as a bulleted list – a list of items, [...] Continue Reading…

Posted in Design and Coding, Tutorials | Also tagged , , , | 10 Responses

HTML beginners – copying source code.

By Sue Bride (Sueblimely) | Published: July 29, 2007

HTML Although blog software does makes it possible to produce your pages without knowing any web coding, there are times when you do need to enter html. If nothing else you are likely to need to enter web links in your posts or sidebar from time to time. If you don’t know any html do not despair! There are ways round it. Any browser will allow you to view the page source,, but finding the particular code may not be easy but, as I like ‘easy’, here are better options if you want to just find out code for part [...] Continue Reading…

Posted in Design and Coding, Tutorials | Also tagged | 2 Responses

Horizontal Menus for Blogs

By Sue Bride (Sueblimely) | Published: July 8, 2007

I have returned from a very welcome, if damp, few days in the mountains near Melbourne. This will give me a good excuse to use some of the photos I took and introduce some more techniques for incorporating them into blogs. I was under strict instructions not to use the internet while away – which was not hard as there was no connection. I did spend a little time finishing off a tutorial on styling navigation menus though. The rest was spent generally relaxing in front of a roaring fire and playing board games and pool with the family. So [...] Continue Reading…

Posted in Design and Coding, Tutorials | Also tagged , | 6 Responses