• Lightning from dense clouds

  • Horizontal lightning

  • This image is clickable. Try it!

  • Lightning over water

  • An example of a URL in the message is my other blog.

Slideshow image

Introduction

This is an example of the Tabbed Info Pane. It lets you put a lot of information into a small space.


Everything about the info pane can be altered, from font sizes and colors to the spacing between the tabs.

Scrolling

When there is more information than can fit on one pane a scroll bar appears.


Lorem ipsum dolor sit amet, con sectetuer adipiscing elit, sed diam nonnumy nibh euismod tempor incidunt ut labore et dolore magna ali quarn erat volupat. Ut wisi enim ad minim venian, quis nostrud exerci tation ullamcorper suscipit laboris nisl ut aliquip ex ea commodo consequat. Duis autem vel eum irure dolore in henderit in vulputate velit esse consequat. Vel illum dolore eu feugiat nulla facilis at vero eos et accusuam et ius to odio dignissim qui blandit prae sent luptatum zzril delenit aigue duos dolore et molestias exceptur sint occaecat cupiditat non simil pro vident rempor sunt in culpa officia deserunt mollit anium ib estaborum et dolor fuga. Et harumd dereud facilis est et expedit distinct. Nam Liber tempor cum soluta nobis eligend option congue nihil impediet doming id quod maxim placeat facer possim omnis voluptas assumenda est, omnis repellend.

Information

The Tabbed Info Pane is written in JavaScript with styling in CSS. Because it is written in JavaScript it will not interfere with galleries, featured post sliders, or menus that use JQuery. It will also coexist with other JavaScript items.


You can have as many Info Panes on a page as you wish. Because the info pane is written in HTML, you can have anything you want in it -- lists, images, links -- anything. It is also possible to put widgets into the Info Panes!


The Tabbed Info Pane does not require any configuration -- you may use it as-is. But everything about it is configurable, from the size of the info pane to the color of the tabs to the fonts used.


The Info Pane has the following components:


  • A small JavaScript file called in custom_functions.php.
  • The CSS file that configures the menu is also called in custom_functions.php.
  • A selector in custom.css that sizes the info panel and configures the fonts within the info panel.
  • A function in custom_functions.php that actually positions the Info Pane on the page, as well as containing its contents.

Examples

Following are examples of the kinds of items you can put into the Tabbed Info pane. They are...


  • A list (this one)
  • A table with ads
  • Code
  • An image

A table with ads


dummy ad 1 dummy ad 2

A code example from the table above


					<td valign="middle" width="125" height="125">
<a href="#"><img src="<?php bloginfo(template_url)?>/custom/images/Dummy-125x125-Ad2.jpg" border="0" alt="dummy ad 2"></a>
</td>

An image


Recent Posts Widget

Recent Posts


Popular Posts

Tab 1

Tab 1 content.

Tab 2

Tab 2 content. A nested tabber:

Tab 2-1

Tab 2-1 content.

Tab 2-2

Tab 2-2 content.

Tab 2-3

Tab 2-3 content.

Tab 3

Tab 3 content.






Full info: ccbot/1.0 (+http://www.commoncrawl.org/bot.html)
OS:
Browser name and version:

Non-IE Browser

IE 6 or Non-IE

Test for Pix

by Mike on July 8, 2009

Snow War Hammer

H2O2

H2O

{ Comments on this entry are closed }

Insomnia and Omniurnality

by Mike on September 4, 2008

O sleep, O gentle sleep,

Nature’s soft nurse, how have I frighted thee,

That thou no more wilt weigh my eyelids down

And steep my senses in forgetfulness?

– Shakespeare – 2 Henry IV (3.1.7-10)

Insomnia is my companion. It follows me every day of my life, through good times and bad, through sickness and health. No matter what happens, I can always depend on it to be there.

It seems my day is based on a 28-hour cycle. Either I’m awake 14 hours, 28 hours, or 56. No in-between most days. The 14-hour days are when I’m depressed and can’t wait for sleep to relieve me of waking. The 28-hour day is my “normal” insomniac sleep-wake cycle. And the 56 hours is when I’m really manic and can’t sleep until I virtually drop from exhaustion.

[click to continue…]

{ 3 comments }

Here it’s 3 am and I’m sitting in my office unable to sleep. Last night I woke up at 3 am and couldn’t get back to sleep until 6 am. Took my medications and still wide-eyed. It could be many things: hypomania, insomnia, the sleep medication being ineffective, my biorhythms being messed up, sleeping late today. Any way you look at it, I want to be asleep since I have a long day “tomorrow.”

As I have continued my battle with insomnia, my concepts of “tomorrow,” “yesterday,” and “today” are sadly confused. Yesterday started about 12 am with going to sleep for 3 hours, being up another 3, then sleeping for 9 due to the delayed effects of the sleeping pill. I worked on stuff pretty consistently until about midnight again, hoping to go to sleep “early.” But alas, it was not to be. 

So today started with insomnia and will continue so until the sleeping pill takes effect, if it takes effect, as it sometimes doesn’t. “Today” will be a long one, with writing a post for my Anxiety blog and various other things I have to do.

[click to continue…]

{ 0 comments }

The Inevitable, Unavoidable First Post

by Mike on September 1, 2008

It’s the first of September, 2008, Labor Day in the US. That’s when all of us laborers are supposed to get the day off. Except for the poor dweebs and schmoes working in retail and restaurants that the rest of us will enjoy on this day of relaxation and rest.

And it’s the first day for this blog, officially. I’ve been putting this day off for a long time in favor of my Anxiety, Panic & Health blog in order to get it started, and now I have enough space to devote some time to this blog.

I’ve thought about this blog for a long time, well over a year, and have written numerous posts and half-posts for it. Will they ever get published? Don’t know. Probably not, at least in their current form. Because I will be too busy with my new posts to go back and pick up old material.

What kind of post can you expect here? The tagline of the blog, “Exploring the Nexus of Joy and Infinity” is broad and vague enough for you to expect anything.

[click to continue…]

{ 0 comments }

    • one
    • two
    • three
    • four