The Wayback Machine - http://web.archive.org/web/20040401141841/http://www.mandarindesign.com:80/blogger.html
Mandarin Logo
Main     Blog    FAQs    Box Tips    Text Tricks    Color Chart     Free Gallery     Web Help
TWO CENTS CURRENT ISSUE 2004 | JAN | FEB | MAR WEST SACRAMENTO CALIFORNIA USA

Wednesday, March 31, 2004

Today is a Holiday in California

Cesar Chavez Still Inspires Marchers

Today is a holiday for California state workers, a day to honor Cesar Chavez who founded the National Farm Workers Association in 1962. He is credited with improving wages and working conditions for thousands of California Latinos. Chavez died in April of 1993. Our cousin, Al Rojas, is a former top aide to Cesar Chavez and speaks at commemorations of the life of the United Farm Workers leader. Along with Chavez he helped the Latino and immigrant people who work in the nation's fields and orchards. Today he is featured in the Sacramento Bee article Cesar Chavez Still Inspires Marchers



To honor Cesar Chavez we are using the color Tomato and the nice, but not always rendered, Papyrus font.

YOUR TEXT HERE

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

It will look like this.

YOUR TEXT HERE

Is Cesar Chavez Day observed in your state? Do you have a holiday that is unique to your area?



Tuesday, March 30, 2004

Reusing Fabric: Images and Borders

I just came back from visiting Joel where he frames just about everything in the color named gold. And I'm beginning to think that even the piece of fabric will look good bordered in gold. Ha, and it does. But this post isn't really about gold or the fabric. It's about reusing images. One image (our scanned fabric) that is 11K is worth repeating. It only costs the first time we load it. Each display after the first costs little, nearly nothing in bandwidth. It's already in cache (pronounced the same as cash). A cache strategy for images still makes sense on the Web and in Blogworld where there are still folks on dialup. And we all want fast-loading pages.

Borders made with code are cheap - HTML and CSS takes very little time to load. Reusing images and applying borders is a way to make your page load faster.

If you plan a post for the first day of the month like Bryk does the image reuse starts making even more sense. Google tends to send visitors to archived pages. And since we archive monthly, reusing the same image during the month will make that full month page for March load even faster.

CSS Border: 1 pixel solid gold

A simple border only needs the style="border:1px solid gold;" added to the IMG tag.

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

It will look like this.

CSS Border: 5 pixel solid gold

A simple border only needs the style="border:5px solid gold;" added to the IMG tag.

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

It will look like this.

Dotted Border 2 pixel gold

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

It will look like this.

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

Dashed Border 1 pixel gold

It will look like this.

Matted Style Border gold

This image with a frame and matte is coded for floating an image to the left with padding of 10 pixels between the image and the text. You can copy the code (image included) and use it as it is. Or copy the code and then insert the name of your image and the width and height of your image. The rest of the code doesn't need to be changed.


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

It will look like this.

YOUR TEXT GOES HERE

There's more about CSS Borders and Mattes with copy and paste centered borders using white mattes and other colors. This example uses a span with padding to put the gold around the image and then a solid black border around the image.



Monday, March 29, 2004

Photo of Michelle Goodrich BY MICHELLE GOODRICH
(April 2004)
Is your PC running slow? It needs a little help sometimes. With routine preventive maintenance you can keep your machine running clean. Here's a step-by-step approach to keep your PC in tune - Maintaining Your Own PC.

I wrote this for my friend who bought his first PC a few months ago. He's technical but more so in the mainframe arena. His questions about how to make his PC run faster and better made me realize that some people don't know the basics (and if I've left anything out please let me know).

Our PC is more than three years old so I ordered a replacement yesterday. It gets pounded full time and the hard drive is beyond repair. The CD drive was clobbered when Sammy put a floppy disk in it and successfully shut it. It's humming with every start of Adobe. Overworked and tired. Or is that me? Either way, the new PC will be here this week (1 Gig of RAM!) and I took the week off work so we'll both get a rest.



More

Read all of MARCH 2004...

Mandarin Design Daily
"For people who make mistakes"

Blog Tips, Tricks, and Cheats

decoration

Search WWW Mandarin

Qoöl BLOGS!

NEW LINKS COMING IN

Looking for a Referrer Script?

The script running here is our
customized version of the
Stephen Downes's Referrer Script
that is no longer available.


Web Color Table
000000330000660000990000CC0000FF0000
003300333300663300993300CC3300FF3300
006600336600666600996600CC6600FF6600
009900339900669900999900CC9900FF9900
00CC0033CC0066CC0099CC00CCCC00FFCC00
00FF0033FF0066FF0099FF00CCFF00FFFF00
00FF3333FF3366FF3399FF33CCFF33FFFF33
00FF6633FF6666FF6699FF66CCFF66FFFF66
00FF9933FF9966FF9999FF99CCFF99FFFF99
00FFCC33FFCC66FFCC99FFCCCCFFCCFFFFCC
00FFFF33FFFF66FFFF99FFFFCCFFFFFFFFFF
00000000330000660000990000CC0000FF00
00003300333300663300993300CC3300FF33
00006600336600666600996600CC6600FF66
00009900339900669900999900CC9900FF99
0000CC0033CC0066CC0099CC00CCCC00FFCC
0000FF0033FF0066FF0099FF00CCFF00FFFF
3300FF3333FF3366FF3399FF33CCFF33FFFF
6600FF6633FF6666FF6699FF66CCFF66FFFF
9900FF9933FF9966FF9999FF99CCFF99FFFF
CC00FFCC33FFCC66FFCC99FFCCCCFFCCFFFF
FF00FFFF33FFFF66FFFF99FFFFCCFFFFFFFF
0000000000330000660000990000CC0000FF
3333003333333333663333993333CC3333FF
3366003366333366663366993366CC3366FF
3399003399333399663399993399CC3399FF
33CC0033CC3333CC6633CC9933CCCC33CCFF
33FF0033FF3333FF6633FF9933FFCC33FFFF
3300003300333300663300993300CC3300FF
6600006600336600666600996600CC6600FF
9900009900339900669900999900CC9900FF
CC0000CC0033CC0066CC0099CC00CCCC00FF
FF0000FF0033FF0066FF0099FF00CCFF00FF
3333003333333333663333993333CC3333FF
6666006666336666666666996666CC6666FF
9999009999339999669999999999CC9999FF
CCCC00CCCC33CCCC66CCCC99CCCCCCCCCCFF
FF0000FFFF33FFFF66FFFF99FFFFCCFFFFFF
000000333333666666999999CCCCCCFFFFFF

HTML and CSS
Examples

Popular Code

The Blog Files: TIPS and TRICKS

POPULAR
TOP TIPSLots of tips and tricks and treats inside
Mr Picasso Head
Direct link to Mrpicassohead.com
Box: Clickable Thumbnail
Box: Two-Color Gold Presley
Borders: CSS Borders an Mattes
Border: Dotted Box Text Centered
Hover: Change Hover Color
Image: Quick Border
Image: Float a Boat
CSS: Glow Filter:
CSS: Shadow Filter Purple Float
CSS: External Style Sheet
Technorati: Add Your Picture
IMAGES
QUICK IMAGE CHEATS
Free: Dude, You Need an Image
Free: Candy Heart Image Maker
Free: Surprise Images
Image: Picture Border
Image: Quick Border
Image: Flip Image Vertical
Image: Mirror Image
Image: Clickable Thumbnail
Image: Thumbnail in Box
Image: Float Left
Image: Float Right
Image: Float a Boat
Image: Float Text Left
HOLIDAYS
FAQs
just a decoration
Frequently Asked Questions
CSS STYLE
STYLE SHEETS
CSS: External Style Sheet
CSS Style
Download Style Sheet
CSS Pure Text Page
Textual Wizardry
FORMS
FORM CHEATS
Customize HTML Forms
CSS Style

MORE HTML and CSS CHEATS
Inline Style: For Blogs
Inline Style: Combining tags
External Style: Simple Style Sheet
BOXES AND BORDERS
HTML BORDERS AND BOXES
Box: Sample Boxes
Box: Template
Box: Clickable Thumbnail in box
Box: Clickable Thumbnail Easy

Border: Dotted Box Text Centered
Border: Dashed Border
Border: Bordered table
Border: Bordered Picture
Border: Bordered Picture 2
Border: Bordered Text

Box: Main Cheat Sheet Easy
Box: Centered Bordered Box
Box: Solid Border Centered
Box: Dashed Border
Box: Dotted Border
Box: Halloween Box
Box: Simple CSS Box
Box: Simple CSS Box 2
Box: Bordered Solid
Box: Bordered Box 2
Box: Dashed Border with Image
Box: Elvis Presley
Box: Two-Color Gold Presley
TEXT

TEXT TIPS AND CHEATS
Text: Main Cheat Sheet Easy
Text: Bordered Text
Text: Centered in Dotted Box
Text: Colored Text
Text: Huge Text
Text: Highlighted Text
Text: Typographic Control
Text: Webdings Graphic Look
TEXT STYLE TRICKS


TEXT STYLE TRICKS
Text: Inline Style Colors
Text: Float Left
Text: Float Right
Text: Font Papyrus
Text: Font Fun Fonts
Text: Overlapping
Text: Overlaying
Text: Relative Positioning
Text: Text Colors
Text: Two Color Headline
Text: Graphic Look
CSS SHADOW FILTER

TEXT FILTER FUN
CSS Shadow Filter: Purple Float
CSS Shadow Filter: td TAG
CSS Shadow Filter: 1
CSS Shadow Filter: 2
CSS Shadow Filter: Orange Peace
GLOW FILTER

CSS Glow Filter: Easy Cheat Sheet
CSS Glow Filter: Tutorial
CSS Glow Filter: Yellow
CSS Flip Filter: Flip Vertical
TRICKS

WEB TRICKS AND TREATS
Template: Main Cheat Sheet Easy
Template: Time Magazine
Template: For Dummies
JavaScript Slide show

GOOD STUFF
Get Rid of Gator Free
SOUND

PLAY SOUNDS
Play .mid and .wav
Play Sounds in Blog
ICONS

ICONS
Icons: Main Cheat Sheet Easy
Icons: Free Icons
Icons: Those Little Icons
Icons: Cheat Sheet
JAVASCRIPT

Quick Cheats
Main Cheat Sheet: Easy
JavaScript: Close Window option
JavaScript: Open New Window
JavaScript: New link New Window

WEIRD SCRIPTS
JavaScript: Just came from

Link to Mandarin

Adjustable Text Link

You don't need images to link to us.

Blog Trashed by
Mandarin

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

It will look like this.

Blog Trashed by
Mandarin

You are welcome to take this text link. Fiddle with it and make it your own. Or, you can post it exactly as it is.

Google
FUN
Google News
Google Zeitgeist
GooglePeople
GoogleFight
Google: Add Your Page
Google Page Rank
TECH IT EASY
QUICK CLEAN
PC Cleanup
Quick Image Optimizer
GOT A LIFE?
Start a Blog
Start a Tag Board

MANDARIN ARTICLES
Making Images Glow
Colorizing in Adobe
Accessibility is Boring
WEB HELP

ColdFusion
Favicon 
Free Banners
BLOG    FAQs     Front Page    CSS:Boxes    TRICKS    About Us    CSS Style    Color Chart    GALLERY    Pure Text    Remove Gator    BACK TO TOP  
Powered by Blogger West Sacramento, California | All Mandarin materials may be copied without our permission. A link is appreciated but never required.
Powered by Blogger Pro TheDataWeb Federal Census Validate HTML Network Fusion GeoURL Yahoo Buzz Google Zeitgeist Lycos 50 Validate Style Sheet The Elements of Style Free Criminal Records NASA pictures Elvis   Sparkplug Sacramento Local Insider(Daniel) Search1  Search2 TP TP2 Ping Technorati HaloScan Ping blogger Ping Index Ping FAQ Ping Gallery Ping Boxes Technorati
Mandarin Archives: 2004: J F M A M J J A S O N D 2003: J F M A M J J A S O N D 2002: J F M A M J J A S O N D
Popular Mandarin Pages: Banners with Backgrounds Tag Board Gator ColdFusion Fade Images CSS Style Refer