This page has moved to a new address.

New functionality for my blog

blockquote { font-style:normal; padding:0 32px; line-height:1.6; margin:0 0 .6em 0; } p {margin:0;padding:0}; abbr, acronym { cursor:help; font-style:normal; } code {font:12px monospace;white-space:normal;color:#666;} hr {display:none;} img {border:0;} /* Link styles */ a:link {color:#473624;text-decoration:underline;} a:visited {color:#716E6C;text-decoration:underline;} a:hover {color:#956839;text-decoration:underline;} a:active {color:#956839;} /* Layout ----------------------------------------------- */ @media all { #wrap { background-color:#473624; border-left:1px solid #332A24; border-right:1px solid #332A24; width:700px; margin:0 auto; padding:8px; text-align:center; } #main-top { width:700px; height:49px; background:#FFF3DB url("http://www.blogblog.com/scribe/bg_paper_top.jpg") no-repeat top left; margin:0;padding:0; display:block; } #main-bot { width:700px; height:81px; background:#FFF3DB url("http://www.blogblog.com/scribe/bg_paper_bot.jpg") no-repeat top left; margin:0; padding:0; display:block; } #main-content { width:700px; background:#FFF3DB url("http://www.blogblog.com/scribe/bg_paper_mid.jpg") repeat-y; margin:0; text-align:left; display:block; } } @media handheld { #wrap { width:90%; } #main-top { width:100%; background:#FFF3DB; } #main-bot { width:100%; background:#FFF3DB; } #main-content { width:100%; background:#FFF3DB; } } #inner-wrap { padding:0 50px; } #blog-header { margin-bottom:12px; } #blog-header h1 { margin:0; padding:0 0 6px 0; font-family:italic; font-size:225%; font-weight:normal; color:#612E00; } #blog-header h1 a:link { text-decoration:none; } #blog-header h1 a:visited { text-decoration:none; } #blog-header h1 a:hover { border:0; text-decoration:none; } #blog-header p { margin:0; padding:0; font-family:italic; font-size:94%; line-height:1.5em; } div.clearer { clear:left; line-height:0; height:10px; margin-bottom:12px; _margin-top:-4px; /* IE Windows target */ background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat bottom left; } @media all { #main { width:430px; float:right; padding:8px 0; margin:0; } #sidebar { width:150px; float:left; padding:8px 0; margin:0; } } @media handheld { #main { width:100%; float:none; } #sidebar { width:100%; float:none; } } #footer { clear:both; background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat top left; padding-top:10px; _padding-top:6px; /* IE Windows target */ } #footer p { margin:0; padding:0; font-family:italic; font-size:94%; line-height:1.5em; } /* Typography :: Main entry ----------------------------------------------- */ h2.date-header { font-weight:normal; text-transform:uppercase; margin:0; padding:0; font-family:italic; font-size:94%; line-height:1.5em; } .post { margin:8px 0 24px 0; line-height:1.5em; } h3.post-title { font-family:italic; font-weight:normal; font-size:200%; color:#8B0000; margin:0; padding:0; } .post-body p { margin:0 0 .6em 0; font-family: italic; font-size:150%; } .post-footer { color:#211104; font-size:74%; border-top:1px solid #BFB186; padding-top:6px; font-style:italic; } .post ul { margin:0; padding:0; font-family:italic; } .post li { font-family:italic; line-height:1.5em; list-style:none; background:url("http://www.blogblog.com/scribe/list_icon.gif") no-repeat 0px .3em; vertical-align:top; padding: 0 0 .6em 17px; margin:0; } /* Typography :: Sidebar ----------------------------------------------- */ h2.sidebar-title { font-weight:normal; font-size:120%; margin:0; padding:0; color:#211104; font-family:italic; } h2.sidebar-title img { margin-bottom:-4px; } #sidebar ul { font-family:italic; font-size:86%; margin:6px 0 12px 0; padding:0; } #sidebar ul li { list-style: none; padding-bottom:6px; margin:0; } #sidebar p { font-family:italic; font-size:86%; margin:0 0 .6em 0; } /* Comments ----------------------------------------------- */ #comments {} #comments h4 { font-weight:normal; font-family:italic; font-size:120%; color:#29303B; margin:0; padding:0; } #comments-block { line-height:1.5em; font-family:italic; } .comment-poster { background:url("http://www.blogblog.com/scribe/list_icon.gif") no-repeat 2px .35em; margin:.5em 0 0; padding:0 0 0 20px; font-weight:bold; font-family:italic; } .comment-body { margin:0; padding:0 0 0 20px; font-family:italic; } .comment-body p { font-size:100%; margin:0 0 .2em 0; font-family:italic; } .comment-timestamp { font-family:Verdana, sans-serif; color:#29303B; font-size:74%; margin:0 0 10px; padding:0 0 .75em 20px; } .comment-timestamp a:link { color:#473624; text-decoration:underline; } .comment-timestamp a:visited { color:#716E6C; text-decoration:underline; } .comment-timestamp a:hover { color:#956839; text-decoration:underline; } .comment-timestamp a:active { color:#956839; text-decoration:none; } .deleted-comment { font-style:italic; color:gray; } .comment-link { margin-left:.6em; } /* Profile ----------------------------------------------- */ #profile-container { margin-top:12px; padding-top:12px; height:auto; background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat top left; } .profile-datablock { margin:0 0 4px 0; } .profile-data { display:inline; margin:0; padding:0 8px 0 0; text-transform:uppercase; letter-spacing:.1em; font-size:90%; color:#211104; } .profile-img {display:inline;} .profile-img img { float:left; margin:0 8px 0 0; border:1px solid #A2907D; padding:2px; } .profile-textblock { font-family:Verdana, sans-serif;font-size:86%;margin:0;padding:0; } .profile-link { margin-top:5px; font-family:Verdana,sans-serif; font-size:86%; } /* Post photos ----------------------------------------------- */ img.post-photo { border:1px solid #A2907D; padding:4px; }

15 November 2011

New functionality for my blog

I've added in a screenshow. It's got about 150 images in it, and they are supposed to be shown randomly. Random, my foot. This is the standard "Blogger Screenshow Widget". I think I'll go looking for another one that *does* show the images randomly, but meanwhile, this will do.

There is a LOT more functionality yet to be added to my blog, including (hopefully, if my blog builder Clyde can programme it - he should be able to) a Table of Contents for all my projects, initially shown with an image for each project. On selecting a particular project, all posts will be listed, with one image per post so you can see what was being done in the post and select that post if you want to.

I'm also completely separating out my Calligraphy and Illumination work from my Embroidery work. There will be radio button at the top of the blog, the user chooses one of the two subjects and then only posts from that subject will be shown. I still get an awful lot of hits on the Calligraphy and Illumination work in my blog - it's important that the work isn't lost  - but it confuses and complicates the blog to have Projects, Sites etc for both subjects showing at the same time.

There are also a lot of cosmetic changes to come. For fun, here's the new header that I've built in Photoshop :


It will go under the ornate gold bar at the top of the blog.
Not all of the buttons are there yet. This header will replace a lot of the sidebar widgets in my blog. The Project List (table of contents) should be there (hey, where did it go?). From the colours in the header you might get an idea of how I'm shifting the colours of the blog appearance from orange and sepia to sepia, green and maroon. Kind of a Victorian/Grunge look.

Here's my Blog Name :


And instead of those orange squares at the beginning of each post :



I've heard complaints that double column blog layouts are too crowded. I intend to use the left column for lists, and the right for graphics (badges etc).

I've added a link to my Pinterest boards on the right hand side. Pinterest is a virtual pinboard, composed of as many pinboards as you like, usually separated by subject.



My boards are :

* Colour Palettes
* Favourite Embroideries
* Inspiration for Embroidery
* Projects I might do
* Favourite Art
* Jacobean Kits to Consider.

It's very simple to pin something - hit the Pin button in your toolbar and all available images from that webpage will appear and be able to be Pinned to a particular board. Most importantly, Pinterest retains the link back to the source - so it's just a matter of clicking on the picture to go back to it's source.

I love it.

I hope that you enjoy these two collections of piccies. (the screenshow and the Pinterest boards).

There's plenty more to come in my 'new blog' - this is just a very initial first step.....I want the 'perfect' blog where information is accessed easily. All those research posts! - the formal long ones will appear under "Some Writings", the Document of the Day posts will appear under "Have a Cuppa", as well as appearing as posts in my blog when I post them. The table of contents takes care of the Projects that I've made. See - nicely compartmented! :-)

4 Comments:

Blogger Ruth O'Leary said...

At the risk of stating the obvious, you do have the 'Randomise images' box ticked?

Tuesday, November 15, 2011  
Blogger MeganH said...

*sigh* Yep. And unchecked it and rechecked it. And then checked that it was checked.

Tuesday, November 15, 2011  
Anonymous Rachel said...

You really are having a thorough redesign and rearrangement! I'm looking forward to seeing the final design..

Tuesday, November 15, 2011  
Blogger Machteld said...

I really love the slideshow: you've done so much beautiful work! Good luck with redesigning the rest!

Thursday, November 17, 2011  

Post a Comment

Thankyou for reading my blog. I love receiving comments!

<< Home