HTML for Squidoo Cobranded Lenses

Browse the whole page your first time through. If you come back to this lens as a resource, feel free to click on an item in this list and jump to that section. Use the TOP button found throughout to get back to this table of contents.

Hey Monkeybrain! for Duels

Ink City for Body Art

Rocket Moms for Rocket Moms Team Members

SquidBids for eBay Auction Sellers

SquidBoo for Halloween Topics

SquidFlix for Movie Reviews

SquidLit for Book Reviews

SquidSports for Sports Predictions

SquidVids for Making Your Own TV Channel

SquidWho for Personalities and Celebrities

SquidZipper for Specific Zip Codes

The Ever Project for the Extreme Anything

twttrlist for Creating list of Twitter Topics or Members

TWTTRSTRM for Stirring a Debate or Topic on Twitter

Zazzle for Zazzle Members

Importance of HTML

HTML Basics

Parts of HTML Code

How to Change the Colors

More HTML Resources

HTML Color Tool

Visit Starbucks vs Dunkin Donuts

Create Hey Monkeybrain!

Top Border: Black with red trim
Sidebars: Black
Background: White
Titles: Black
Subtitles: Dark Gray
Hyperlinks: Red
Right Side Divider: No

Start a nice, friendly (or not so friendly) debate on a topic of interest. For example, yellow cake is better than chocolate cake any day! Fill out a form with information about why you're making this claim, links to support your claim and a simple keyword and the lens will come up with an intro, a poll, news about your topic and related links. Pick a current topic with lots of controversy and you'll attract a great deal of attention.

Following are HTML examples of borders and colors that match the Hey Monkeybrain! theme for you to copy and paste into your own modules:

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px black">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #069">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px red">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #68E09C">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #FF9377">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px red; background: #F0F1F3">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px black; background: #E5D8E5">Your text here</p>

Create an Ink City

Top Border: Blue
Sidebars: Blue
Background: White
Titles: Blue
Subtitles: Black
Hyperlinks: Blue
Right Side Divider: No

Ink City lenses look like the Squidoo Default theme with one change - the bottom, pictured above - includes a box explaining the connection to Ink City. Ink City is a group of lensmasters who focus on body art, tattoos and related merchandise.

You do not need approval to join the group. Click on the link in their HQ page that says "Move to Ink City", create a lens and the lens will be part of the Ink City brand.

Following are HTML examples of borders and colors that match the Ink City theme for you to copy and paste into your own modules:

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px black">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #069">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #f60">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #ddddff">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #FDE38C">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #069; background: #ddddff">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #f60; background: #FDE38C">Your text here</p>

Visit Pink Tool Kits for Women

Note: This template can only be used by Rocket Moms and the link is not published.

Top Border: Blue with the Rocket Moms graphic
Sidebars: Gray
Background: White
Titles: Blue
Subtitles: Black
Hyperlinks: Green
Right Side Divider: No

Members of the Rocket Moms can create lenses using this template. While it's not widely available, I still thought it relevant to add some HTML color examples that could be used with these lenses. Many Rocket Moms are also part of the Giant Challenge teams.

Following are HTML examples of borders and colors that match the Rocket Moms theme for you to copy and paste into your own modules:

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px black">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #B3C8ED">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #284C8E">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #CB5BD3">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #9C214A">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #B3C8ED; background: #F7ECF0">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #D2C1D3; background: #E8DEE9">Your text here</p>

Visit Used Car Auction Guide

Create a SquidBids

Top Border: Yellow with green trim
Sidebars: White
Background: White
Titles: Blue
Subtitles: Black
Hyperlinks: Green
Right Side Divider: No

You need to have an eBay seller or store ID in order to use the SquidBids template. The MagicBuilder will walk you through a few questions such as a keyword for your auctions, three reasons visitors should buy from you and a category for your products. Information from your listings will be populated and the lens only needs formatting and titles to be publish-ready.

Following are HTML examples of borders and colors that match the SquidBids theme for you to copy and paste into your own modules:

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px black">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #069">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #B90091">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #410677">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #BAF407">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #BAF407; background: #FFF877">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #B90091; background: #FFF877">Your text here</p>

Visit Halloween Zazzle

Create a SquidBoo

Top Border: Black with jack-o-lantern graphic
Sidebars: Black
Background: White
Titles: Black
Subtitles: Black
Hyperlinks: Orange
Right Side Divider: No

The jack-o-lantern graphic in the heading makes this lens an easy pick for any Halloween theme but it also works well for creepy movies or haunted houses.

Enter a title and keywords and you'll be taken to My Workshop with a pre-formatted set of modules and titles. You can then customize the lens and enter your own material just as you would a default lens. It just has that great Halloween look!

Following are HTML examples of borders and colors that match the Default theme for you to copy and paste into your own modules:

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px black">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #FF7400">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #FFB273">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #FFAA00">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #FFD073">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px black; background: #FFB273">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #FF7400; background: #FFD073">Your text here</p>

Visit Memento the Movie

Create a SquidFlix

Top Border: Black
Sidebars: Black fading to dark gray
Background: White
Titles: Blue
Subtitles: Dark Gray
Hyperlinks: Orange
Right Side Divider: Yes

If you're going to do a movie review lens, check out SquidFlix first. At the HQ page, enter the name of a movie and click on the thumbs up or thumbs down button. Any page already created for or against the movie will be shown. If there's not already a page for either of the categories, you can create your own and get paid to write the review based on lensrank and affiliate sales.

Amazon and eBay modules are pre-populated so all you need to do is add your opinion, format and you're off and running.

Following are HTML examples of borders and colors that match the SquidFlix theme for you to copy and paste into your own modules:

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px black">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #069">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #f60">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #ddddff">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #FDE38C">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #069; background: #ddddff">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #f60; background: #FDE38C">Your text here</p>

Visit The Lost Symbol

Create a SquidLit

Top Border: Black
Sidebars: Black fading to dark gray
Background: White
Titles: White highlighted in a rounded, black background
Subtitles: Dark gray
Hyperlinks: Orange
Right Side Divider: No

It doesn't get better than this - enter the name of a book and it's author, fill out four questions on a form and the lens Magic Builder does the work for you. The lens will pop up with your form inputs put into a duel module, talk bubble module, blackbox module, Amazon listings of the book your reviewing as well as any others by the author and a voting plexo. Truly - you could do a SquidLit lens on a book you've just read in minutes.

Once the Magic Builder is done, you're given the option of keeping the lens or not, as is the case with most of the templates. Some obscure books don't give you much to work with, so you might have more work to do on those to round out the content, but it's still a great template for books.

Following are HTML examples of borders and colors that match the SquidLit theme for you to copy and paste into your own modules:

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px black">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #069">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #f60">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #ddddff">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #FDE38C">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #069; background: #ddddff">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #f60; background: #FDE38C">Your text here</p>

<p style="padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px black">Your text here</p>

<p style="padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #069">Your text here</p>

<p style="padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #f60">Your text here</p>

<p style="padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #ddddff">Your text here</p>

<p style="padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #FDE38C">Your text here</p>

<p style="padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #069; background: #ddddff">Your text here</p>

<p style="padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #f60; background: #FDE38C">Your text here</p>

Visit Dale Jr NASCAR Sprint Cup 2008

Create a SquidSports

Top Border: Blue
Sidebars: Blue
Background: White
Titles: Blue
Subtitles: Black
Hyperlinks: Blue
Right Side Divider: No

Perfect co-brand for sports lovers - make a prediction and the Magic Builder will grab videos, news articles, similar prediction information, duels, plexos, and Amazon and eBay modules populated with fan merchandise.

Following are HTML examples of borders and colors that match the SquidSports theme for you to copy and paste into your own modules:

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px black">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #069">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #f60">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #ddddff">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #FDE38C">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #069; background: #ddddff">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #f60; background: #FDE38C">Your text here</p>

Visit Marilyn Happy Birthday Video Showcase

Create a SquidVids

Top Border: Yellow with black film trim
Sidebars: White
Background: White
Titles: Blue
Subtitles: Black
Hyperlinks: Blue
Right Side Divider: No

Time to make your own television channel! Pick a topic or person you want to watch on TV and the Magic Builder grabs relevant YouTube videos, a feed of web related links, and Amazon and eBay modules populated with related merchandise.

Choose to keep the lens as Magic Builder presents it to you and you can add additional modules, change default titles, format the content and publish the lens when you're ready.

Following are HTML examples of borders and colors that match the SquidVids theme for you to copy and paste into your own modules:

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px black">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #069">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #f60">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #ddddff">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #FDE38C">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #069; background: #ddddff">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #f60; background: #FDE38C">Your text here</p>

Visit Fyodor Dostoevsky

Create a SquidWho

Top Border: Black
Sidebars: Black
Background: White
Titles: Black
Subtitles: Dark Gray
Hyperlinks: Orange
Right Side Divider: Yes

Enter the name of a famous someone and the Magic Builder will attach Wikipedia information, photos, videos, plexos, Amazon products, Twitter activity, and more. Decide to keep the lens and you'll only need to finish up any formatting of default titles and publish.

This is another template where obscure personalities might not give you very much to work with and the more popular personalities may have been covered by other lensmasters. However, find the right person and it's a quick and easy lens that you can publish immediately and grow over time, if you'd prefer.

Following are HTML examples of borders and colors that match the SquidWho theme for you to copy and paste into your own modules:

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px black">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #069">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #DF004F">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #62D99C">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #FDE38C">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #910033; background: #FAE6ED">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #f60; background: #FFE7C9">Your text here</p>

Visit Glendale, AZ Best City for Sports

Create a SquidZipper

Top Border: White
Sidebars: Light Gray
Background: White
Titles: Orange
Subtitles: Black
Hyperlinks: Orange
Right Side Divider: No

Build a lens on your favorite area code by filling out three pieces of information: name of your hometown, a short overview of the area, a summary of the one important thing folks should know about your home town. Magic Builder will bring in maps, weather, related links, images, and any other information it can find related to that city. These are great lenses to help people who are researching a trip to your neck of the woods.

Following are HTML examples of borders and colors that match the SquidZipper theme for you to copy and paste into your own modules:

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px black">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #069">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #f60">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #ddddff">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #FDE38C">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #069; background: #ddddff">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #f60; background: #F0F1F3">Your text here</p>

Visit The Dizziest Kids Ever

Create The Ever Project

Top Border: Blue
Sidebars: Blue
Background: White
Titles: Blue
Subtitles: Dark Gray
Hyperlinks: Blue
Right Side Divider: No

Want to write about the best ocean views ever or the worst shark encounter ever? The Ever Project lenses let you "share your passion" for any topic on your mind. Pick an adjective from the list box, enter your topic and the Magic Builder

Fill out a form including reasons why you feel the way you do, three sites related to your topic, five reasons why you think the way you do about your topic and the lens will be displayed for you including links the Magic Builder found related to your topic, related YouTube videos, plexos, a Guest Book and more. Finish up a few pieces of content, format it and you're done.

Following are HTML examples of borders and colors that match the Ever Project theme for you to copy and paste into your own modules:

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px black">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #069">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #FFDA40">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #4479D4">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #A68600">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #069; background: #ddddff">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #A68600; background: #FFE473">Your text here</p>

Visit Ted Talks on Twitter

Create a twttrlist

Top Border: Blue
Sidebars: Light Blue
Background: White
Titles: Blue
Subtitles: Black
Hyperlinks: Blue
Right Side Divider: No

Create a Twitter list by collecting all tweets by a certain person, about a certain topic, containing a certain phrase or that include a particular hashtag. Magic Builder will present you with a list of Twitter members who have sent related tweets. Pick the ones you want to add to your list.

Watch out for this one, though. Once you click on Continue - the lens is immediately published.

Following are HTML examples of borders and colors that match the twttrlist theme for you to copy and paste into your own modules:

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px black">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #069">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #f60">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #ddddff">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #FDE38C">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #069; background: #ddddff">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #f60; background: #FDE38C">Your text here</p>

Visit Twitter the Musical

Create a TWTTRSTRM

Top Border: Blue, stormy clouds
Sidebars: Blue
Background: White
Titles: Blue
Subtitles: Black
Hyperlinks: Blue
Right Side Divider: No

If you're a Twitter fan and love to start a debate or gather feedback on a topic, combine the two and do it with a TWTTRSTRM lens. It's as easy as entering your topic, creating a hashtag for tracking purposes and then Magic Builder will give you a few modules to get you going including a place where visitors can tweet their own thoughts on the subject so your hashtag can be attached for tracking purposes.

Following are HTML examples of borders and colors that match the TWTTRSTRM theme for you to copy and paste into your own modules:

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px black">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #069">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #FFEE00">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #9ABFEF">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #2B1C94">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #2B1C94; background: #ddddff">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #4E8EE0; background: #FFF8EC">Your text here</p>

Visit Willow's Design Gallery

Create a Zazzle Lens

Top Border: Blue, stormy clouds
Sidebars: Blue
Background: White
Titles: Blue
Subtitles: Black
Hyperlinks: Blue
Right Side Divider: No

All Zazzle sellers should give this Zazzle co-branded lens a try. Make your store's promotional page by entering your seller name, describing your products, choosing a category and a keyword and your lens will be created for you with a nice layout for your art and merchandise.

As an added feature, you can quickly and easily add your own website and/or blog by providing the URL and the Magic Builder will pull material in from those sites.

Following are HTML examples of borders and colors that match the Zazzle theme for you to copy and paste into your own modules:

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px black">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #172CAF">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #8CCFC8">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #FFB700">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #63AFD0">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #63AFD0; background: #DBD8D3">Your text here</p>

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #052A6E; background: #C4D2EA">Your text here</p>

While the Squidoo text modules give you some formatting already, you can customize the look of your text in those modules to make your lens look more professional. People browsing the web move very quickly. If a lens looks spammy or sloppy, they're gone.

You have only a brief few seconds to capture their attention.

HTML stands for HyperText Markup Language. It's the programming code that tells browsers how to display the text and images on a web page. Big font, little font, colored fonts and bold text. All of these can be accomplished by surrounding that text with HTML.

Here's a sample from above:

<p style="padding: 15px; line-height: 20px; font-size: 15px; text-align: justify; border: solid 3px #D2C1D3; background: #E8DEE9">Your text here</p>

If you have no HTML experience, this looks like a bunch of gibberish, doesn't it? However, if you play around with it just a little bit - in a draft lens, for example - it won't take you long to become familiar with how to change it enough to customize your own lenses. Let me break that code down into it's parts (see the Big Picture below).

Maybe (hopefully) this is all starting to make sense. One thing left to cover - how to change the colors. In the sample codes above, wherever it showed an attribute for color (borders and backgrounds) you mostly saw a number sign (#) followed by six digits and/or letters.

What the heck color is #003366???

It's a hexidecimal color code - the interpretation of color for display on screens, etc. All of those digits and letters tell the computer what share of red, green and blue go into the color to present the final color you chose. You can find an HTML color chart or wheel on the web to choose from an endless assortment of hexidecimal codes to choose from. My favorite can be found on GrowWear's Color Schemes lens.

NOTE: That # sign must always precede a hexidecimal color code.