WP Post Columns 2 Example Page

Date: 20th January 2009 at 12:55 am | Filed under: blog | Author: Sam Burdge

This page contains examples of the different formatting styles that can be achieved with the WP Post Columns 2.0 Plugin for WordPress. The text is for demonstration purposes only and was generated by the Lorem Ipsum Generator.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at ante. Integer felis nulla, eleifend in, volutpat eget, euismod quis, arcu. Vivamus tempus congue eros. Duis quis nulla. Vivamus purus. Maecenas semper tellus laoreet tellus. Ut enim augue, accumsan sed, dictum sit amet, bibendum a, enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris suscipit faucibus pede. Vestibulum dapibus mollis urna. Fusce tristique nunc id quam. Fusce enim risus, dictum ut, pulvinar eu, cursus vel, tortor. Suspendisse at justo a elit pellentesque tristique. Nunc ac nunc. Sed aliquam hendrerit metus. Fusce odio. Nunc adipiscing orci vel dui.

Aliquam leo. Aenean in mauris non mauris pharetra aliquam. Suspendisse potenti. Aliquam mauris. Ut elit. Donec blandit lorem vitae felis. Quisque erat. Quisque sit amet ante. Praesent vitae ipsum. Quisque vel turpis et orci eleifend tempor. Ut quis purus sed orci feugiat mattis. Mauris nec est. Sed nulla tellus, convallis vitae, vestibulum vitae, interdum vitae, massa. Vivamus pretium nulla eget pede. Sed interdum, ligula in ultricies dignissim, risus mauris elementum dolor, a cursus nulla mauris vitae leo. Cras nec augue. Etiam dui justo, venenatis eget, dignissim mattis, sollicitudin eu, purus. Cras gravida, nisi non porttitor dapibus, massa velit blandit ipsum, id pulvinar massa mi et orci.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at ante. Integer felis nulla, eleifend in, volutpat eget, euismod quis, arcu. Vivamus tempus congue eros. Duis quis nulla. Vivamus purus. Maecenas semper tellus laoreet tellus. Ut enim augue, accumsan sed, dictum sit amet, bibendum a, enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris suscipit faucibus pede. Vestibulum dapibus mollis urna. Fusce tristique nunc id quam. Fusce enim risus, dictum ut, pulvinar eu, cursus vel, tortor. Suspendisse at justo a elit pellentesque tristique. Nunc ac nunc. Sed aliquam hendrerit metus. Fusce odio. Nunc adipiscing orci vel dui.

Aliquam leo. Aenean in mauris non mauris pharetra aliquam. Suspendisse potenti. Aliquam mauris. Ut elit. Donec blandit lorem vitae felis. Quisque erat. Quisque sit amet ante. Praesent vitae ipsum. Quisque vel turpis et orci eleifend tempor. Ut quis purus sed orci feugiat mattis. Mauris nec est. Sed nulla tellus, convallis vitae, vestibulum vitae, interdum vitae, massa. Vivamus pretium nulla eget pede. Sed interdum, ligula in ultricies dignissim, risus mauris elementum dolor, a cursus nulla mauris vitae leo. Cras nec augue. Etiam dui justo, venenatis eget, dignissim mattis, sollicitudin eu, purus. Cras gravida, nisi non porttitor dapibus, massa velit blandit ipsum, id pulvinar massa mi et orci.

Austrian Mountain Panorama

Cras ut augue ac lorem ultrices gravida. Integer vehicula lorem in neque. Donec blandit quam elementum nisi. Ut sapien enim, sollicitudin ultricies, viverra at, ornare eu, turpis. Nunc sit amet neque sed dolor volutpat condimentum. Donec elit. Integer eu est quis dui ornare bibendum. Curabitur pulvinar dui id diam. Pellentesque eros nisi, tincidunt ac, feugiat facilisis, porta at, ipsum. Quisque nibh. Quisque nisl. Donec augue erat, varius vitae, malesuada at, vulputate non, mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean eget arcu. Ut auctor lectus sed tortor. Maecenas ultricies ipsum quis nisl. Morbi varius odio sit amet elit.

Etiam ac orci ut enim tincidunt lobortis. Proin nisi. Aliquam eleifend, erat quis ullamcorper euismod, lectus ligula vulputate neque, pellentesque adipiscing ante augue semper urna. Vivamus sit amet magna. Nulla id metus. Ut porttitor hendrerit orci. Curabitur hendrerit pulvinar tortor. Proin sodales vulputate mauris. Nulla dictum, nisi et tempus cursus, pede est elementum orci, ut tristique leo diam a sem. Duis gravida vulputate quam. Etiam vel enim vitae eros scelerisque vestibulum. Aenean id elit. Donec lobortis feugiat magna. Aliquam eleifend mauris eget dui. Donec lobortis, elit sit amet volutpat facilisis, massa massa ultrices nisl, vel tincidunt ligula ligula id tortor. Aenean turpis. Aliquam erat volutpat. Sed euismod imperdiet mi.

Aenean eget arcu at mi pulvinar ultrices. Nullam risus dui, adipiscing at, cursus ac, eleifend in, tortor. Ut ultricies varius ligula. Nam at enim quis massa facilisis ullamcorper. Suspendisse sed velit in urna fringilla laoreet. Donec nulla arcu, fringilla nec, venenatis ut, iaculis a, erat. Etiam vitae est ut mi venenatis ullamcorper. Donec vitae velit sit amet ligula adipiscing vestibulum. Vestibulum non enim. Fusce laoreet, metus a scelerisque blandit, magna arcu commodo orci, aliquam tempus metus sapien auctor quam. Etiam ipsum. Vestibulum convallis, enim nec congue dictum, erat sem mollis sapien, a mattis quam augue interdum massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.


Cras ut augue ac lorem ultrices gravida. Integer vehicula lorem in neque. Donec blandit quam elementum nisi. Ut sapien enim, sollicitudin ultricies, viverra at, ornare eu, turpis. Nunc sit amet neque sed dolor volutpat condimentum. Donec elit. Integer eu est quis dui ornare bibendum. Curabitur pulvinar dui id diam. Pellentesque eros nisi, tincidunt ac, feugiat facilisis, porta at, ipsum. Quisque nibh. Quisque nisl. Donec augue erat, varius vitae, malesuada at, vulputate non, mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean eget arcu. Ut auctor lectus sed tortor.

Etiam ac orci ut enim tincidunt lobortis. Proin nisi. Aliquam eleifend, erat quis ullamcorper euismod, lectus ligula vulputate neque, pellentesque adipiscing ante augue semper urna. Vivamus sit amet magna. Nulla id metus. Ut porttitor hendrerit orci. Curabitur hendrerit pulvinar tortor. Proin sodales vulputate mauris. Nulla dictum, nisi et tempus cursus, pede est elementum orci, ut tristique leo diam a sem.

Etiam vitae est ut mi venenatis ullamcorper. Donec vitae velit sit amet ligula adipiscing vestibulum. Vestibulum non enim. Fusce laoreet, metus a scelerisque blandit, magna arcu commodo orci, aliquam tempus metus sapien auctor quam. Etiam ipsum. Vestibulum convallis, enim nec congue dictum, erat sem mollis sapien, a mattis quam augue interdum massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Cras ut augue ac lorem ultrices gravida. Integer vehicula lorem in neque. Donec blandit quam elementum nisi. Ut sapien enim, sollicitudin ultricies, viverra at, ornare eu, turpis. Nunc sit amet neque sed dolor volutpat condimentum. Donec elit. Integer eu est quis dui ornare bibendum. Curabitur pulvinar dui id diam. Pellentesque eros nisi, tincidunt ac, feugiat facilisis, porta at, ipsum. Quisque nibh. Quisque nisl. Donec augue erat, varius vitae, malesuada at, vulputate non, mi.

3 Responses to “WP Post Columns 2 Example Page”

  • Comment by WordPress Plugins for Writers. | notagrouch.com
    Date: July 23rd, 2009 at 3:38 pm

    [...] each column independently. Its neat and it seems like a great plugin so far. Here’s a nice example page. I wish it would support this though: [ column automake="2" ] content [ / column ] so where that [...]

  • Comment by WordPress Test
    Date: September 30th, 2009 at 7:30 pm

    [...] visit the WP Post Columns 2.0 examples page for more examples of the column based layouts that can be [...]

  • Comment by ABLELELELE – Digital Tomb
    Date: December 2nd, 2009 at 8:45 pm

    [...] visit the WP Post Columns 2.0 examples page for more examples of the column based layouts that can be [...]

Leave a Comment

Basic HTML Template (XHTML 1.0 Transitional)

Date: 18th January 2009 at 11:44 pm | Filed under: scripts | Author: Sam Burdge | Tags: ,

When starting a fresh HTML site it is very useful to have a basic HTML template to use. This template should include:

  • Doctype declaration
  • Head and body tags
  • Title tags
  • Most commonly used meta tags
  • Include for a CSS style-sheet

Having an empty template document will save you time, and will ensure that you don't forget to include any of the most important features of the html page structure. This template should serve as a 'blank canvas' as it were, rather than starting with a completely blank document every time. Here is an example of my template for XHTML 1.0, which can also be downloaded from the link at the bottom of this article:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
 
<title>HTML Template</title>
 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<style type="text/css">
@import url(style.css );
</style>
 
</head>
 
<body>
 
</body>
</html>

DOCTYPE:

The doctype declaration (DTD) is important as it tells the browser what type of HTML you are using, and therefore which conventions you will need to follow when coding the site's content. For more information on this check out this Recommended  list of DTDs to use in your Web document.

TITLE:

This is the title that appears at the top of the browser window, it is also the title that appears in the google listing for your page. It is good practice to have a different title for each page of your site. The title can be split into two parts:

  1. The name of your site
  2. A description of the page

resulting in something like:  UK Diving - The worlds largest internet resource for divers (Site name - Site description) or:  UK Diving - Contact Us (Site name - Page description).

STYLE-SHEET:

The stylesheet provides all the colour, layout and text-formatting styles for your html page, it is written in CSS (Cascading Style Sheet).  Please refer to this document on Cascading Style Sheets for more info about CSS. The style-sheet can actually be written entirely between the two style tags, but I prefer to include it as a separate document, as this can be easily included in every page of the site, and once it is stored in the users cache it will also save on page loading time. The style-sheet in my example template is called 'style.css'.

META TAGS:

I use three basic meta tags in my HTML template:

  1. Content type — This tells the browser which character set you are using. In my template I use UTF-8.
  2. Description — This is the description of your page that appears in search engine listings.
  3. Keywords — A list of key words and phrases that relate to your page,  seperated by commas. This is for search engine purposes too.

ABOUT WRITING XHTML 1.0:

Here are some of the rules of XHTML 1.0.

All nested tags must be closed in the reverse order in which they are opened:

<div><span>Hello</span></div> = Correct
<div><span>Hello</div></span> = Incorrect

All tags that don't have a closing tag must be treated as self-closing with a backslash:

<img src="test.jpg" /> = Correct
<img src="test.jpg"> = Incorrect
<br /> = Correct
<br> = Incorrect

All special characters must be encoded correctly:

& = incorrect
&amp; = correct

Please feel free to use my template as a basis for your HTML pages. You can also test your HTML markup for errors using the online W3 markup validator, or the Web Developer Toolbar for Firefox.

DOWNLOAD TEMPLATE:


4 Responses to “Basic HTML Template (XHTML 1.0 Transitional)”

  • Comment by pressitfor.me
    Date: January 22nd, 2009 at 6:10 pm

    Basic HTML Template (XHTML 1.0 Transitional) | Sam Burdge…

    Having an empty template document will save you time, and will ensure that you don’t forget to include any of the most important features of the html page structure. This template should serve as a ‘blank canvas’ as it were, rather than starting wit…

  • Comment by whmcs templates
    Date: February 2nd, 2010 at 7:29 am

    Good post and nice design, is this a regular template?.

  • Comment by Amy
    Date: December 4th, 2010 at 5:05 am

    Thank You for the post. I am not real keen on black websites, however, this is very nice and professional looking. First one that I’ve seen with black background that I really like! Smooth and sophisticated, course you already know that!

  • Comment by Khulna Information
    Date: May 24th, 2011 at 4:49 am

    Excellent work… it is so much helpful to me..

Leave a Comment

New version of 76 digital themes for wordpress

Date: 15th January 2009 at 10:45 pm | Filed under: themes | Author: Sam Burdge | Tags: , , , ,

The all new version (1.2) of the 76 Digital WordPress theme-set by 76 Creative is now available for download. The theme was designed for a much earlier version of WP, and so did not include support for some important new features. As you may have read in my previous post, there will soon be French language versions of all these themes available thanks to Wolforg.

To bring it in line with the current WordPress standards I have added the following features:

  • Gravatar support
  • Widget ready sidebar
  • Tags (yes we used to have to use a plugin for that!!)

The 76 Digital theme comes in four colour schemes: blue, green, orange and pink. It features a Flash header, which displays your blog title and tagline. It is also set up to work with many useful plugins.

76 Digital Blue - Screen 76 Digital Green - Screen 76 Digital Orange - Screen 76 Digital Pink - Screen

Please read the readme file before installing the themes.

FEATURES:

  1. Comes in four colour schemes.
  2. Flash header displaying blog title and tagline.
  3. Compatible with many plugins, as listed below...

INSTRUCTIONS:

  1. Choose the colour scheme you want.
  2. Upload the theme to your wp-conent/themes folder.
  3. Select the them from the 'Presentation' page in your WordPress.

PLUGINS:

The theme is set up to work with the following plugins if they are installed:

  1. Dagon Design Sitemap Generator — Create a sitemap page.
  2. Get Recent Comments — Display recent comments in the sidebar.
  3. Jerome's Keywords — Attach tags to posts and have them display in your sidebar.
  4. Theme Switcher — Switch between the different themes you have installed.
  5. WP Navigation Tool (NAVT) — Create custom links for the tabbed navigation across the top of the page. Just create a group called 'tabs', then add links to it. This plugin is highly recommended!!

DOWNLOAD:


3 Responses to “New version of 76 digital themes for wordpress”

  • Comment by 76 Digital « Simple Themes
    Date: March 1st, 2009 at 4:52 pm

    [...] Release Page [...]

  • Comment by Craig
    Date: September 27th, 2009 at 9:03 pm

    I’m just wondering, you mentioned with the “flash titles” plug-in that the font could be edited with Flash CS3. Would it be possible to do the similar with the headers on the 76 Digital themes here? I love the aesthetics but am looking at using a different font when I go onto using the theme.

    Many thanks,

    Craig

  • Comment by Ciaran
    Date: June 4th, 2010 at 11:08 pm

    Hello, I was just wondering about two things; the flash header won’t display all of my site discription, it cuts off in the middle of the second word. How can I fix this?

    Also, I’m unsure of how to make a “home” tab, I want it to take people back to the home page, and I don’t think this is possible if I just click “new page” in the wordpress admin.

    Sorry if they’re rather n00by questions, I’m pretty new to all this HTML stuff. If you could get back to me, I’d appreciate it.

    Thank you. :)

Leave a Comment

Austrian Mountain Panorama

Date: 12th January 2009 at 6:45 pm | Filed under: gallery | Author: Sam Burdge
Austrian Mountain Panorama

Austrian Mountain Panorama

Leave a Comment

PRISM Holding Page - Flash 3d Pyramid

Date: 13th November 2008 at 6:09 pm | Filed under: flash, portfolio | Author: Sam Burdge

PRISM

This holding page I built for PRISM Eyewear features a revolving 3d pyramid coded in Actionsacript. You can grab the pyramid with the mouse and rotate it on its x, y and z axis!

Check it out: www.prismlondon.com

Leave a Comment

 Page 5 of 11  « First  ... « 3  4  5  6  7 » ...  Last »