Ever want to highlight something on a page, like a tutorial here or THEME CODE and be able to save it to a text file without having to open your text program and pasting it in? This works great!!

Plain text to link is able to select plain text in a page and save it in a text file. Besides, with PTTL you can open links written in plain text (not clickable links): you select a link and open it with the right click PTTL menu. At last, you can search selected text in Google Groups, send it directly via email and other interesting function.
Installs and shows on your right click. After you install, restart FF and then set the options in Addons.

what is typogenerator?

typoGenerator is a random generator for "typoPosters." A typoPoster is a poster, created from images and letters/text that doesn't have any sense, just to look good.

Overlay Text On Images using HTML.

Here's an html code you can use to overlay text on an image.  Change all of the properties (font, text etc) and add to them, to suit your needs.

 







Here's one where I've posted the code that is overlaying the text on this image. The text is not SAVED on the image.  It's only overlayed here in this post using html.   Right click, view background and you will see the image WITHOUT any text.  And you will see that it's a background and not an image!



 


<DIV style="width:175px;height:225px;background: url(IMAGE PROPERTY URL) top right no-repeat;"><div style="font-size:large;color:ivory;padding:30px;"><br>YOUR TEXT<br>YOUR TEXT <br>YOUR TEXT <br>YOUR TEXT<br>YOUR TEXT</div></div>

REMEMBER to change the image size (height & width) and font attributes to suit what you wish to use this for.  Anywhere you use html to embed an image, you can add text to it this way.

Use the code box  above to practice with.  You can edit in that box without actually affecting this post.  :)  Just close and reopen and my code will be back as it was.

How to's:

Typing either the value under the name code or number code column will produce the character under the glyph column.

For example:

Typing either &lt; or &60; will produce: <

This can be helpful when trying to relay HTML codes.

For example:
Typing
<img src=http:⁄⁄images.multiplydesign.multiply.com⁄logo⁄ 2>
Will produce:



Wheras typing:
&lt;img src=http:⁄⁄images.multiplydesign.multiply.com⁄logo⁄ 2&gt;
will produce:
<img src=http:⁄⁄images.multiplydesign.multiply.com⁄logo⁄2 >


ISO Entities

Name Code	Number Code	Glyph	Description
‘		‘	left single quote
’		’	right single quote
‚		‚	single low-9 quote
“		“	left double quote
”		”	right double quote
„		„	double low-9 quote
†		†	dagger
‡		‡	double dagger
‰		‰	per mill sign
‹		‹	single left-pointing angle quote
›		›	single right-pointing angle quote
♠		♠	black spade suit
♣		♣	black club suit
♥		♥	black heart suit
♦		♦	black diamond suit
‾		‾	overline, = spacing overscore
←		←	leftward arrow
↑		↑	upward arrow
→		→	rightward arrow
↓		↓	downward arrow
™		™	trademark sign
Name Code	Number Code	Glyph	Description
	�- 		unused
				horizontal tab
	
		line feed
			unused
	 		space
	!	!	exclamation mark
"	"	"	double quotation mark
	#	#	number sign
	$	$	dollar sign
	%	%	percent sign
&	&	&	ampersand
	'	'	apostrophe
	(	(	left parenthesis
	)	)	right parenthesis
	*	*	asterisk
	+	+	plus sign
	,	,	comma
	-	-	hyphen
	.	.	period
Name Code	Number Code	Glyph	Description
⁄	/	/	slash
	0- 9		digits 0-9
	:	:	colon
	&#59;	;	semicolon
&lt;	&#60;	<	less-than sign
	&#61;	=	equals sign
&gt;	&#62;	>	greater-than sign
	&#63;	?	question mark
	&#64;	@	at sign
	&#65;- &#90;		uppercase letters A-Z
	&#91;	[	left square bracket
	&#92;	\	backslash
	&#93;	]	right square bracket
	&#94;	^	caret
	&#95;	_	horizontal bar (underscore)
	&#96;	`	grave accent
	&#97;- &#122;		lowercase letters a-z
	&#123;	{	left curly brace
	&#124;	|	vertical bar
Name Code	Number Code	Glyph	Description
	&#125;	}	right curly brace
	&#126;	~	tilde
	&#127;- &#149;		unused
&ndash;	&#150;	–	en dash
&mdash;	&#151;	—	em dash
	&#152;- &#159;		unused
&nbsp;	&#160;		nonbreaking space
&iexcl;	&#161;	¡	inverted exclamation
&cent;	&#162;	¢	cent sign
&pound;	&#163;	£	pound sterling
&curren;	&#164;	¤	general currency sign
&yen;	&#165;	¥	yen sign
&brvbar; or &brkbar;	&#166;	¦	broken vertical bar
&sect;	&#167;	§	section sign
&uml; or &die;	&#168;	¨	umlaut
&copy;	&#169;	©	copyright
&ordf;	&#170;	ª	feminine ordinal
&laquo;	&#171;	«	left angle quote
&not;	&#172;	¬	not sign
&shy;	&#173;	­	soft hyphen
&reg;	&#174;	®	registered trademark
&macr; or &hibar;	&#175;	¯	macron accent
Name Code	Number Code	Glyph	Description
&deg;	&#176;	°	degree sign
&plusmn;	&#177;	±	plus or minus
&sup2;	&#178;	²	superscript two
&sup3;	&#179;	³	superscript three
&acute;	&#180;	´	acute accent
&micro;	&#181;	µ	micro sign
&para;	&#182;	¶	paragraph sign
&middot;	&#183;	·	middle dot
&cedil;	&#184;	¸	cedilla
&sup1;	&#185;	¹	superscript one
&ordm;	&#186;	º	masculine ordinal
&raquo;	&#187;	»	right angle quote
&frac14;	&#188;	¼	one-fourth
&frac12;	&#189;	½	one-half
&frac34;	&#190;	¾	three-fourths
&iquest;	&#191;	¿	inverted question mark
&Agrave;	&#192;	À	uppercase A, grave accent
&Aacute;	&#193;	Á	uppercase A, acute accent
&Acirc;	&#194;	Â	uppercase A, circumflex accent
Name Code	Number Code	Glyph	Description
&Atilde;	&#195;	Ã	uppercase A, tilde
&Auml;	&#196;	Ä	uppercase A, umlaut
&Aring;	&#197;	Å	uppercase A, ring
&AElig;	&#198;	Æ	uppercase AE
&Ccedil;	&#199;	Ç	uppercase C, cedilla
&Egrave;	&#200;	È	uppercase E, grave accent
&Eacute;	&#201;	É	uppercase E, acute accent
&Ecirc;	&#202;	Ê	uppercase E, circumflex accent
&Euml;	&#203;	Ë	uppercase E, umlaut
&Igrave;	&#204;	Ì	uppercase I, grave accent
&Iacute;	&#205;	Í	uppercase I, acute accent
&Icirc;	&#206;	Î	uppercase I, circumflex accent
&Iuml;	&#207;	Ï	uppercase I, umlaut
&ETH;	&#208;	Ð	uppercase Eth, Icelandic
&Ntilde;	&#209;	Ñ	uppercase N, tilde
&Ograve;	&#210;	Ò	uppercase O, grave accent
&Oacute;	&#211;	Ó	uppercase O, acute accent
&Ocirc;	&#212;	Ô	uppercase O, circumflex accent
&Otilde;	&#213;	Õ	uppercase O, tilde
Name Code	Number Code	Glyph	Description
&Ouml;	&#214;	Ö	uppercase O, umlaut
&times;	&#215;	×	multiplication sign
&Oslash;	&#216;	Ø	uppercase O, slash
&Ugrave;	&#217;	Ù	uppercase U, grave accent
&Uacute;	&#218;	Ú	uppercase U, acute accent
&Ucirc;	&#219;	Û	uppercase U, circumflex accent
&Uuml;	&#220;	Ü	uppercase U, umlaut
&Yacute;	&#221;	Ý	uppercase Y, acute accent
&THORN;	&#222;	Þ	uppercase THORN, Icelandic
&szlig;	&#223;	ß	lowercase sharps, German
&agrave;	&#224;	à	lowercase a, grave accent
&aacute;	&#225;	á	lowercase a, acute accent
&acirc;	&#226;	â	lowercase a, circumflex accent
&atilde;	&#227;	ã	lowercase a, tilde
&auml;	&#228;	ä	lowercase a, umlaut
&aring;	&#229;	å	lowercase a, ring
&aelig;	&#230;	æ	lowercase ae
&ccedil;	&#231;	ç	lowercase c, cedilla
&egrave;	&#232;	è	lowercase e, grave accent
Name Code	Number Code	Glyph	Description
&eacute;	&#233;	é	lowercase e, acute accent
&ecirc;	&#234;	ê	lowercase e, circumflex accent
&euml;	&#235;	ë	lowercase e, umlaut
&igrave;	&#236;	ì	lowercase i, grave accent
&iacute;	&#237;	í	lowercase i, acute accent
&icirc;	&#238;	î	lowercase i, circumflex accent
&iuml;	&#239;	ï	lowercase i, umlaut
&eth;	&#240;	ð	lowercase eth, Icelandic
&ntilde;	&#241;	ñ	lowercase n, tilde
&ograve;	&#242;	ò	lowercase o, grave accent
&oacute;	&#243;	ó	lowercase o, acute accent
&ocirc;	&#244;	ô	lowercase o, circumflex accent
&otilde;	&#245;	õ	lowercase o, tilde
&ouml;	&#246;	ö	lowercase o, umlaut
&divide;	&#247;	÷	division sign
&oslash;	&#248;	ø	lowercase o, slash
&ugrave;	&#249;	ù	lowercase u, grave accent
&uacute;	&#250;	ú	lowercase u, acute accent
&ucirc;	&#251;	û	lowercase u, circumflex accent
Name Code	Number Code	Glyph	Description
&uuml;	&#252;	ü	lowercase u, umlaut
&yacute;	&#253;	ý	lowercase y, acute accent
&thorn;	&#254;	þ	lowercase thorn, Icelandic
&yuml;	&#255;	ÿ	lowercase y, umlaut

A tool for testing your CSS text formatting. You can view the output and the CSS syntax simultaneously.