Notepad Chaos: A Template Set for Movable Type

Movable Type users looking for something different for their personal blog will love this template set. The design features a notebook look on a striking and vibrant background. "Personal" elements include hand-written search, headings and comment form, and post-it note styled sidebar and date tags.

Notepad Chaos

Notepad Chaos was designed by Evan Eckard for Smashing Magazine, who made it freely available for Wordpress users, and who kindly gave their permission to re-distribute it for Movable Type.

The conversion to Movable Type required quite a bit of template tweaking and so I've packaged it as a plugin for easy installation.

Installation

  1. Unpack the NotepadChaosTemplateSet archive.
  2. Copy the contents of NotepadChaosTemplateSet/plugins into /path/to/mt/plugins/
  3. Copy the contents of NotepadChaosTemplateSet/mt-static/plugins into /path/to/mt/mt-static/plugins/

To create a new blog using this template set, simply select "Notepad-Chaos Template Set" as the template set on the Create Blog page.

To use it on an existing blog, go the Design > Templates screen in Movable Type and click "Refresh Blog Templates" under Actions in the right column. Choose "Apply new template set" and select "Notepad-Chaos Template Set" from the options. Press the "Continue" button and then the "Confirm" button and then republish your site.

To Do

You will need to create an "About" page. Save the page in a folder called about, and name the page index.html. Tag the page @about.

The links in the sidebar need to be created. Edit the sidebar template module and add the website paths and titles for your link list.

Edit the footer template module to add some text that will be appropriate there.

1 TrackBack

Woah! Gorgeous Wordpress theme rebuilt (with permission, yadda yadda) for Movable Type: explore it here, download from here. Lovely. Tempting.... Read More

78 Comments

Eismaus

Hello,

this is really a great template!

i installed it on my movable type 4.2.1 installation and tried to create a test blog.

When i try to publish it, i got error messages.

"Veröffentlichungsfehler in Vorlage 'Übersicht': Fehler im Vorlagenbefehl : Kann verwendete Vorlage Modul 'HTML Head' nicht finden "

Some suggestions? Thanks Eismaus

Toni

Hi Eismaus,

Your comment for some reason got marked as spam, and since I can't read German, I needed to do some translation.

Publication error in template 'Grid': error in the Templates command: Can module used template 'HTML Head' not find

Did all the modules install correctly? Are you using MT Pro or MT? I have 4.21 installed using Pro and had no errors after creating a test blog.

I just love this theme and have customized it nicely to fit my purposes, but the widgets are totally eluding me!

I "widgetized" it, and yet everytime I add a widget I loose parts of my sidebar - you can see it in action at etsynj.com

any ideas?


Toni

Hi Abbie,

This particular site only deals with the modified theme for Movable Type users. I like what you've done with the theme, but your site is powered by WordPress and I can't help you with that.

Great works!

Thank you very much for bringing this wordpress theme to MT users:P


Eismaus

No problem.

I figured out, that most of my problems are because of a german mt installation.

I made an english testinstallation and now it works at most parts.

I needet to change the date-tab.png to date-tab.gif, else the picture would show.

Also i have some problems with some widgets.

For one, the rss feed is linkt to your site. So is the "Sign in"

And the search fild doesn't work.

My test and playing site: http://www.mausiversum.de/test/

Eismaus

Toni

Sorry Eismaus,

Looks like there will be another version after I figure out the bugs. I'll let you know when I've solved the problems.

Toni

Thank you so much for your feedback Eismaus, without people like you, it's possible that I wouldn't know about the problems.

I've fixed the rss feeds, the sign-in problem and the search function. The templates have been updated in the download zip.

Rather than reinstall the whole thing, you could probably just updated those changed templates. They are:

  • feed recent
  • banner header
  • sidebar
  • javascript

Your stylesheet will also need to be updated. I had to change some styling for the search input after changing the code to make it work. I have also updated the link to the date tab, so you might have to rename it to png again. You can use mine, overwrite the one in the mt-static/plugins folder.

http://mt4.juneeonline.com/mt-static/plugins/notepad-chaos/style.css

Please let me know if there's anything else.

Eismaus

Sorry to ask, but have you uploadet your changes? After the download i get the same errors again. Even the "missing" Date-Tab..

I made a new testinstallation, to make sure, no old settings where used, but same problem.

Toni

Hi Eismaus, I called the new download v1.1 to easily distinguish it from the previous version. Sorry you're having so many problems. All the problem pages have been updated and the new image is in the images folder.

Everything should work properly. The javascript file has completely changed so perhaps copying and pasting is the way to go. Be sure to rebuild your site, and delete the old install before you upload the new version.

Toni

Eismaus, If you want to give me access to your site I'll go in and fix it for you.

You have the new date-tab image showing up, but the code for the sign-in and search hasn't updated as per the new templates.

Also, there's a few lines at the top of the stylesheet that should be deleted. In the 1.1 version I've deleted these lines.

Give me your email address.

Eismaus

I gave you acces and send you an email

Toni

Hi Eismaus,

You should be good to go now. Comments are working, feeds working, sign-in working, search working.

I updated your stylesheet using the MT styles.css with full path to the images. Any changes you want to make can be done on the template listing screen.

Beautiful template set Toni - absolutely gorgeous. I'll definitely be keeping my eye out for any others you design. Thanks!

BTW there seems to be a problem signing in here with TypeKey.. gives an error message when it attempts to redirect back to this site after signing in. Hopefully it's just a temporary issue at their end.


Trying to download v1.1 now gives an internal server error.. ???


Toni

Download is working now.

Thanks for all the work you did in converting the theme to MT!!


What do you mean by movable type? I would like to put this theme on my wordpress blog but now sure if it will work.


Toni

Hi Louis,

This theme has been modified especially for Movable Type. You can download the wordpress theme from Smashing Magazine.

http://www.smashingmagazine.com/2008/08/20/notepad-chaos-a-free-wordpress-theme/

I love the theme, and am glad Movable Type is getting more themes, but I've found MT a pain to use compared to Wordpress.


I haven't yet made the journey over to Movable Type, mostly because almost every blog I see based on Movable Type looks the same... kinda dull. This design is awesome and gives me hope for the platform.


Its such a beautiful template! I am going to use it for sure on my next movable type blog which will be released in a couple of months from now.


That's a beautiful theme, Toni. And thanks for posting the link to the Wordpress version, too. Good to see more theme designers designing for MT.


I just recently started using Movable Type. I like the ease of use, but the templates are so boooooring. This template is fantastic. Thanks!


With more templates like this and a stronger developer community, MT might just catch up with Wordpress.


Wow, this one is Great..So Awesome...

I can't wait to give a try..Cool!!!

BTW,

Please do check my site too, Mari Ann “Recession Proof” Lisenbe

Thanks!!!


MT is really on the rise with this kind of contribution from many developers. Thanks : )


I can not comment with this theme i do not know why ? but when i click send message it cause an error : Your comment submission failed for the following reasons: Invalid Request

What Can I Do???


Toni

Do you have the right javascript form installed? Check that it matches the one that you downloaded. You may need to refresh the mt.js file.

wow gret theme. colour combo is amazing and attractive. thanxs -- downloaded


Hi. Would it be possible to use this theme at tumblr? I would really love to if you could provide me with the code. Please do email me. Thanks!


Toni

Hi Celine,

The code is available in the download. You'll find the original wordpress code at Smashing Magazines.

I have installed this theme on blogger blog and very happy with it, the only problem is that I am not able to set blog archive.. please help me to do that how can do this? how i can put my blog archive on this template?


Toni

Hi Rohit, You're on the wrong track here. This site deals only with Movable Type blogs, not blogger. I have noticed that this theme has been modified for use with Blogger blogs, but it's not me that you need to ask. You need to direct your questions to http://www.bloggerblogtemplates.com/2008/09/notepad-chaos-blogger-template.html

This is a neat theme and looks really lively. Using this on my blog right now.

http://blacknwhitepages.blogspot.com/


Hi,

thanks for sharing the information


Hi,

I have seen ur site first time and don't know more abt u but I wish to compliment u for ur designing work. ur work is gr8. I am Harendra from Delhi, India, running a small software and website development co. I would like to be in touch with u and love to see ur nice work in future.

thanks and keep it up. :)


I love it!

Very High-end looking design, and excellent layout!

Are you sure this is free?

Thanks a lot!

Keep up the amazing work


Hello, I did the download of this template but when I try to save the layout comes this message:

Os widgets serão excluídos Confirme a exclusão dos itens a seguir. Toda a configuração dos itens será perdida.

  • Text2
  • HTML3
  • TextList1
  • TextList2
  • HTML2
  • HTML4
  • Text3 Can you tellme what sould I do? Sorry about my english Thank you from Portugal

Hi great blog just wondering how you stopped the mid century gallery at top of page from bugging when clicking next and previous to fast like at my blog Maui Blog. Thanks


Toni

Hi Dylan,

You've got a lot more happening with your images than mine with the fade in and out, perhaps it's the script causing your problems. Clicking through them slowly gives no problems at all, it's when you click too fast that you end up with a row of images. Maybe you just need to slow down :)

Hi Toni thanks. Ya my galleries js is pretty buggy. I was able to remedy it with css overflow but thought there might be a more appropriate solution within the javascript. No biggie Thanks for the help. :)

fyi Jim Ramsey has made some nice additions to mid century in the form of auto preview comments. You can search for the movable type mid-century trunk files and look for the latest revisions. Thanks again.


Toni

Hello Lilith, You downloaded the template set for use with Blogger, not the one I modified for Movable Type. Looking at your site though, it looks like you've got it sorted. Nice site.

Wow! great graphics work. I'm totally in love with this template.


Thank you Toni!


Hello everyone! Yes, I've used this amazing template too. In fact, I put it one the web just today. However .... :-( ... many of my pages are messed up. Can any one help me as I have no idea what to do. Thanks Stuck Susanne


Toni

Hi Susanne,

The template set you're using is not for Movable Type. I see you've covered up some of the features with images, but they're not properly covered, and the body is not in sync with the header. I think you'll find your problems are to do with the CSS. You need an overflow on the content to get it to continue on down the page. Good luck!

great theme! i really love it.


One of the best themes I have come across in recent times. you are so lucky.


Just what I have been looking for.

Now I just need some content!


Just what I've been looking for - great design.


That's the great article! I just pass 'n read it, two thumbs up! ;)


tancks this post very very helped me !

Good Time


tancks this post very very helped me !

Good Time


MT is really rocking, and this theme is lovely. great work, thumbs up.


Movable Type 4.3 I can not establish. This template is compatible to this version?


wow! nice i love it!


Thank you very much love.


Good post mate!! Keep 'em flowing!


I liked the template.It is really suitable for personal blogs. It is beautiful and gives a scrapbook kind of image. Nice post...


Perfect for my own blog.Thanks for the download link


awesome looking theme, thanks for sharing.


I find this a wonderful post! Thanks for good work!


I adore the fresh perpective you did on the subject matter. Definitely was not thinking that when I started studying. Your tips were simple to comprehend that I wondered why I never looked at it before. Delighted to know that there is someone out there that definitely understands what he's discussing. Awesome job!


I have seen a lot of notepad themes but frankly speaking this is the best. Its even better the one I saw for WordPress.

Thanks


good template for personal blog, i think i can use it


Hey. Submitted this post to reddit. I think it needs to be on there.


Fantastic post, I bookmarked your blog post so I can visit again in the near future, Thanks


Been looking for a post like this for ages ! Thanks !


This is a really good write-up, im pleased I stumbled upon this. Not to mention Im a big tech geek. Ill be back again in the future to check out other posts that you have on your blog.


I am really liking this template....I like how you did this.

A few months ago I tried my hands at movable..butt......arghhhhh.

I am sticking with WP....


I am really interested in this program but I do not know much about it. After reading your article, i have more experiences to work with it. Your post is interesting and picturesque. I hope i can get your post in next time. Keep on! sonnerie gratuite pour portable


I am really interested in this program but I do not know much about it. After reading your article, i have more experiences to work with it. Your post is interesting and picturesque. I hope i can get your post in next time. Keep on! sonnerie gratuite pour portable


Very nice theme perfect for a personal blog. BTW I have seen this theme in Wordpress before.


You've got a lot of fake comments here! Dont forget, You will save a lot of hassle by going for a spam filter


Wonderful to finally see somebody that can do a correct blogpost without spelling errors or lousy grammar.


Good day from Italy! Will it be possible for me to quote a submit in your weblog using the link to you? I've tried contacting you regarding this problem however it appears i cant achieve you, please response when get a time, thanks.


Leave a comment



Recent Entries

  • Send Entries Using HTML Formatted Email

    There used to be a plugin for earlier versions of Movable Type called "MT-Mail-Entry":http://www.nonplus.net/software/mt/MT-Mail-Entry.htm that allowed you to send friends a HTML-formatted email that included...

  • All Comments Not Getting Published

    I had a problem viewing some of the comments on one of my posts. I thought it must be a comment limit somewhere in the...

  • MT 4.23 Update Released

    Movable Type has released a security upgrade that fixes XSS vulnerabilities, and recommends updating to 4.23 as a mandatory. The vulnerability hasn't been exploited yet,...

  • Updated Joost Action Streams Plugin

    The plugin for [Joost Action Streams](http://mt4.juneeonline.com/babble-on/archives/2008/10/joost-action-streams-plugin.php) has been updated to include favourites. If you've previously installed this plugin I recommend deleting Joost from "Other Profiles"...

  • Adding the ShareThis Button to Mid-Century

    There's a tutorial on Rob Kenny's The Composing Stick with instructions for adding AddThis or ShareThis buttons to your posts. After receiving a request today,...

OpenID accepted here Learn more about OpenID