20 September 2009

List Expander

How I implemented it.

I downloaded the files from css global.

Since I was going for an any-blog installation, I tried to install the javascript and css in my Blogger layout–template. I was unable to get the javascript that controls the list expander to work, either in the <head> or in a Html/Javascript gadget. It worked fine after uploading it to my web site, so, I created a site on Google Sites and uploaded the file there.

The css went into the template without difficulty. It can be used:

  • Added as a linked styleshheet:
    • link href='http://sites.google.com/site/sparerep/files/listexpander.css' media='screen' rel='stylesheet' type='text/css'/>
  • Or, added to the existing stylesheet.
  • Or, wrapped in <style> </style> and added to the <head> section as a separate stylesheet.
  • Or, wrapped in <style> </style> and added to the Html gadget containing the list.

The images for the + and - need to be uploaded. The address needs to be added to the styles everyplace that collapsed.gif or expanded.gif appears. The .gif images can be:

  • Uploaded to a blog post and the image address used without the size folder.
  • Uploaded to the Blog account at http://picasaweb.google.com
    • Sign-in using normal blog account info.
    • Create a new album for the upload.
  • To Photobucket or another host.
  • To the Sites site that holds the javascript file. Make sure the site is public.

The list content as it is in the sidebar, is what was provided with the javascript and css files.

14 September 2009

Fixed Spacing

L o r e m ipsum dolor sit amet, c o n s ectetuer adipiscing elit. U t a s apien. Aliquam aliquet purus molestie dolor. You can also try a pre wrapper (<pre> </pre>), but Blogger has been removing those tags lately.

12 September 2009

OPenOffice Paste uh

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut a sapien. Aliquam aliquet purus molestie dolor. Integer quis eros ut erat posuere dictum. Curabitur dignissim. Integer orci. Fusce vulputate lacus at ipsum. Quisque in libero nec mi laoreet volutpat. Aliquam eros pede, scelerisque quis, tristique cursus, placerat convallis, velit. Nam condimentum. Nulla ut mauris. Curabitur adipiscing, mauris non dictum aliquam, arcu risus dapibus diam, nec sollicitudin quam erat quis ligula. Aenean massa nulla, volutpat eu, accumsan et, fringilla eget, odio. Nulla placerat porta justo. Nulla vitae turpis. Praesent lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam ultricies lacus eu dui. Duis viverra risus et eros. Aenean odio dolor, tristique quis, commodo id, posuere sit amet, dui. Pellentesque velit. Aliquam erat volutpat. Duis sagittis nibh sed justo. Sed ultrices nisl sed pede. Sed tempor lorem in leo. Integer gravida tincidunt nunc. Vivamus ut quam vel ligula tristique condimentum. Proin facilisis. Aliquam sagittis lacinia mi. Donec sagittis luctus dui. Maecenas quam ante, vestibulum auctor, blandit in, iaculis in, velit. Aliquam at ligula. Nam a tellus. Aliquam eu nulla at turpis vulputate hendrerit. Proin at diam. Curabitur euismod. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque vel erat eget diam consectetuer iaculis. Cras ante velit, suscipit et, porta tempus, dignissim quis, magna. Vivamus viverra, turpis nec rhoncus ultricies, diam turpis eleifend nisl, a eleifend ante felis ac sapien. Integer bibendum. Suspendisse in mi non neque bibendum convallis. Suspendisse potenti. Sed sit amet purus at felis adipiscing aliquam. Vivamus et nisl sit amet mauris aliquet molestie. Integer tortor massa, aliquam a, lacinia nonummy, sagittis nec, eros. Nunc non mauris id eros venenatis adipiscing. Cras et lectus ut nisl pharetra ornare. Proin leo risus, elementum eget, ultrices vitae, molestie sed, erat. Curabitur et lectus in tellus egestas hendrerit. Sed dapibus ipsum. Quisque sit amet ligula. Suspendisse odio dolor, semper id, feugiat quis, sodales id, mauris. Curabitur id ligula ac libero malesuada pharetra.