Unseen, Unheard, Unearthed::Led Zepplin DVD

"Clocking in at nearly five and a half hours..." Watching and listening. Whoa. FROM THE ARCHIVES::Added to FAQs

More Pure Text

You Don't Need Images for this Effect

CSS + Symbol + Webdings by Connie

This table is done with text only. There are no .jpg or .gif files used here. Text symbols are used to create the images that have the glow filter applied.The Table Filter art by LooWho inspired other artists. Connie created this table.

-	�	O
J	N	K
�	�	$

Text Table Ø
CSS and Webdings OPEN CODE
Coding Artist Connie

The Palm Tree

For now let's try just one.

J

Copy and paste (or type) this in your Blog or Web page.

<TABLE borderColor=#999999 cellPadding=15 
bgColor=ghostwhite border=3>
<TR>
<TD style="FILTER: glow(color:lightgreen);
TEXT-ALIGN: center">
<SPAN style="FONT-WEIGHT:bold;FONT-SIZE:36pt; 
COLOR: green; 
FONT-FAMILY: webdings">J</SPAN>
</TD>
</tr>
</table> 

Remove all spaces if you are using a blogging tool. It will look like this.

J

What is the Most Popular Browser?

Q: What is the most popular browser?
A: Internet Explorer

Q:What is the most popular screen display?
A: 800x600 followed closely by 1024x768

Global Browser Statistics

Internet Explorer is still well over 90% of the general Web audience. The general statistics may not be relevant to your site, especially if your site attracts professional developers or bloggers. Your log files will tell you about the visitors using Opera, AOL, Mozilla, Netscape 7.x, and Netscape 5+.

800x600

About half of our visitors come in with a display setting of 1024x768. We usually code at 800x600.

1600x600

We may come into your site with display setting of 1600x600 or unknown in your log files. What is it? It's a dual monitor setting. Each monitor is actually 800x600.

Many of the high-tech and CSS do-it-this-way sites don't code for dual monitors yet. Dual flat screens are the standard issue in the day job and once you work with them you will never go back to one screen. During the day we lean our code more to dual monitors than laptops. We test on both.

Coding for 1600x600

Some of the fluid sites where percentages are used for widths appear to get confused with the 1600x800 display. Blogger.com spills off to the right on the dual monitor.

What is the Best Browser?

Overheard: I very reluctantly woke up today.

Free Buttons On-the-fly

You can go to ButtonMaker to make your own free buttons.

We made two buttons:

Blog Trashed by Mandarin

We tried to make a Blog Trashed by Mandarin button but it didn't fit.

Hyperlink the Button

Copy and paste (or type) this in your Blog or Web page.

It will look like this.

The Vegas Glow

Rob works in Las Vegas a lot. It's a city that glows and grows. It's like Disneyland in the desert.

.

Glow Filter

You don't need images for the glow effect. The glow filter can be applied to the DIV tag (and many other tags if you specify the width).

Copy and paste (or type) this in your Blog or Web page.

<div 
STYLE="filter:glow(color=#99ff33);width:300px;">
YOUR TEXT GOES HERE 
</div>

It will look like this.

Colors

Would someone give us some colors that look good glowing. We made a color chart with all 216 hexidecimal browser-safe colors, color names, and the 16 safe colors.

We want a neon glow effect, the Las Vegas look. Anyone? Thanks.

The more important question is do you see the glow effect?. In some browsers you may see the text without the glow.

Subtracting Design Techniques

"A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away."
-Antoine de Saint-Exup'ery



White space is free.

STYLEWARS

Make a box. Cheats are in
Boxes,
Stars, and
FAQs.

We started by displaying this copy and paste code and asked for links to your box .

<div style="width:200px;text-align:left;
padding:10px;background-color:orange;
border:2px dotted black;font-size:11px;">

YOUR TEXT GOES HERE 

</div>

Box 1: Dotted Box

Rageboy practices obedience and posts a simple red box with a font size of medium.

Box 2: Background Image Box

Stephen at PixelTheory made a box that includes a background image. Take a look at Stephen's live box and hover code. We can't make it work from here but you might be able to see the hover effect. He used an external style sheet.

Box 3: Glow Filter Box

Cindy made a strawberry flavored box with one line of code.

It really is only one line of code but for demonstration we are putting it on separate lines.

<div style="border:#FF69B4 2px solid; 
width:100px; 
filter:glow(color:#FFC0CB); 
text-align:center; 
padding:10px;">strawberry</div>

Box 4: Run Your Mouse Over Box

Brendyn likes the challenge and creates a nice box with mouseover action. It looks something like this (only better at his place).

Box 5: Mouseover Box

Gary made minor changes to Brendyn's box code to create a box that looks something like this.

A time for a lime and a lime of a time...

Gary also posted the code and reminds us that since he is using blogger the linebreaks need to be removed to make it long run-on line of code.

Box 6: Nested DIVs Box

Nancy made a purple box by nesting DIV tags.

Box 6: Invisible Box

bmoeasy created an invisible box. We think it was intended to be a white background box with a black border like this.

<br/>

The blogging tool got in the way and inserted break <br /> tags. The result is that the box code gets clobbered.

The code that does not work looks like this.

<div style="width:400px;text-align:left;<br />
padding:10px;background-color:white;<br />
border:2px dotted black;font-size:14px;"><br />
><br />
I really didn't expect this to work. 
But it did. I made a box. 
Can you tell? What do you mean, no? 
It's a box! <br /><br /></div><br /><br />

Why Doesn't it Work?

The <br /> tags do not belong in the code. Most bloggers have the tool set to insert line breaks each time the Enter Key is pressed. The tool then automatically inserts a line break <br />.

How Can I Fix It?

Remove all <br /> tags. The code will work. If you can't see the <br /> tags use the DELETE key to string the copied code on one line.



At Sugar-n-Spicy we found our original Annie. Thanks for keeping her safe Illana. We had lost her. Nice to see you back.

STYLEWARS

Make a box.
Cheats are in
Boxes,
Stars, and
FAQs.

Our Box

Copy and paste (or type) this inline CSS style code in your blog or Web page.

<div style="width:200px;text-align:left;
padding:10px;background-color:orange;
border:2px dotted black;font-size:11px;">

YOUR TEXT GOES HERE 

</div>

We're adding ICONs to our box...

That's our box.

Leave a link

Did you make a box? Leave a link in the comments (comments are up now) so we can visit your humble, fancy,artistic, or odd box.

Brendyn and Gary(tfs_reluctant) made unique boxes and even posted the code!

Did you made a box? We could all use a plain vanilla box too and we know that at one of you made a stawberry-flavored pink box.

HOWtoFIXKEYBOARDanyone?
WeKnowNowWhyKidsTYPElikeThis.
TheySpilledPepsiOnTheirKeyboardLikeWEdid.
TheMALCOLMDudeSaysToGiveItAbath.
SUGGESTIONSanyoneORdoWe
JustTrustTHATdude?

The Chair

GEORGE STRAIT

The Chair
(Hank Cochran/Dean Dillion)
Well, excuse me,
but I think you've got my chair.
No, that one's not taken, I don't mind
If you sit here, I'll be glad to share...

A Friday morning pic of Rob, back from Hawaii and taking my comfy chair. Makes me smile and snap a quick pic.

That's what you wanted fp. Thanks for asking dude. Whoa, wonder if this is what it feels like to come out of the closet? I feel naked.

STYLEWARS

Make a Box

Make a box.

Cheats are in
Boxes,
Stars, and
FAQs.

Our Box

Copy and paste (or type) this inline CSS style code in your blog or Web page.

<div style="width:200px;text-align:left;
padding:10px;background-color:orange;
border:2px dotted black;font-size:11px;">

YOUR TEXT GOES HERE 

</div>

The box will look like this.

That's our box. Would show us yours please.

Leave a link

Leave a link in the comments so we can all visit your humble, fancy,artistic, or odd box.

FLOAT QUOTE

"Because she knows me like no one else in this world, she knew that the silence had meaning. It took only a few seconds before she answered with her own silence."
~Angie

Float a Quote using the Paragraph Tag
Angie the MoodyMama can write. She is famous for the "f" word but her writings are filled with gut emotion. Some days she simply wants a gawdamned dishwasher that washes the gawdamned dishes and the next day she is just wanting some (yes, the sentence ends there).

We're testing the float code for a quote, tired of floating the boat.

Where to start?

Width:150px
We need to tell the browser how wide to make the quote so we guess 150px and add style to the begin paragraph tag <p style="width:150px;">.

Text justify
For now we will use the paragraph tag to justify the text <p align="justify">, but we could put it in the style for perfection.

Two-Color headline
Now add the Two-Color headline for a magazine look.

Float a Quote Code

Copy and paste (or type) this in your Blog or Web page.

<p align="justify" style="width:150px;
font:italic times,serif;
float:left;
color:brown;
padding:12px;">

THE TEXT HERE WILL 
FLOAT TO THE LEFT

</p>

The text to the right of the 
quote goes here. Keep typing 
and eventually the text will wrap 
around the quote. We don't 
usually float with the paragraph 
tag but it works the same as 
adding the style to the span tag.

Float Text Left

Floating Text A couple of you have asked how to float text to the left. You will be pleasantly surprised to see how easy it is to do with CSS span and float.

Copy and paste (or type) this one line of CSS styled code in your blog.

 
<SPAN  style="font:18pt times,serif;
float:left;
color:brown;
padding:10px;">
Float Text 
</SPAN> 

Now continue to type your text 
after the ending span tag. 
You will notice that the image floats
to the left and the text that we type 
here will align next to our float word(s) .

RageBoy

RageBoy types like this,

splatters images here and there, and exaggerates for effect.

He doesn't do comments. Do you visit RageBoy? Does everyone visit RageBoy? Is there anyone who hasn't visited RageBoy?

Whaddayathink?

Copyrights ©  Remember when...

We ripped this image from the New York Times article that The Dude linked us to, but instead of concentrating on the article we borrowed this image.

We don't use the Copyright © symbol. And obviously we don't use the ® symbol. But, do you remember when everyone was in such a copyright panic? Mom-and-pop sites and blogs were putting the little symbols next to amateur art and writings they created. Do you think the copyright police will come to the door?

We saw a blog use the Copyright symbol © for their doodles recently. They also had right-click disabled and appeared to be serious. We are flattered when someone takes our images, code, or writings.

©

This is a test. We figure that if the copyright police come to the door we can have the cameras ready to shoot and we will be famous. Arrested for copying a cute little cartoon from the New York Times.

©

What do you think? Have you ever been ripped off? Do you copyright or trademark or do you share your crayons?

©


Warning: Do not try this in your blog.

Happy Monday.

EyeContact is a blog where you don't have to read.

A Dotted Box

Using CSS SPAN tag for a small dotted box

HAPPY BIRTHDAY MOM

Copy and paste (or type) this in your Blog or Web page.

 
<span style="color:black;
background-color:#B0C4DE;
border-width:thin;
border-style:dotted;
border-color:black ;
width: 250px;
padding:10px;">
HAPPY BIRTHDAY MOM
</SPAN> 

For best results put the code all on one line. It will look like this.

HAPPY BIRTHDAY MOM

More boxes served copy-and-paste style are in the Borders and Boxes page. The dots are browser sensitive.The FAQs page contains more robust code for this box.

You can change the background color #B0C4DE and the dotted border color black using the colors from the color chart. We'll finish our box now.

But, because we are going over one line we are replacing the span with a div.

Fade Applet or JavaScript Slide Show

This fading image you see here is done with the old Fade Applet (click the link to see the short and easy instructions).

The JavaScript slideshow looks identical so you can compare and select either one for use on your site.

Talk Back!

Do you know of a better slideshow? Easier slideshow? Another method? Does this run slow on your PC?

post in progress...stealing code

Pink Boxes

"Mandarin Design...cool. A blog devoted to "cut-n-paste" tips and tricks for the care and feeding of your site. For instance, it taught me how to make:

Look! A pretty pink box!

~David "

Of course he comes in through the backdoor and doesn't let anyone see his practice page. Does everyone have a practice page or do you type right into your blogging tool?

Translate Your Words to Snoop Dogg

AskSnoop will translate your words into how Snoop Dogg would say it. It worked well when it tried it using AnitaRowland.com. Take it for a spin.

Try it on "The Dude", know what I'm sayin'

True Confessions...(continued from Thursday)

We forgot to say that we took ________ from _______ who took it from _______ who borrowed from ______who abducted it from ________ who stole it from ______ who had greatly improved it after stealing it from _______ who found it in online.

You fill in the blanks

Already there are people stealing the stealing idea, and someone else who decided to steal the stealing idea from them. If we can get a piece of that action we will steal it back, once it is perfected, and then you can steal it.

Steal This Code!

Please, steal some code today. Want an image instead? We posted some new surprise images yesterday. If you don't want the surprise you can cheat and look in the Gallery. All images are little guys (50 x 50 pixels) like this one.



Decorations for dull blogs. You don't need an image host for these puppies.

Farrago, we took just a tiny piece of one of your photographs. Are we busted? We don't usually do that (key word here is "usually"). Cool, the surprise image we are using today surprisingly turned out to be a Mandarin original.

We have fifteen minutes a day to post. Advice: Never blow out your knee, the recovery from surgery sucks and it's difficult to type with your leg elevated. And why do they call that a laptop? It will not fit in my lap. It wiggles when you type, falls to the ground and bye bye laptop.

It's off to the pool now. Wait, I don't have a suit. Oh, I know where to find one...those fishwrap folks have one that will fit... Ah, there it is, it's one of the Surprise Images. Thanks FishWrap.

We are off making new custom icons. Have a great Thursday (is today Thursday?).

True Confessions

We have fifteen more minutes. Has anyone noticed that we just go around stealing your ideas and then regurgitate them? We add some color (or steal the color and the font like we did with the new quote color from Slake) and add some flavoring and the same person we steal it from says

"We got that from Mandarin "

So today we are stealing from FridayFishWrap and they will never notice.

We steal on a regular basis from loowho, connie, and LillyAnne.

Susan, shirl, gary (who really does steal from us first), Farrago, fp, and more. We want to steal from this place but they make it difficult. We've marked lynn as a must-steal-from blog. The loot is there.

We haven't stolen from Stu or 8bitjoystick yet. But, we will.

While we are fessing up we might as well include George Sessum. We took that picture of him and colored it with crayons.

And we tagged brykmantra for anything green. The neon.

And finally, last but not least, we steal thoughts from "The Dude"

Right now he is thinking...

they didn't steal anything from me

more time left...

Martie will never bust us or figure out that we get ideas there and we'll wait long enough to start using the font style we took from FatShadow that they will not notice.

Brendyn watches close enough that we can't steal from him yet. Or, maybe we took his font once already. Yes, I think we did.

And when Paul Katcher did something like this -

WWW.SI.COM Here's the link to Sports Illustrated Swimsuit 2003. SI.com lets you see over 100 photos that you can't see in the pages of Sports Illustrated. Maybe we should make the new surprise images by making the little 50 x 50 pixel cuts from Sports IIlustrated Swimsuit 2003 edition.

Pssst. If you spell it "Sports Ilustrated" with one "l" you get more hits.

We followed. We still get folks looking for Swimsuit issue every day. We feel some obligation to post it again so the folks aren't wasting their clicks. Yes, Swimsuits sell.

And we also steal heartaches. That's the part of blogging that ...gotta go, at the door knocking

TEN MINUTESTEN ITEMS

We found some great new sites during the Scavenger Hunt. Let's post it again so that we can all go back and visit in our leisure.

Bandwidth Magic::Ouch!

Farrago, Farrago, Farrago

The MAYDAY PROJECT photography at Farrago is so stunning that a surge of visitors on May 10th caused the site to max out the allowable bandwidth quota. It automagically shut down for 24 hours.

They are back up so now we can all visit one-at-a-time.

Ouch!

We just tested the link and the message reads

" The website you have requested has exceeded its daily bandwidth quota of 56MB and has been temporarily de-activated. It will automatically be re-activated within 24 hrs. "

Farrago, are you reading? Want to vent? We don't use the "F" word but you can. I think we still own WebHostingThatSucks.com if you want to activate it.

Kitty kitty