White Borders Around Pictures

This is our blogging friend Dipta who lives in Indonesia. He posts interesting pictures and says today's post is about the holiday season Eid Mubarak. We borrowed Dipta's simple table and pictures. He uses a defined width and height combined with white borders around the pictures to create visual white space.

Here's the copy-and-paste code.

Put the code in your Blog or Web page. It will look something like this.

Pictures:
images/tnsholat1.jpg
images/tnsholat2.jpg
images/tnsholat3.jpg

1. Change the name of the pictures.
2. Change the TABLE bordercolor="#ACCAE1" (light-blue) to match your picture.
3. Adjust the TABLE width="320" and height="150" to fit your pictures.
4. The border: 3px solid #FFFFFF is a 3 pixel solid white (#FFFFFF) border.

For more borders see Boxes and Borders

Hmm...

GIVING?THANKS!

Cindy says Happy Thanksgiving with the glow filter, while Shirl gives us a sneak peek of her day that includes a shot of Vodka. PunkClown tells us about new software (he's in Australia so it's already tomorrow there).

Dave points to this English-to-12-year-old-translator that lets us enter One hundred dollars is the universalizing point for any technology and the translator spits out ONE HUNDRED DOLARS IS DA UNIEVRSALIZNG POINT FOR ANY TECHNOLOGY. Dave's example worked better.

Jeneane is on a roll.

That Turkey in the kitchen needs to be stuffed now...

It smells good. Are you at Mom's house today? We lost Mom on the eleventh day of the eleventh month many years ago and then lost Dad on the eleventh hour of the eleventh day of the eleventh month two years ago. Can you snap a picture of your Mom or Dad today? Some of us like pictures of parents even more than cats or dogs.

We are enjoying the articles that Misbehaving finds. Check out the comments. And just one more that we found the link to today, LunchMoney, on the eleventh day of the eleventh hour of the eleventh month. Steve wrote this tribute on 11/11/2003 to honor Cleveland Jackson.

So I went over to lift an image for an icon but got sidetracked. This face tells a story that the blog doesn't tell. It's Leslie.

The image was reduced to a fast-loading .gif format. In Adobe every pixel speaks. Using the eye dropper tool to sample the colors we find the hexadecimal color equivalents.

Thick and Thin

Border Styles: Groove, Ridge, and Inset
Size Thick

Now we can border the image with the sampled colors.

The border style code looks like this.

<img src="images/leslie.gif" style="border: thick groove #F96;"> <img src="images/leslie.gif" style="border: thick ridge #636;"> <img src="images/leslie.gif" style="border: thick inset #963;">

Border Styles: Groove, Ridge, and Inset
Size Thin

The border style code looks like this.

<img src="images/leslie.gif" style="border: thin groove #F96;"> <img src="images/leslie.gif" style="border: thin ridge #636;"> <img src="images/leslie.gif" style="border: thin inset #963;">

Okay, now I'll go reduce her to an icon. Leslie, if I had a face like an angel it would be splattered all over this place. You could be a Christmas card, sell your own Cafe press Christmas ornaments (hey, Christmas ornaments!).

Featured Blog of the Week
Stu Savory's Blog

Here's a tidbit from Stu's blog.

Micro soft-headed : Instead of flaming MS today I'm gonna show you a neat freebie. I just hope it works in your language-version of Word, and not just in German. Let me know if it works in your language too, please. Open a new, empty Word-document and type in : = rand (200,99) then press "enter" and wait about 3 seconds .

Try it on your PC. It worked in our English-version of Word. Did it work at your place?

How can we let visitors open a Microsoft Word document?

We created a document named example.doc on our server. Click Here to open example.doc. Here's the HTML code to open a Word document named example.doc.

<A href="example.doc" target="_self">
Click Here to open example.doc</A>

A Happy Birthday

Tomorrow is my birthday, not one that is much reason for celebration but daughter Lanissa is planning a party.

What do I want? World peace. But more realistically I would like to see Annie (that's Annie in the red dress). We look alike with "golden hair and blue eyes" as she describes us. She likes pillow parties and dress-up clothes. Seeing the Taterbug would really light up my life. He was my son until age seven and is over six feet tall now.

The new baby has aqua eyes and a funny face she hasn't grown into yet. I would like to see her.

It's rumored that Annie, Taterbug, and the baby will be at the party. I guess birthdays can be a good thing. I hope so.

Birthdays: Clay Aiken turns twenty-five on November 30, 2003.

Steal This Code!
Things You Can Do With Coke
1. Put it in a CSS Centered Box:Solid Border

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

It will look like this.

---

Things You Can Do With Coke
2. Put it in a CSS Centered Box: Dotted Border

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

It will look like this.

---

Things You Can Do With Coke
3. Say It in Color

CocaCola

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

It will look like this.

CocaCola

---

Things You Can Do With Coke
4. Share it

Right-click and take this Coke. Link back to the site you took it from. I stole mine from Mandarin, who stole it from, who took it from someone...

If you can't store images use this code that direct links to our coke.gif image. Copy and paste (or type) this code in your Blog or Web page

It will look like this.

Right-click and take this Coke. Link back to the site you took it from. I stole mine from Mandarin, who stole it from INSERT, who took it from INSERT...

---

Monday in the IT Trenches

Power up 3 PCs
Run Perl program to refresh desktop1 with today's news
"A historic transfer of power" Schwarzenegger in at 11:00AM
Email 71
Dismiss all meetings
Governor Change - Please Rea...
Update all docs to reflect new Governor today
Roger that
Switch PCs using the new Raritan
Logon to mainframe - forgot password
Need a quick check of IP Address

Your IP Address

Speed read email
Junk mail reminder - update SSL certificate
Send something to <name AT domain.org>

Netmechanic says we can use a "hard return" in the ALT and TITLE text. It worked. Hover over the image.

It's 10:59. We'll have a new Governor in one minute.
Inauguration
Back to work.
Review router configs, diagrams, and documentation. Write web-enabled system that will let customers see their router configurations. What language(s)? Thinkity, think...

Go home. It's dark

Is the http://www Required in a Link?

The best practice is to use the most complete form of the URL: http://www.mandarindesign.com/blogger.html

Include the protocol http:// and the full server name www.mandarindesign.com/blogger.html.

Why?

• If you leave the www out the browser may have to do a retry and add the www for you.
• Two otherwise identical addresses can point to two different servers, one that uses the www and one that doesn't.
• Some addresses will not work without the www.

Some addresses do not contain a www. Even if the full URL contains the www it will nearly always work if you forget to include the www in a link. The browser just might have to do a little extra work for you.

Have a great Monday.

Colorizing Images

We found this picture of baby Phoebe at 2Flower who used Lynn's Colorizing Black and White Images tutorial to colorize part of the image.

" I tried this tutorial out tonight on a picture of my niece Phoebe. My brother took the picture, and I just loved it. I decided to try colorization on it, and I thought it turned out really cute.

I used PSP 7 instead of Photoshop, but the tutorial still made sense to me. "

What a perfect use for adding color to a black and white image.

Blogging From China

We are blogging via email for Jeeem who is living behind the great firewall of China. Jeeem included a photo of his students that you will enjoy.

100% Free Clip Art

Tack-O-Rama
Yes, this nifty retro tikki graphic is 100% free at Tack-O-Rama.

We made the image transparent and then used Gary's simple Glow Filter instructions to add the pink glow. The image is black and white with style="filter:glow(color=pink,strength=3)" added to the IMG tag.

Ilana found With Gusto, a blog that has taken Tack-O-Rama a step beyond, adding funny captions to make comics.

A caption for the Hula girl anyone?

Aloha

Kickin' it at the beach. The Internet access is right inside, $1 per minute. Outta here.

Is your slip pink?

The technology job is secure but Rob's company is merging with another and there's talk of severence packages and well, we think it's time to cash in some frequent flyer miles and hotel points. We'll be at the Hyatt Regency Maui Resort for a week.

The weather report is 86 degrees today. Elvis loved Hawaii like we do. Yes, Rob works in Hawaii but not Maui so this will not feel like a work trip.

Is your slip pink?

Elvis

ALLSHOOKUP

We are still blogging to the Elvis Medley. If you are deaf don't feel left out, the hearing folks don't click it either. Copy and paste (or type) this in your Blog or Web page.

It will look like this.

CSS Instead of Graphics

Shadow Filter in DIV

Text is free or cheap. The following is text, not a graphic.

The Elvis is HTML text with the CSS Shadow filter applied. Copy and paste this in your Blog or Web page.

<div style="width:400px;filter:shadow;color:pink;font-size:32pt;padding:10px;"> Elvis </div>

It will look like this.

IE Shadow Filter on Heading Tag

Elvis

You can apply the Shadow Filter to an HTML Heading tag like this.

<h1 style="width:400px;filter:shadow;color:pink;font-size:32pt;padding:10px;">Elvis</h1>

It will look something like this, depending on how your heading tags are defined in your style sheet.

Elvis

ALL SHOOK UP
HTML, CSS, DIV, SPAN

DIV BORDERSSPAN COLORS

The Elvis centered box with a border is made with the DIV while the color change inside the bordered box is done with the SPAN. Copy and paste (or type) this code in your Blog or Web page.

<DIV align="center">
<div style="width:300px;
font-family: sans-serif;
font-weight: bold;
text-transform: capitalize;
text-align: center;
padding: 5px;
border: 2pt;
border-style: double;
border-color: black;
padding:10px;background-color:#CCCD94;
border:1px solid black;">
BEFORE  ANYONE  DID  ANYTHING, 
<span style="color:white;font-weight: bolder;">
<br>ELVIS </span>   DID     EVERYTHING
</div>
</DIV>

Put the code on one line. Or, copy and paste from here.

<DIV align="center"> <div style="width:300px;font-family: sans-serif;font-weight: bold;text-transform: capitalize;text-align: center;padding: 4pt;border: 2pt;border-style: double;border-color: black;padding:10px;background-color:#CCCD94;border:1px solid black;"> BEFORE ANYONE DID ANYTHING, <span style="color:white;font-weight: bolder;"><br>ELVIS </span> DID EVERYTHING </div> </DIV>

It will look like this.

This code works best when you listen to Elvis. For more color choices open the color chart. We used the hexidecimal color #CCCD94. You can open the named color chart to find colors like gold, pink, and green.

SpyWare and AdWare
Gator is Claria

UPDATE
brykMantra tells us today that Gator has changed its name to Claria. Learn more here.

BaloneyDude recommends Spybot Search & Destroy