Tag Archives: css

Add Borders to Images

By Sue Bride (Sueblimely) | Published: June 2, 2008

Inbuilt blog editors make it relatively easy to insert and position images in posts but you can add some additional styling elements and make them more interesting. The WordPress insert image screen (Appearance tab) allows you to add inline styling for individual images In Blogger you have to enter the CSS styling manually. If you have a particular style that you are going to use regularly it is simpler to add the a class to your CSS styling. I will explain this more as I go along. WordPress Insert Image Screen Firstly I will show you how to just add [...] Continue Reading…

Posted in Design and Coding, Images | Also tagged , , , | 156 Responses

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

Navigation Menus 3 – Main

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

I thought I would get down to the meat of the main menu today by showing you some css styling. HTML Code for all of these menus: An unordered list: <div id="navigation"> <ul><li><a href="#"id="a#current">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Page 1</a></li> <li><a href="#">Contact</a></li> </ul> <div> Menu 1 With no CSS styling – the list will display vertically: (If you try this with your current template, existing styling may alter the look of this): Home About Page 1 Contact Menu 2 display the list horizontally – display: inline; take away the bullets – list-style-type: none; CSS #navigation ul li { display: inline; list-style-type: [...] Continue Reading…

Posted in Design and Coding, Tutorials, Wordpress | Also tagged , , | 10 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

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

New WordPress Theme

By Sue Bride (Sueblimely) | Published: November 14, 2007

I could wait no longer before putting my first mark on this blog’s theme. Apart from the theme being very basic the original theme it did not display the sidebar on post pages. The only way to navigate to other posts was to hit next /previous or to click on the title to go back to the home page. This tends to bug me when I am reading blogs and looking for something in particular. I also tend to read a post first and look at sidebar contents afterwards. If the sidebar is not there I am less likely to [...] Continue Reading…

Posted in Design and Coding, Wordpress | Also tagged , | 7 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