CSS Credits: In the sidebar/bottom of this CSS, I have a little credit section. Please leave it where it is. I have spent a lot of time on this CSS and keeping it up-to-date for people. The credits are there for a reason.

Thank you

-------------------------------------------

IMPORTANT UPDATES: I have updated the CSS and images. This is due to the new user pages. The colours were blending too much, so I added a border, and on expanded journals, alignment was off (also fixed).

It's important you update the CSS and images (if you're hosting your own) if you are a beta tester and using the new user pages (read here for new user pages information and how to turn them on).

Since I know not everyone will want to turn on the new user pages, I have included the original CSS and images in the zip. However, when the new user pages are out of beta testing, you will need to update the CSS/images.

If you know someone using this CSS and new user pages, please let them know it has been updated

You can see the updates to the CSS by visiting my user page or via the links below.

-------------------------------------------

I've been working on this for a couple of days and am now ready to give it to everyone to start using. I was actually making this for myself but after some persuasion, I decided I'd release it instead.

You can see everything the CSS is about right there in the preview. But for those that prefer working versions:

Sidebar Version
Basic (no sidebar) Version

-------------------------------------------

Updates

23/07 - Changed the width of heading.gif and v6top.gif to 1700px for larger resolutions. Also fixed the sidebar.txt file as I accidentally put mine in there!

22/07 - I have added a basic styling for the thumbs for those that don't wish to use individual classes for thumbs. You can find this style in the CSS folder as thumbs-basic.css. To use it, you only need to wrap your thumbs in < div class="thumbs-basic" >< /div > (no spaces). A preview can be seen in the sidebar version.

Added more to the readme about lists in journals. I've also put the readme online if you want to read it there: [link]

-------------------------------------------

Important:

Please be sure to read the readme in the "Read Me" folder (open it in a browser). This readme has a lot of information about how to use the CSS (yes, it is geared towards beginners).

For those that are comfortable with both HTML and CSS, you could ignore the readme.

Please host the images yourself!

I don't mind if you use my hosted images, though would prefer if people did host them themselves if they have their own webspace :) Note that Photobucket does resize images, so if you only have that option, use my hosted images.

All the necessary files are included in the download:

CSS (folder)
* mcv6css-sidebar.css
* mcv6css-nosidebar.css
* mcv6css-sidebar-commented.css
* mcv6css-nosidebar-commented.css
* thumbs-basic.css

HTML (folder)
* sidebar.txt
* no-sidebar.txt
* body.txt
* body-nosidebar.txt
* footer.txt

images (folder)
Read Me (folder)
MessageCentreOriginal (folder)

I've included commented CSS so that you can have some rough guidelines. Don't use the commented CSS in the journal as it will not work.

Open .css and .txt files in WordPad to keep the formatting. I don't recommend opening in NotePad. Anything else like Dreamweaver or Aptana is even better.

-------------------------------------------

Testing:

I've tested this as much as I can: Firefox 3, Internet Explorer 7, Opera 9.50 and Safari 3.1.1 (for Windows). I have not tested it in Internet Explorer 6.

It works pretty much great across the board with a few tiny quirks in IE7 which is here nor there as it's still functioning properly.

Known Issue(s):

There is one known issue with the thumbnails

_{This issue has been fixed. Granted, the fix isn't great for IE7 and add's a fixed height and scrollbar to the thumbs section. But it works for Firefox sweet.}

-------------------------------------------

Thank yous:

`zetab - for using this from pretty much the time I started creating it. Thank you for the ideas and adjustments you recommended. I couldn't have got it to a finished product without your input!

Also thanks to `zetab for the new preview image

`thespook - Helping with overflow:auto to fix the thumb issue

For the DD! Many thanks to =robinism (and the others who suggested it, too) for suggesting it and to `DCZed for featuring it

-------------------------------------------

Additional Info:

I've decided not to release the second version afterall, and instead concentrate on doing other journal CSS.

_{This is actually just the first version. There is a second "Feature" version I am working on and will have up soon. I just need to work out a couple of issues.}

Hope you enjoy it.

And one last thing: Read the read me.