Mandarin Logo
MainBlogFAQsBox TipsText TricksColor ChartFree GalleryCSS Opacity
TWO CENTS CURRENT ISSUE 2006 WEST SACRAMENTO CALIFORNIA
frank shirl Noded. Excellent photography and the polaroid border dude... Kim of Michigan uses IE because it does what he means instead of what he said. Kim is the doodle bug expert and image maker. Carmel Indiana Leslie grlinabox who now has a face. She is getting her own dot.com name soon. Soonday. Morgan Brown Col. Mustard in the Library with a Hammer cindy Life in the present. Art and images and more... Norsehorses-turf Rayne Today' golby in South Africa Cassie the breadmaker and more. A darn good blog. shelly Exploding Cigar. Tales of the weird... Janice, a Philippine site with friendly photos and fun... photo of dave diana 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 Now in Riverton, Utah he is a Safari dude. A two-time father who has finally found time to start posting again. rieke Stu, our dear friend, who lives in Germany but blogs in English and German. Always a good read.  DIPTA doc 2 Flower stephen susan Kane MJ jmo jen letrascomgarfos Liz punkclown paul ilana Angie photo of Justin theo 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 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. bill shirl shirl daisy riri bill The Chrocet Blog. You will get hooked.

Happy New Year! I just went to the right side of this page to cut that drop cap. I like the way adezigh.net uses the drop caps. That's the page I'm really reading right now. Frank is alive and well blogging about the BlogAfrica 2005 Quiz. We failed. Claude has a quilt of favorite photos taken this last year. I pick the rose. Leslie would pick the rose if she was awake. Morgan, wake up! It's time to party. Is it snowing there? That looks like snow. It is snow.

What time is it in Germany Stu? Ah, he has a photo of Wilma. We loved that dog. I do wish I had never called Stu a bushwacker (sic). His response was to trademark Bushwhacking™. There's no way to mess with Stu and win.

Nearly couldn't find Shirl on the quilt. Looking for Grandma Bea's candle. It was way down there, now it's up there. Much Moaning has a picture of a tractor and farm fields. And this quote


I'M RETIRED
(This is as dressed as I get)
meg thought it said ...

I'M RETIRED
(This is as depressed as I get)

We misread a lot of things these days.
We aren't ignoring you Malaposta.
We aren't ignoring you Malaposta.
We aren't ignoring you Malaposta.
We aren't ignoring you Malaposta.
We aren't ignoring you Malaposta.
We aren't ignoring you Malaposta.
We aren't ignoring you Malaposta.
We aren't ignoring you Malaposta.

Copy-and-Paste Break

Happy New Year! is one way to say it. If you keep on typing it will wrap around.


Type this in your Blog or Web page.

It will look like this.

Happy New Year! is one way to say it. If you keep on typing it will wrap around.


Happy 2006

Kim says it well.


love. peace. joy. prosperity. wisdom. integrity.
2006. and ever onward.
please. thanks.
~Kim

I (meg) had successful spinal surgery late this year that allows me to work 4 hours each day in my usual occupation - Software Specialist. Mostly writing programs. Not much Web development, actually just writing some .bat files to upload and download data from the mainframe and trying to modify an old FoxPro program.

...the email has leveled off. When I returned to work there were 6,941
emailswaiting...

There's some PERL in there and a little REXX here and there. No JavaScript. Never did like it. The email has leveled off. When I returned to work there were 6,941 emails waiting. That overloaded Outlook. One PC was dead, two were still powered on after 6 or 8 months, however long I was off work. Pain pills keep me blogging and I think they affect the spelling ability and more...more, way more.

Stupid Meg Tricks

post in progress...

And it may take all year. Why? Mandarin has been online since '99. When we started blogging using Blogger just one page was a blog. Now we have many pages, each one is a separate blog even though it may look like the pages are all the same. Can you believe that? There is no magic, no code behind the scenes, nothing made easy like the day job.


Blog
trashed by
Mandarin

We should be able to change the header and have it apply to every page, but we started it out wrong and now have to maintain each page as a separate blog. A major mistake that is difficult to admit, especially since we would never try to get away with this at work. It is not an acceptable design model. So, there you have it. There may be some smoke and mirrors but it's all just typed in HTML and CSS.

...each post is typed manually or copied and pasted fromMandarin...

We forget to spellcheck, never use the automatic link button, and don't have templates set up for even the most repetitive tasks. Each is typed manually or copied and pasted from Mandarin. And so with the new year, and even a new month, we are off to change the header or not.

This is not computer science, and you don't have to be a rocket scientist to be a rocket scientist. We shoot from the hip and if it looks good it stays if it doesn't we just adjust it here and there. That float to the left here is a good example. I'm adjusting the white space on the bottom by changing the height to height:100px. It's a WAG.

The saving grace is that most of the style is in one style sheet style1.css. On the other hand, that style sheet has grown over the last five or six years, and it is in need of a serious makeover.

Site Statistics

We look at the site statistics every week or two. According to the Mandarin Site Statistics (our stats are always open) this page you are reading is the fourth or fifth most popular page at Mandarin. The ranking usually looks something like this:

  1. Opacity
  2. Mandarin Main Page
  3. Make Your Own Logo
  4. Boxes
  5. Mandarin Blog(this page)
  6. Text Tricks

But we like our backdoor friends the most - the people who visit this page. What the stats tell us is that one can never predict or control the popularity of a page or a topic. Opacity is by far the most popular topic at Mandarin and started as a simple exploration into the intricacies of opacity and transparency between various flavors of browsers.

Internet Connection Speed Test

We were going to ask for your help. The PC is so very slow today. We did a virus scan, deleted temporary files, and more. Then as the last straw ran the McAfee Internet Connection Speed Test

That was our problem. A slow connection. The PC running slow from here is rarely our connection speed, but today the McAfee test results show that we are connected at less than DSL/Cable speed. The solution might be to reboot and hope for a better connection.

Saturday, December 31, 2005     Permalink   EMAIL  

Deja Vu from the July 2004 archives

Grapes of Wrath

picture of grapes

Rob just came in with this backyard photo of the grapes and caught me sucking the life out of it in Adobe®.


"You're stepping on my grapes..."

"The men were silent and they did not move often. And the women came out of the houses to stand beside their men to feel whether this time the men would break."

John Steinbeck
The Grapes of Wrath

CSS White Matte Around Pictures
Wednesday, December 28, 2005     Permalink   EMAIL  

Merry Christmas

Friday, December 23, 2005     Permalink   EMAIL  


Blog
trashed by
Mandarin

Copy and paste this in your Blog or Web page.

It might look like this.


Blog
trashed by
Mandarin

Code stolen from WTJ.

Saturday, December 17, 2005     Permalink   EMAIL  

Pure Text and CSS

HOW do YOU
Blog?

It's a textual thing. Pure text with some inline CSS. No graphics required.


Copy and paste this in your Blog or Web Page

It will look like this.


HOW do YOU
Blog?

It's a textual thing. Pure text with some inline CSS. No graphics required.

Different Strokes for Different Folks...

the layout is not exactly like what's in yours in my blog...(even i copy exactly the same coding)
WTJ
Wong Teck Jung
Sibu, Sarawak, Malaysia

WTJ,
A number of questions have come in today about various techniques, but this one is fun. The code looks good on the black background. It appears that the gold area is the culprit. We can look at it and check out the source code then try it here.

gold Text is Spilling Left

For now we have the screenshot to look at. We are showing the screenshot rather than the raw code since the character set is not installed on all PCs.

The gold text is going out of bounds to the left. In the code we say backup with the margin-left:-20px; . That says backup 20 pixels. The intent is to slightly overlap the deeppink text, not to spill out of bounds to the left.

Why did it do that? A stray <br>


There is a stray line break <br> after the deeppink text. Now the gold text begins on a new line. It backs up 20 pixels like we told it to do, but because of the stray line break <br>, the gold text starts on a new line.

Most of the copy and paste code will look different on other browsers, screen resolutions, and more. That's the fun part. We test to make sure it looks good in the various flavors available for testing and everyone sees something that looks about the same but it sometimes takes on its own original look.

We can look at the source code and see if the placement can be controlled a little better...in progress...it's dinner time but I see that in Mozilla it looks good...oh, way cool...does it say HOW DO YOU BLOG???? Can you make one that says "Blog trashed by Mandarin"? Later, after we get this one done.

Tip for Copy and Paste

Some blogging tools insert stray <br> line breaks or <p> paragraph tags where you think there are only blank lines.

If the copy and paste code doesn't work try removing any extra line breaks <br> and whitespace using the delete key.

WTJ,
We can see the stray line break <br> between the deeppink and the gold text. Remove it with the delete key.

How do you blog?

graphic of text. Some would say that a screen reader can not read the image but they can read the text. Have you seen anyone using a screen reader?

Some prefer to grab a screen shot of text and make it a graphic. It's easier to work around a graphic image. The code just get's in the way sometimes.

Wednesday, December 14, 2005     Permalink   EMAIL  

How do you Blog?

Monday, December 12, 2005     Permalink   EMAIL  

HOW do YOU
Blog?

How do you Blog?

HOW do you Blog?
How do YOU Blog?
How do you BLOG?

Frank Paynter asked "How do you Blog?". It is an interesting question. First we need to figure out what it means, then there is the process of describing how we blog.

How do you blog?

Tuesday, December 06, 2005     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