Simple HTML Commands Make 3-D Effect With Startling Results!
Every time I do a new Squidoo lens, I try to add some additional glitz and glamour to it. Sometimes I succeed. Sometimes I don't. I am even going back to add upgraded touches to the previously published lens. In this lens, I introduced a new effect, that of a three-dimensional feel. This is done by using certain combinations of color which give the effect of depth. Let me know if you like this effect. I'd love to hear from you.
I am going to do this lens using the technique for several common Squidoo modules. After only being involved with Squidoo since last May, I realize that there are many lensmasters with much more skill than me in html and can figure out more ways of adding 3-d effects.This particular effect only works for me with these color combinations, limiting somewhat its utility. Hopefully, some of you html experts can expand on this concept with other color combinations or methods which have the same or similar effect.
I am also simultaneously doing another lens in my Caribbean Cruise Destinations series on Roatan Hondurasusing this technique.
This is a technique that should not be overused because of its powerful, somewhat overpowering appearance. But used sparingly, it can add an outstanding effect to a lens.
I admit that I am overusing it in this lens and in the Roatan lens because I want to indicate some of its usefulness in different modules.
I hope you enjoy your experimentation with this tool. I AM NOW USING IT ON ALL OF MY OWN "MY BIO" MODULES (My trademark?)
******************************************
Credits: 3-D photo of Sun courtesy of NASA
The HTML Is Simple
Here I am copying the first paragraph from the introductory paragraph with a description of the HTML code following. It is really very simple.
Every time I do a new Squidoo lens, I try to add some additional glitz and glamour to it. Sometimes I succeed. Sometimes I don't. I am even going back to add upgraded touches to the previously published lens. In this lens, I introduced a new effect, that of a three-dimensional feel. This is done by using certain combinations of color which give the effect of depth. Let me know if you like this effect. I'd love to hear from you.
The code for the initial E is as follows:
<b style="FONT-SIZE:100px; FLOAT:left; COLOR:black;LINE-HEIGHT:70px;PADDING-TOP:2px;FONT-FAMILY:times">E</b>
You simply replace the letter you want enlarged where the "E" is, followed by the rest of the sentence. For more information of how to do this, see the lens Advanced HTML For Squidoo.
Below I am giving the HTML that I used to get the 3-D effect, along with the effect each HTML command gives. I decided to use the "New Text List Voting (Plexo)" module to list the HTML codes. Why? I just liked the numbering appearance and it also displays the code without actually executing it. I told you I like to experiment!
The Effect of Using Black Alone With The Blue Background
Below this module I am using a numbered text module to show what the effect of these three steps are individually. The 3-D effect only occurs when all three color codes are used in the same module, blog, website, etc.
Effect of Using Red Alone With The Blue Background
Unfortunately, I can't (I don't think)copyright, trademark, or otherwise legally protect myself from others using the technique, so go for it (my simple contribution to novelty and innovation on a squidoo site.
Effect of Using Red And Black With The Blue Background
I would ask that if you come up with other ways to get this 3-D effect, you would keep me informed.You can easily see from this short paragraph what the combinations of color can do.
There are only three HTML commands needed to get this effect. Notice that it is the combination of colors that give the contrast which appears as a 3-D effect.
The three commands follow and below them (using a "New Text List" module - I just felt like it) are examples of the execution of each command, also numbered.
1
<p style="background: blue">entire text of paragraph (module) here</p>
0 points
2
<b style="color: red">. text to be colored here.</b>
0 points
3
<b style="color: black">text to be colored here</b>
0 points
Examples Of Executed HTML Statements Above
Make the background of module blue
- Make the letters red.
- Make the letters black.
My Discovery Of This Effect
But during that time we made a web site for a Karate group with whom my son was associated. We used the Karate Association's logo (which happened to be blue) as a background and began to experiment with different color schemes. At that time, a lot of web sites were much gaudier than now (and not as professional looking either).
The end result was that the combination of their blue logo and the black and red letters gave us the 3-D effect you see in this lens. I did not know the exact color of blue and when I tried it later, could never quite get the same result. I couldn't use the association's logo so I simply forgot about it.
Then, as I was experimenting with backgrounds on some squidoo modules, I suddenly realized that this was the blue I had been looking for. I tried the same effect I had gotten some ten years before and it worked. And guess what? I liked it!
I realize that this effect can easily be overdone because it is so powerful, but with all of the ingenuity collectively in the Squidoo community, I will probably be amazed at some of the applications that will come out of this.
What Do You Think Of This Technique?
What Can You Do With This Technique In Squidoo?
I admittedly overdid the use of the technique, but I did it to illustrate how the 3-D effect would look when used on specific modules. I felt that this would give squidoo'ers a starting point for stimulating their own creative juices.
I think this blue 3-D effect might work well with maritime related lenses. I will continue to experiment and hope others will do the same.
A Lens Using This 3-D Effect
-
Caribbean Cruise Destinations-Isla Roatan, Honduras
-
Roatan is famous for its scuba diving and being located near the largest barrier reef in the Caribbean Sea and second largest in the world. Only Australia's Great Barrier Reef is larger. Both Spanish and a form of English are spoken here. The first...
Other Lenses On Uses Of HTML
-
Advanced HTML for Squidoo
-
The techniques shown here aren't much more advanced then what's in the Basic HTML tutorial. The code being used isn't any more special. But the results and presentation can appear to be more sophisticated. Hence it being the Advanced HTML tutorial. F...
-
Simple HTML tricks to use with Squidoo
-
Squidoo has a nice editor for your lenses, but things can be improved. This lens will show you some simple tricks to include more than possible with simply using the editor. These tricks should be used in modules like the link list, or the write modu...
-
HTML Cheat Sheet for Squidoo, Blogger & Beyond
-
Squidoo makes it easy to look good but once you get the basics down, you'll wish that the text/write module would have a place to easily add a link or you might want to bold or italicize your text. Learning basic HTML will give you the added flexibil...
-
Basic HTML for Squidoo
-
Before you start reading all this, you may want to open Advanced HTML in a new tab, because you'll be wanting to check it out as soon as you've finished this! You can use basic HTML in a few of the lens modules. Mostly used to create hyperlinks (the...
How Do You Like The New Look?
" A Sample Of The 3-D Effect"
Every time I do a new Caribbean Destination lens, I try to add some additional glitz and glamour to it. Sometimes I succeed. Sometimes I don't. I am even going back to add upgraded touches to the previously published lens. In this lens, I introduced a new effect, that of a three-dimensional feel. This is done by using certain combinations of color which give the effect of depth. Let me know if you like this effect. I'd love to hear from you.
-
Reply
- mysticmama mysticmama Feb 20, 2009 @ 6:01 pm
- very cool...I got cross-eyed trying to read it, which for me was kinda fun...but I'm funny that way, thanks for the info!
-
Reply
- AndyPo AndyPo Jan 5, 2009 @ 11:41 am
- Useful information. Something worth experimenting with; there are so many combinations of colour etc. Red on blue was striking although I found black writing on blue hard to read.
-
Reply
- rms rms Jan 5, 2009 @ 11:13 am
- I found this very hard to read. I would lose the colors.
-
Reply
- 3dMooNMaN 3dMooNMaN Jan 3, 2009 @ 9:03 pm
- I am going to give this a try ! Thank you so very much !!! You ROCK the MOON !
-
Reply
- NAIZA NAIZA Jan 1, 2009 @ 4:02 am
- cool lens! Full of useful content.. I've been learning html all by myself.. This is something I learned new today. Thanks :)
- Load More
by anthropos
Hello, My name is Lamar
(better known as "anthropos" on Squidoo). I picked up that nickname when I got my Ph.D degree in Anthropology some years b...
Explore related pages
Caribbean Cruise Destinations-Isla Roatan, Honduras- Roatan is famous for its scuba diving and being located near the largest barrier...
Basic HTML for Squidoo- Before you start reading all this, you may want to open Advanced HTML in a new t...
Advanced HTML for Squidoo- The techniques shown here aren't much more advanced then what's in the Basic HTM...
