CSS and HTML Resources
I am constantly striving to beautify my lenses. Just like many Squidooers starting out, my first lenses are a little plain looking. However there have been vast improvements within Squidoo itself since I began Squidoo in July 2008. For instant, "Text with Big Picture" didn't exist. I didn't know how to add images from other sites into my lenses. And the images that were uploaded from my computer ended up to be small pictures on the lenses.
Though content is what should count, beauty is what catches the eye. Dressed up, colorful with just enough pictures will draw in your viewer. Then share your expertise.
Since I have been learning as I go with HTML and CSS, (especially with my websites ebooktreesaver.com and embracethehill.com through trail and error) you can no longer call me a "Newbie" or "Novice" at site design. Just one step up on the edge touching.
Here is a collection of lenses on HTML and CSS backgrounds for Squidoo from the real experts. I have bookmarked many of these, such as on Tagfoot though it is easier to find it all in one area. This is for my benefit to have it all in one place. Those who come here, I hope you find this very beneficial. You will noticed that within my own text modules here, I have taken something from one of the experts below to show what you can do with your Squidoo lenses.
Put this code below before your text and it will look like the color and border that your see here. This color scheme was found on HTML Examples and Backgrounds
Note: Move the < next to the p style instead of the space between as shown. The code does not show up here properly as text to display.
< p style="border: solid 10px #3300cc; background:#ffff33; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #003366; font-size: 18px">YOUR STUFF HERE

Challenge Contest for the Squidoo Tips
Check Out My Other Resource Guides
-
Squidoo Widgets, PayPal and Tools
-
Squidoo has some great internal widget modules. But what if you wanted to add a Playlist or a different type of Amazon module? This is where external widgets come in. Once you get the hang of it, it becomes easy. Squidoo is a different type of Squid...
-
HTML Text and Image Squidoo Tips
-
I am constantly working on improving my lenses to make them look the best that they can be. I was a Newbie when I joined Squidoo, July 2008. I wasn't familiar with how different type of text formats worked on Squidoo. For one thing Squidoo is a diffe...
-
Lens Rank and Traffic on Squidoo
-
Now that I have learned how to improve on the aesthetics of my lenses, it is time to find traffic. Without the traffic to your Squidoo lens (or even website) it really doesn't matter how beautiful you make your lens. Even with the best quality conten...
Follow sandyspiderbite

- sandyspiderbite
- aka sandyspiderbite
- 1,861 followers
- 1,856 following
-
- I just updated my Squidoo page: Everything with Christmas Trees / http://tinyurl.com/y9g2q3j Do you have your tree up yet?
-
- I just updated my Squidoo page: Corn Casserole Recipe / http://tinyurl.com/ybz9qw3 Are you making this today?
-
- I just updated my Squidoo page: Homemade Chicken Noodle Soup / http://tinyurl.com/as8h8l Try making this with turkey!!!
-
- Santa on Parade Card from Zazzle.com... http://bit.ly/7AtGvB
-
- Popular for Christmas - new lens: Furreal Pets and Friends / http://tinyurl.com/yzmq2k3
Create Great Photo Backgrounds
I'm giving credit where credit is due. I discovered how to add a photo background from Create Stunning CSS Backgrounds with Images by lensmaster DrRichard. Here he gives reference to photobucket.com It is a free photo sharing site. At Photobucket you can share photos and use them on your website, blog or lens. When you see a photo background on any of my lenses, chances are that is where it is from.
Here's the code for this photo background.
<p style="background: url(http://i657.photobucket.com/albums/uu297/sandyspider/summer-1.jpg); color: black; padding: 15px; ">
Color and Photo Background
Find how to create photo or colored backgrounds behind your text.-
HTML Borders Backgrounds
-
Have you seen sharp looking lenses formatted with HTML borders and backgrounds and wished you could do the same? There are already plenty of EXCELLENT how-to-HTML lenses available, so I thought I'd do something a little different. There are two main...
-
Create Stunning CSS Backgrounds with Images
-
Have you heard of CSS Backgrounds? Do you have a Squidoo lens or two? How about a website? A MySpace profile? Are you bored by all those plain old white backgrounds? Here I'm going to show you how to spice up your lenses and pages and create bea...
-
HTML and CSS Color Schemes
-
This is my second to my series of CSS and HTML related lenses. The first one was a detailed lens on how to put html and CSS into your lenses. This one is more of a cheat sheet where you can pick out your color schemes that I have put in front of you....
-
HTML Tips for Color
-
Color can be applied via HTML tags to fonts, borders and backgrounds. squidoo.com/basichtml and squidoo.com/advancedhtml show how to implement these colors. This lens however isn't going to show how the code is applied, but is a repository for the...
-
The Guide to Colors On HTML
-
My HTML and CSS lens has managed to get a bit big so I decided that I need to split it up a bit. This is what this lens is all about. What I am basically going to cover is the different colors that you can use in your own lenses. I know they all work...
Backgrounds and Borders
One lensmaster has created several background lens. A few are shown here.-
LensArt Templates Light
-
Welcome! I hope you find my art pleasing and my tutorials helpful. This lens is part of my 'Lensart' Series of Module Templates. Templates are blocks of html code you can copy and paste into your modules. You can find hundreds of templates on these...
-
LensArt Templates Dark
-
Welcome! I hope you find my art pleasing and my tutorials helpful. This lens is part of my 'Lensart' Series of Module Templates. Templates are blocks of html code you can copy and paste into your modules. You can find hundreds of templates on these...
-
LensArt Templates Holiday
-
Welcome! I hope you find my art pleasing and my tutorials helpful. This lens is part of my 'Lensart' Series of Module Templates. Templates are blocks of html code you can copy and paste into your modules. You can find hundreds of templates on these...
-
Borders and More
-
When it comes to HTML and CSS, sometimes we want to have borders around our text to spice up your pages. There are a variety of different types of borders. You have regular ones and then rounded ones. Please remember not everything works in all brows...
-
Advanced css for squidoo - spice up your lens MORE
-
My lens about css for squidoo often gets the question: how do I combine the code? This lens is an answer to that question.
Add Your Favorite Photo Sharing Site
1
Image hosting, free photo sharing & video sharing at Photobucket
Photobucket offers image hosting, free photo shari more...1 point
Learn HTML
Lenses on Backgrounds for Squidoo
Do you have a lens about Backgrounds for Squidoo that is uniquely different than the featured lenses shown?

1
css code snippets to spice up your lenses
Separating style and content is what Cascading Sty more...0 points
Squidoo Me
I originally created this blog when Squidoo didn't offer "Text with Big Picture" since then by other blogs have parts of my lenses. I admit, my blogs don't look pretty, but maybe you can find something that you enjoy there.
Check out these other blogs:
OLD AGE IS...OLD AGE...SO EMBRACE THE HILL
Along Came Spider Web Marketing
Christmas All Year Humbug
Pets are Family
Recipes for All
Fetching RSS feed... please stand byShare Your Expertise
This is only a portion of the great masters here on Squidoo who have a lens about HTML and CSS backgrounds. I do have a larger list. And if you are one that feels it is something worth sharing, place it with the Plexo above.

HTML and CSS Websites
Do you have a site to share that would also work with Squidoo lenses?
1
GRSites.com
Free backgrounds, buttons and more.1 point
Subscribe to Email Updates for this Lens

If you're not a member of Squidoo yet, please join.
Subscribe to get notifications of my lens updates by email.
Note: This updates you on ALL my lenses, not just this one!
I just learned how to do this from Offer Email Subscriptions to Your SquidCasts
Where Do You Stand With HTML?
Thanks for visiting! Sign the guestbook so I know you were here!
-
Reply
- Tipi Tipi Sep 1, 2009 @ 8:27 pm
- Just had to stop by and do some more reading and learning!
Thanks!!! :)
-
Reply
- ElizabethJeanAllen ElizabethJeanAllen Aug 16, 2009 @ 3:49 pm
- I have a lot of codes, but I didn't have the colored background.
Thanks.
Lizzy
-
Reply
- KathWever KathWever Jul 30, 2009 @ 11:27 am
- Thanks for the generous sharing of your knowledge. As a Squidoo newbie, I have still so much to learn, and lenses like this one will certainly help me on my way.
-
Reply
- 2Eklectik 2Eklectik Jul 1, 2009 @ 5:17 pm
- Great information! Love the photo backgrounds.
-
Reply
- vbright105 vbright105 Jul 1, 2009 @ 3:34 am
- Great lens...I still don't get it, but great lens. lol. I tried GRsites...couldn't figure that out either. :)
- Load More
sandyspider's bookmarks
by sandyspider



















Where else can you find this spider?
Sandy's Netwo...























