[Featuring] HTML SIGNATURE

**mg2** · 12-15-2009, 07:00 PM

So I saw many people suggested it and I just googled it and found this site:
GeekFG
So you just insert your HTML Signature code (hopefully you know how to make one;you can use F***fox and Wisestamp to create one and copy the html code). DON'T click on "Insert signature above reply", it didn't work for me.
Click on Step 2 and drag the [Signature] to your bookmarks bar. Next time you write a gmail email just click the bookmarklet and it inserts it in the text area. My advice is to do this first, because whatever you do it inserts it at the start of the message. I haven't tried using this on other email-service / blog, so if anyone has, please comment.
Hope this will help you and I hope it wasn't already posted (tried the search, turned up empty).
Have a great night/day

**Bloody_Turds** · 12-16-2009, 12:51 AM

to bad this doesnt work in any text box >.< or it would be what i needed...

**mg2** · 12-16-2009, 01:19 AM

not every text box is html-compatible. otherwise it's not that hard to make. that be something like Glyphs

**Bloody_Turds** · 12-16-2009, 10:28 AM

i know of glypmh, the only problem with it is the fact that it shows all of your pasted info as the button name..

itd be nice if the bookmark detected html acceptance, and bbcode, and used whichever one fits accordingly (or if neither just pasted in plain text, removing any code elements

**sulasno** · 12-16-2009, 11:41 AM

I added this to

Code:

[  b  ]    [  /  b  ]   ;

Glyphs

**Bloody_Turds** · 12-16-2009, 08:33 PM

yea but thats still pretty short, anything long like a signature would be impractical to store in glyphs, and would look ugly unless you can store an "alias" of that signature

**sulasno** · 12-16-2009, 09:02 PM

unless Glyphs changes the format to allow one line per row instead of the present 6 characters in a row

**PAEz** · 12-17-2009, 07:51 AM

As the author stated Glyph isnt designed for long phrases, but if you desperately need it you can alter the code easy enough...
popup.html

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

	<script type="text/javascript" src="options.js"></script>
	
<script>

GlyphsPerLine=1;

function sendGlyph(e){
	chrome.windows.getCurrent(function (window){
		chrome.tabs.getSelected(window.id, function(tab) 
			{
			var myPort = chrome.tabs.connect(tab.id);
			if(e.ctrlKey){
				myPort.postMessage((!e.target.title||e.target.title.length==0)?e.target.text:e.target.title);
			} else {
			if (e.target.code){myPort.postMessage(unescape(e.target.code))} else {myPort.postMessage(e.target.text)};
			}
			});
		});
}

function div(op1, op2) {
	var result = (op1/op2 - op1%op2/op2);
	return result;
}
function GenerateSymbols () {
	var template = readProperty("symbols", defaultSymbols);
	var symbols = template.split('\n');
	var linesCount = div(symbols.length ,GlyphsPerLine);
	if(linesCount*GlyphsPerLine < symbols.length)
		linesCount++;

	var container = document.getElementById("container");
	var table=document.createElement('TABLE');
	table.width="250px";
	for (var i=0;i<linesCount;i++) {
		var tr = document.createElement("TR");
		for (j=i*GlyphsPerLine; j<i*GlyphsPerLine+GlyphsPerLine;j++){
			var td = document.createElement("TD");
			if(j < symbols.length && symbols[j].length>0){
				var link = document.createElement("A");
				var sym = symbols[j].split(',');
				link.href="#";
				link.innerText=sym[0];
				if(sym.length>1){
					link.title = sym[1];
					link.alt = sym[1];
					if (sym.length==3)link.code = sym[2];              //////
				}
				link.onclick = sendGlyph;
				td.appendChild(link);
			} else {
				var link = document.createElement("A");
				link.href="#";
				link.innerText='';
				td.appendChild(link);
			}
			tr.appendChild(td);
		}
		table.appendChild(tr);
	}
	container.appendChild(table);
}
</script>
<style>
a {
	font-size: 20px;
	text-decoration: none;
	color: black;
	text-align: center;
	margin: 2px;
}
td {
	text-align: center;
}

</style>
</head>
<body onload="GenerateSymbols();">
<div id="container"></div>

</body>
</html>

....Change popup.html to that

now under options you can add a 3rd option to the line and if there is a third option it will add that instead...so 1st option is whats displayed in the table, 2nd option is the tooltip and 3rd option is what to add.
The 3rd option needs to be encoded so use this page...
http://www.opinionatedgeek.com/DotNe...de/Encode.aspx
...and youll endup with a line like this....
sig,Some sig to add somewhere,Paez%0d%0ais%0d%0aDa%0d%0aFool!

and you can change the value of GlyphsPerLine but be aware it can get ugly

hope it helps till ya find something better

**autopen** · 12-18-2009, 12:11 AM

I just created a google-chrome extension that allows you to create html email signatures for gmail. Its called Autopen. Check it out let me know what you think.

https://chrome.google.com/extensions...lahocpmacjloof

**alinescoo** · 12-18-2009, 12:45 PM

Fantastic work! I wonder if it is possible to make a lite version of the extension that doesn't run in the background. Only when the action button gets pressed it would insert the signature.

LinkBack

Thread Tools

Display

[Featuring] HTML SIGNATURE

Autopen

Similar Threads

Access inner html of page of active tab

Opening local HTML in New Tab

HTML 5 <video> tags or the end of Flash

Buttons in html do not work.

HTML Home

Tags for this Thread

Posting Permissions