Stupid Squidoo CSS Tricks

Squidoo doesn't allow you to do anything spammy or dangerous on its pages. This is a good thing in that it means that a Squidoo page is not going to reach out of your computer and bite you. It is a bad thing in that you can't really customize a squidoo lens the same way you might be able to customize a mySpace page.

Including style in a <P> tag.

This should be Red text

You create the red text above by using a <P> tag combined with a style parameter. Here is what you should type into you text area.

<p style="color:red"> This should be Red text</p>

Using display block in a style.

There are times that you might want to make a block of colored text on a lens.

This is stuff in a box

<p style ="display:block; width:200px; height:100px; background-color:lightpink; text-align:center"p>

This is stuff in a box </p>

What is going on here, the style display:block turns the paragraph tag <p> into a square box. The height and width are self explanatory. background-color is the color of the box's background and text-align can be center, left, right or justify.

For color you can use the hex code starting with a pound sign (#), but I like to use the color names. There are over 100 of these defined. Here are some colors to get you started.

lightpink

pink

crimson

lavenderblush

palevioletred

hotpink

deeppink

mediumvioletred

orchid

thistle

plum

violet

fuchsia*

fuchsia*

darkmagenta

purple*

mediumorchid

darkviolet

darkorchid

indigo

blueviolet

mediumpurple

mediumslateblue

slateblue

darkslateblue

ghostwhite

lavender

blue*

mediumblue

darkblue

navy*

midnightblue

royalblue

cornflowerblue

lightsteelblue

lightslategray

slategray

dodgerblue

aliceblue

steelblue

lightskyblue

skyblue

deepskyblue

lightblue

powderblue

cadetblue

darkturquoise

azure

lightcyan

paleturquoise

aqua*

aqua*

darkcyan

teal*

darkslategray

mediumturquoise

lightseagreen

turquoise

aquamarine

mediumaquamarine

mediumspringgreen

mintcream

springgreen

mediumseagreen

seagreen

honeydew

darkseagreen

palegreen

lightgreen

limegreen

lime*

forestgreen

green*

darkgreen

lawngreen

chartreuse

greenyellow

darkolivegreen

yellowgreen

olivedrab

ivory

beige

lightyellow

lightgoldenrodyellow

yellow*

olive*

darkkhaki

palegoldenrod

lemonchiffon

khaki

gold

cornsilk

goldenrod

darkgoldenrod

floralwhite

oldlace

wheat

orange

moccasin

papayawhip

blanchedalmond

navajowhite

antiquewhite

tan

burlywood

darkorange

bisque

linen

peru

peachpuff

sandybrown

chocolate

saddlebrown

seashell

sienna

lightsalmon

coral

orangered

darksalmon

tomato

salmon

mistyrose

lightcoral

snow

rosybrown

indianred

red*

brown

firebrick

darkred

maroon*

white*

whitesmoke

gainsboro

lightgrey

silver*

darkgray

gray*

dimgray

black*