Home » Squidoo Community » Lensmaking Tips

Kathy's Tools of the Trade

14 Comments

16 Like

Like 16

Pin It

Ranked #4,523 in Squidoo Community, #323,897 overall

My Favourite Lens Tricks

Well, they really aren't tricks, but more my favourite HTML or CSS codes. I thought I would create a lens, to keep all these in one place that is easy for me to find!

If you are interested in learning about these or other really cool tricks, I have included My Help Library in the Featured Lenses below. On this lens I have included a list of very helpful lenses by our very talented lensmasters.

I have a few more to add to this lens, so this will be a work in progress.

Lens created on October 15, 2010
Last updated on October 18, 2011

Quick Codes

Font

Changing the font

Letter Spacing

And you can change the spacing number too

Colour
colour text and now we don't

colour text and now we don't

Strike Through
Text to strikethrough here and continue on

Text to strikethrough here and continue on

Justify Paragraph

Background Colours and Borders

TEXT GOES HERE

TEXT GOES HERE

* dashed * dotted * double * groove * inset * outset * ridge * solid

TEXT GOES HERE

Image Wrapping

<img src="http://www.yourimage.jpg" style="float: left; margin: 0px 15px 0px 0px;" />Text goes here

1st margin (0px) is for the top spacing of the image
2nd is for the margin on the right
3rd for the margin underneath
4th for the margin on the left hand side.

This example has the style as left, so your image is sitting on the left side of the text.

The text information would be here over to the right of the image.

Image wrapping with border

<img style="float: right; padding: 10px; margin: 5px; border: 10px solid #000000;"src="http://www.yourimage.jpg" />Text goes here

The image is on the right side of the text.

The text that you type will now be sitting over to the left of the image.

Capitalize First Letter 1

A nd continue typing as usual...

And continue typing as usual...

Capitalize First Letter 2

And here is another example...

And here is another example

Superscript and Subscript

m3

m3

Quick Links

Colour Codes Link
HTML ISO-8859-1 Reference
HTML ASCII Reference
HTML Symbol Entities Reference

Featured Lenses

A list of very helpful how to resources

This module only appears with actual data when viewed on a live lens. The favorite and lensroll options will appear on a live lens if the viewer is a member of Squidoo and logged in.

Add this to your lens »

Your place to say hello

Reply

Ladymermaid Jun 13, 2011 @ 8:00 am | delete

I was looking for the code to change the first letter on my lens so it pop out. Wonderful tips so this page is definitely being bookmarked. Thank you for sharing your tips.

Reply

poutine May 9, 2011 @ 6:34 pm | delete

Like the tips.

Reply

golfspice Feb 22, 2011 @ 5:19 am | delete

I like the helpful tips and clear instructions you provide.

Many thanks.

Reply

JaguarJulie Dec 12, 2010 @ 1:29 pm | delete

Ah, Kathy! Thank you for revealing your tools. Is this a G-rated page? Merry Christmas.

Reply

2muchtrash Nov 13, 2010 @ 11:11 pm | delete

Yet another helpful lens. I know the very basic html (and when I say basic, I mean REALLY basic...lol), so this gives me some more options to make my lenses more attractive. Thank you!
Load More