Skip to navigation | Skip to content

Share your knowledge. Make a difference.

Stupid Squidoo CSS Tricks

1 - I can do better 2 - Jury's out 3 - Pretty darn good 4 - Splendiferous 5 - Awesometastic (by 9 people)   Your rating: 1 - I can do better 2 - Jury's out 3 - Pretty darn good 4 - Splendiferous 5 - Awesometastic

Ranked #6629 in How-To, #65111 overall

Rated G. (Control what you see)

Things you can do to spice up a squidoo page part1

 

You can use HTML inside of a Squidoo lense, but not all HTML works. Here are a few examples of interesting things that you can do with CSS and HTML that will work correctly inside a Squidoo lens.

I've continued this with information on making sidebars in Squidoo.

Styling up a block of text 

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*

Any Requests????? Comments???  

Let me know if you are having problems and I'll try to help you out. If you have a specific need, perhaps I can figure it out.

moneygames

very nice. thank you

Posted July 27, 2008

sparkyfun

great lens. i have used this trick in my paid to click sites lens. especially in table of contents and PTC news. 5* and favorited.

Posted July 26, 2008

Jimmie

Very helpful! Used this on my new panda lens.

Posted June 28, 2008

KimDion

this is great all the cool colors. I can just type the color without knowing the number.

Posted June 17, 2008

CSS on Amazon 

HTML, XHTML, and CSS, Sixth Edition (Visual Quickstart Guide)

Amazon Price: $23.09 (as of 10/07/2008)

CSS: The Missing Manual

Amazon Price: $23.09 (as of 10/07/2008)

CSS Mastery: Advanced Web Standards Solutions

Amazon Price: $23.09 (as of 10/07/2008)

CSS: The Definitive Guide

Amazon Price: $29.69 (as of 10/07/2008)

Head First HTML with CSS & XHTML

Amazon Price: $26.39 (as of 10/07/2008)

X
KPGraham

About KPGraham

Born in North Carolina and raised in New York. Married 34 years. I own too many damn cats.

KPGraham's Pages

See all of KPGraham's pages