Mandarin Logo
MainBlogFAQsBox TipsText TricksColor ChartFree GalleryCSS Opacity
TWO CENTS CURRENT ISSUE 2006 WEST SACRAMENTO CALIFORNIA
Make a Logo or a banner
"For People Who Make Mistakes" ...

Make Your Own Free Logo or Banner
By Michelle Goodrich -- Mandarin Design
(Updated May 2006)

Click on any banner or logo below to start making your own free logo.

Typedrawing

Typedrawing can be used to make art from text or a simple logo like this. Online, free, and no advertising. It's a fun tool.

Banner Maker


This Banner Creator comes with premade images to select from, flexible backgrounds, sizes and colors. It's so much fun that we made two.

Labelmaker

Labelmaker lets you make your own text logo online. It's free. It's fast. No advertising. No popups. We made this one using their LokiCola font. Don't underestimate the power of this simple online banner maker.

Free Text Logos

CoolText

CoolText is a totally free online service which provides real-time generation of graphics customized exactly the way you want them. A sample from CoolText.com

Cooltext image

TypoGenerator

TypoGenerator might create an image of total confusion or a beautiful work of art. We typed in our text Mandarin Design and it created this image. It's a fun tool where you continue to click TRY AGAIN until it renders an image that you like. The image is always 400 x 300 pixels.


Made with TypoGenerator

The image is 400 x 300. We can resize it in a tool like Adobe and maintain the aspect ratio or just tell the browser the size we want our Logo to display.

300 x 225 Pixels

Copy and paste in your blog or web page.

It will look like this.

200 x 150 Pixels

Copy and paste in your blog or web page.

It will look like this.

100 x 75 Pixels

Copy and paste in your blog or web page.

It will look like this.

Mr. PicassoHead

Mr. Picasshead lets you create an image drag and drop style. It's fun and you might be able to make a logo or banner. Here's what we created. If you want to be a Picassonova it will let you create a heart.

Instant Online Banner Creator

Banner generated by Instant Online

Use your own background image or use one they supply. Here's a sample banner from Instant Online Banner Creator.

Update December 2004: You now have to either Login or sign up as a new user (to the left) to use the banner creator. Registering is free, quick, and easy!

Pure Text with CSS


Blog
trashed by
Mandarin

Copy and paste this in your Blog or Web page.

It might look like this.


Blog
trashed by
Mandarin

That's pure colored text. No graphics required. Copy the code then change the words and colors to suit your style.

Code Your Own Banner

Your Words Here

It's easy to make your own banner without any graphic tools. This one will stretch or shrink to fit in your space. You will need to pick up a spare picture or two and we have plenty to share in the gallery. Size doesn't matter. One image can be big while the other is small. The images are used for the background and automatically repeat or crop to fit in the defined space.

Things you can change

  • Width:98%
  • Height:80px
  • Text Color:white
  • Font Size: 42px
  • Border:8px solid black
  • Background Image 1: backyard5.jpg
  • Background Image 2: calla.jpg
  • Opacity 70
  • Your Words Here

The banner will automatically adjust to 98% the width of the space it is in. We made the height 50 pixels with a font size of 42 pixels, but you can change the code.

We used two pictures for the background with white text and a black border. Change it to any named color (red, orange, yellow, blue, pink, and black work well).

Your Words Here

Copy and paste in your Blog or Web page.

It will look like this.

Your Words Here

Scribbler

Created by Scribbler

The Scribbler lets you scribble then start coloring. We aren't artists but you might be able to get this one to do what you want it to do. It's free and fun.

We were going to demonstrate how to overlay your text over the image using CSS Style. But, we accidentally overlayed an image over the image and text over that image. The mistake has potential.

Your Text

Copy and paste this in your Blog or Web page.

It will look like this.

Your Text

The images we used are http://www.mandarindesign.com/images/scribblelogo.jpg and http://www.mandarindesign.com/images/20ways.gif.
You can change the images.
You can change the word Your Text

3dtextmaker.com

Banner generated by Media Builder

3dtextmaker lets you make your own custom animated banners. No fancy plug-ins or hard thinking required.

More Examples From Labelmaker

Click on any banner or logo below to make your own free logo.

Labelmaker: Hotdog Font
Labelmaker: Yellowsub Font
Labelmaker: Fridge font, frame, shrink
Labelmaker:Fridge Font
Labelmaker:Gilligan Font
Labelmaker: Manuscript Font
Labelmaker: Neurotoxin Font

We don't advertise but you might find get some ideas by looking at sample logos from other companies. Here's a few we found.

END OF BANNER MAKERS

CSS Pure Text Banner With MouseOver

MandarinDesign BLOG
"For People Who Make Mistakes" ...

This is all text. No graphics. A fast loading banner that uses pure text and Inline CSS Style. This banner version uses the DIV and SPAN with CSS attributes.

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

It will look like this.

MandarinDesign BLOG
"For People Who Make Mistakes" ...

Change the color silver to yellow. It will look like this.

MandarinDesign BLOG
"For People Who Make Mistakes" ...

Change the color silver to pink. It will look like this.

MandarinDesign BLOG
"For People Who Make Mistakes" ...

Change the color silver to brown. It will look like this.

MandarinDesign BLOG
"For People Who Make Mistakes" ...

More color names are in the Named Color Chart




Font Size 36px with Mouseover Color Red



MandarinDesign BLOG
"For People Who Make Mistakes" ...

Copy and Paste this in your Blog or Web Page

It will look like this.

MandarinDesign BLOG
"For People Who Make Mistakes" ...

Logo Links

GoodLogo.com has a collection of logos that might inspire you.

The End

Scrolling Marquee

Scrolling Banner

The scrolling marquee is annoying to most visitors but there are still uses for it.

Simple Scrolling Marquee
This text is a simple scrolling marquee that only works in Internet Explorer and Mozilla. It's simple HTML, no script needed.

Copy and paste this in your Blog or Web page

It will look like this.

This text is a simple scrolling marquee that only works in Internet Explorer and Mozilla. It's simple HTML, no script needed.

Marquee Direction Up

Copy and paste this in your Blog or Web page.

It will look like this.

This text scrolls up.

Marquee Direction Down

Copy and paste this in your Blog or Web page.

It will look like this.

This text scrolls up.

The end

Mandarin Archives 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   2003: J F M A M J J A S O N D   2002: F M A M J J A S O N D