Mandarin Logo
MainBlogFAQsBox TipsText TricksColor ChartFree GalleryCSS Opacity
TWO CENTS CURRENT ISSUE 2006 WEST SACRAMENTO CALIFORNIA

Make a Non-profit Banner Link

food not bombs food not bombs food not bombs

You can use the squares in the Gallery to customize your own link or to make a link to your favorite non-profit organization. Here's one we made today using the image named foodnotbombs1.jpg .

Copy and paste this in your Blog or Web page.

It will look like this.

Food Not Bombs
Morgan in Vermont is spreading the word about the Food Not Bombs (FNB) organization. The City of Orlando will vote on Monday, June 19th to stop allowing the weekly sharing of food for the hungry at Lake Eola Park in downtown Orlando, Florida. It's still OK to feed the pigeons in the park, just not the people. Read about it here.

We wrote to Orlando City Commissioner Patty Sheehan who is rumored to have initiated the City Ordindance.

This isn't just about Orlando. There is an ordinance that could spread quickly. Maybe to your town.

Friday, June 16, 2006     Permalink   EMAIL  

House of Mandarin

frank Stu, our dear friend, who lives in Germany but blogs in English and German. Always a good read. Had to put him back in the first row so we can find that smiling face.  Yo Kim! Kim of Michigan who writes little gems. Kim is the doodle bug expert and image maker. cindy shirl Noded. A special day to you. Oh yes! The excellent photography and the polaroid border dude... Morgan Brown daisy susan Col. Mustard in the Library with a Hammer golby in South Africa paul Too funny. Go out to Krugle to see how they got in and land on code they ripped off at Mandarin. It's OK to rip it off but this one is ha ha funny cause they are sposed to be a technical site. In Germany they take our code and rework it in German. Some have reworked it in Bahasa. And countless have reworked it and presented it as education material in languages I know nothing about. That is great. Theirs always looks better than mine. Online since 99 so the design is dated and i'm too old to do it over. There are hundreds and hundreds of pages at mandarin and i still recognize my code. i don't borrow code. Some people use books, some search for examples on the net. I've worked with those types. Me? I just make it up as i go while they are pulling code examples and trying to figure out what it does. i code my own. been sharin it since 1984 but don't tell anyone cause they will know that i'm really that old. and when the internet was a black screen with green text and we could help people with questions. krugle is exactly why some developers can't write their own code. i think it is necessary to be able to do all of it without looking at a book. serious developers that is. ah, that is too serious. krugle will show me what? the only code i've seen worth stealing is rb. that dude can actually make up his own shit. and it pisses me off that he knows how to use color. and words. and stuff like that. steal my cobol, steal some php, python anyone? steal the database design. that was pure genius. steal ...oh, i gave that code away to the national marine fisheries service and got commendations, and from the sas institute back when they used to thank us. but no, nobody wants real code. jes some html and css and ...the easy stuff. they never taket the good stuff. I've fallen into Krugle and I can't get out! Weird news.Oops. Need to check that. Exploding Cigar. Tales of the weird... Janice. Janice, a Philippine site with friendly photos and fun... photo of dave Alan.Our friend Alan from the San Francisco Bay Area. Trips to Disneyland, Seattle, and going to China and Hong Kong!  Mozilla and IE. Posting more frequently!  gary Carmel Indiana Now in Riverton, Utah. He is a Safari dude. A two-time father who has finally found time to start posting again. rieke DIPTA Great pics of New Orleans CrabAppleLane. Rob Ferrara in Bush Louisiana USA. Gary Turner. The idea man.  Gary Turner lives one hour north out of London in Northampton, England with his wife and daughter and he describes himself as a passionate technologist and a visionary. Talk Left: The politics of crime doc 2 Flower Cassie the breadmaker and more. A darn good blog. stephen Leslie I know you come here. Say something! Leslie grlinabox who now has a face. She is getting her own dot.com name soon. Soonday. MJ Liz dropcaps punkclown ilana Angie Alex lives in Japan right now, on the US Air Force Base.Has lived in Hong Kong and Uruguay. Have husband will travel.Alex has students from the countries affected by the Tsunami. dropcaps ? not gone? shirl riri bill yep. it's a mystery and they think HE is the guru of all gurus. they think he is a he. for a she they could not appreciate the intensity. The Chrocet Blog. You will get hooked. Kuan GC Gondolier Kuala Lumpur: Malaysia Richard is not a blogger but his creations are worth viewing. It must feel good to make things. Welcome to Mandarin my friend. Flightless in cape town Coding whiz Paper Clipping

Overheard: It's not exactly what Gondolier says, it's how he says it.

This is the first time we have seen anyone attempt the copy and paste for the full center float and it's done nicely at ABAFOS and DESABAFOS.

Wednesday, June 14, 2006     Permalink   EMAIL  

This is a black and white version of the US Postal Service Breast Cancer Fundraising Stamp. We pay a little more than standard postage for the stamp and the money goes to Breast Cancer research. We grabbed a black and white version then did a right-click on the image to determine the dimensions. This image is 125px x 188px. The dimensions are important to the browser.

Black and White Color Overlay
When we first started fiddling with opacity the ability to overlay color on images using pure CSS code was a big "wow". Black and white photographs can be overlayed with a light sepia toning for continuity, especially for old black and whites. The color overlay can add visual interest. While we haven't put together a family page with old black and whites we keep this code in mind.

The code is simple. No tricks. Instead of putting the image in the img tag we are using the image as a background in the div.

  1. First we lay down the color using a div defined the same size as our image.

  2. Then we lay a div on top that contains the image as a background.

  3. The blend of the background color blue and the image looks like this.

Change the Color

We can change the background:blue; to any valid HTML color.

Copy and paste in your Blog or Web page.

It will look like this.

Orangered

Copy and paste in your Blog or Web page.

It will look like this.

Deeppink

Copy and paste in your Blog or Web page.

It will look like this.

Darkolivegreen

Copy and paste in your Blog or Web page.

It will look like this.

Gold

Copy and paste in your Blog or Web page.

It will look like this.

Teal

Copy and paste in your Blog or Web page.

It will look like this.

Red

Copy and paste in your Blog or Web page.

It will look like this.

Thursday, June 08, 2006     Permalink   EMAIL  

Archives

2006: J F M A M J J A S O N D

2005: J F M A M J J A S O N D

2004: J F M A M J J A S O N D

Mandarin Design
"For people who make mistakes"

HTML and CSS Examples
Popular Blog Code
TIPS and TRICKS

Magazine style is easy with simple copy and paste code for styled drop caps, small pullquotes, new orange pull quotes,
...this will look like some of the pullquotes and styles we see in magazinelayout...
opacity pullquotes, and easy pull quotes. A magazine cover and highlights are served cut and paste style in Text Tricks. Add Polaroid borders, triple borders, and float pictures left and right the easy way with tips and tricks in the Box Tips and FAQ sections.



Search WWW Mandarin

THEBLOGS!

April Quilt The Quilt People...October 2004 The Quilt People...April 2004 Deaf Blogger Sign In The Quilt People...November 2003 including the Women and Tech Blog Prom The Quilt People...October 2003  Women and Tech Blog Prom
NEW SITES COMING IN


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

Blog Tips, Tricks, and Cheats

Magazine Style: The Joy of CSS
The joy of CSS. Here we are using font sizes, margins, floats, and line height to position the text exactly where we want it. Copy and paste code is here.

Image of code in IE and Mozilla
MAKE A LOGO
MAKE A BANNER OR LOGO NOW
Make Your Own Banner
Make Your Own Logo
LINK TO MANDARIN
ADJUSTABLE TEXT LINK

You don't need images to link to us.

Blog Trashed by Mandarin

Copy and paste this in your 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.

Recent Tips and Tricks


January 2006
CSS Float - float image and caption to the left.


February 2006
Copy and paste call outs and CSS opacity borders.


March 2006
CSS Classes
Referencing multiple CSS classes to make a box float.


April 2006
Magazine style CSS and Alphabet blocks for added unique Blog style.


CSS Classes
Referencing multiple CSS classes to make a box.


Polairoid Border
The Polaroid border is served copy and paste style.


Fashion Colors
The latest Web fashion colors.


Magazine Style
Magazine style cover image with a rainbow insert.

MANDARIN MAIN PAGE


More Free Tips and Tricks on the Mandarin Main Page Click Here


THE END

Michelle and Rob Wooliscroft

own and operate this site. Phone 916-371-6977 for more information.
MAIN BLOG FAQs CSS:Boxes TRICKS About CSS Style Color Chart GALLERY PureText
Validate HTML Validate Style Sheet Elements of Style Yahoo Buzz Google Zeitgeist Lycos 50 W TP TP2 TF Technorati Sitemeter
Mandarin Archives 2006: J F M A 2005: J F M A M J J A S O N D   2004: J F M A M J J A S O N D  
Clean PC Banners Free Banners Tag Board Gator ColdFusion Fade Images Refer Grouping Web Help Drop Caps
This work is licensed under a Creative Commons License