This website, and quite a few others, are using the WordPress theme that you see right now, on this page. I call it “Moose Chat“. People sometimes email me to learn how it is possible. I decided to document it and I’ve started sharing it.
This is a WordPress site
First and foremost, I’m using WordPress, but this technology is also usable with BootStrap.
This is a Genesis Framework site.
The Genesis Framework, is a theme you install for WordPress, available from StudioPress.
This is a Dynamik Website Builder child theme site.
The Dynamik Website Builder theme is actually a child theme of Genesis. Dynamik is available from CobaltApps.
Features of the Moose Chat theme
- A faintly colored background, pastel colors, with a special feature: The colors slowly change.
- Shortcodes for creating chatting between characters.
- The chat characters change pictures of themselves, every 5 seconds.
- Clicking on chat characters will play a musical sound and show an animation.
- The Moose chat character is special. Clicking on the Moose, she will tell a joke.
Apologies, clicking on the Moose to hear a joke, at the moment, there are only 3 or 4 jokes. I actually have over 2000 jokes, but I haven’t made recordings of them yet. But in the future, the repetoire of jokes will be huge.
Clicking on the Moose, results in a 3D character popping onto the screen, speaking, then disappearing. This is technology that I’m quite proud of-, which we call “WebMoose”. There aren’t many products that can show 3D characters on webpages. The WebMoose is the only one that has a shadow and transparent background.
Apologies… the WebMoose isn’t displaying properly on Android phones or iPhone iOS devices, but we’re working on fixing that.
Another feature: Responsive resizing.
Websites must be responsive and work on wide computer monitors and on narrow cellphones. This does! Try resizing the browser window and see what happens. There is clever coding happening that resizes the columns and the characters.
Here we see all the chat characters, and how to use them.
Characters are: Moose, DrHalls, Gretchen, Brittany, Levi, Tanya, Megan, Billy, Harmony, Jessica, Hector, Tyler, Betty, Derek, Mark, Holly, David.
The shortcode for the last 2 chats above, looks like this;
[chat name="Mark" side="right"] me too. [/chat]
[chat name="Holly" side="left"] I’m in. [/chat]
Problem Alert: The wordpress Visual Editor has a tendency to change simple quotes " into curly quotes “ ” which causes things to not work. I always tell people to do all editing with these chat shortcodes, using only the wordpress Text mode, not visual.
Another Problem Alert: If the chat box seems to overlap pictures, or seems to tall, it probably indicates the picture above was using a float:right or float:left. The solution is to put <div class=”clearfix”> <div> above the chat shortcode. See example image below.
Why my column shortcodes are different.
There are many ways to create columns in wordpress, using divs, so I didn’t duplicate that. Instead, I created something unusual, that is designed for putting text on the large side, and a graphic on the small side, and have the graphic automatically be scaled to fit the height of the text. That’s a feature that isn’t available with simple divs.
The code for the above is:
[TinyLeftColumn] … [HugeRightColumn] … [EndColumns]
There are 4 combinations of columns to choose from:
- [TinyLeftColumn] … [HugeRightColumn] … [EndColumns]
- [HugeLeftColumn] … [TinyRightColumn] … [EndColumns]
- [SmallLeftColumn] … [BigRightColumn] … [EndColumns]
- [BigLeftColumn] … [SmallRightColumn] … [EndColumns]
Hope you enjoyed it.
- halls.md is my most important and oldest site, that started with weight issues, ideal weight and is now evolving into weight loss information.
- My breast cancer information website is breast-cancer.ca, and even though breast cancer is a topic of anxiety and sometimes panic for the people who visit, I get emails all the time from visitors saying they found the chat to be very calming.
- halls.ca is my personal blog about my hobbies.
- My lung cancer information website is icnet.uk. It’s very new, and I’m proud of it.
- Cult.bg is about learning hypnosis and persuasion. Chats for commentary work extremely well.
More features: – Lazy loading
Lazy loading refers to loading graphics only if the graphic is visible on the page. Lots of plugins for wordpress can do this, but, this Moose Chat theme needs special attention, because graphics not only load, they also change every 5 seconds. So any graphic that isn’t visible, stops loading and changing, which saves bandwidth.
WebMoose – built in
I will write more to document WebMoose capabilities more completely in the future, but in brief for now, there are simple shortcodes [WebMoose …] with parameters that can display the 3D animated moose, popping up and speaking, anywhere on a webpage. When the Moose software is released, you can record your own WebMoose messages (which are stored in MP4 video format), but prior to Moose software release, you can ask me to make the WebMoose recordings for you.