Username:

Password:

Remember Me?

User Scripts

Title:

Gmail Attachment Icons

Date Added:

2009-07-21 10:14:54

Installs:

763

Description:

Replaces the paperclip icon with a document type icon.

It is based on the popular user script by Moktoipas.

If you want more document type icons to be added, let me know. I might hook you up. :)

Preview of Gmail Attachment Icons

View script source of Gmail Attachment Icons

// ==UserScript==
// @name         Gmail Attachment Icons
// @namespace    http://iescripts.org
// @author       Protector one (based on script by moktoipas)
// @include      http://mail.google.com/*
// @include      https://mail.google.com/*
// @description  Replaces paperclip icons with document type icons
// @date         20-7-2009
// @version      1.2.1
// ==/UserScript==

(function(){
  var i, ss = document.getElementById('canvas_frame').contentWindow.document.styleSheets[0],
      gtypes = {'pdf':'pdf','zip':'zip','ppt':'ppt','pptx':'ppt','pps':'ppt','ppsx':'ppt','jar':'zip','doc':'doc','xls':'xls','xlsx':'xls','txt':'txt','php':'html2','html':'html2','htm':'html2','mp3':'sound','wav':'sound','rar':'zip','cab':'zip'},
      images = ['jpg','jpeg','png','gif','bmp'],
      video = ['mov','mpeg','avi','mp4','wmv','mpeg'];
  ss.addRule('table img[title*=","]','width:0px!important; height:0px!important; padding-left:15px!important; padding-top:16px!important; background-position: top left !important; background-image:url('+location.protocol+'//www.federalreserve.gov/monetarypolicy/gifjpg/page_white_stack.gif) !important;');
  for (i in gtypes){
    ss.addRule('table img[title$='+i+']','width:0px!important; height:0px!important; padding-left:15px!important; padding-top:16px!important; background-position: top left !important; background-image:url('+location.protocol+'//mail.google.com/mail/images/'+gtypes[i]+'.gif) !important;');
  }
  for (i in images){
    ss.addRule('table img[title$='+images[i]+']','width:0px!important; height:0px!important; padding-left:15px!important; padding-top:16px!important; background-position: top left !important; background-image:url('+location.protocol+'//sites.google.com/site/procivalfa/_/rsrc/1233690190144/config/app/images/icon_img.gif) !important;');
  }
  for (i in video){
    ss.addRule('table img[title$='+video[i]+']','width:0px!important; height:0px!important; padding-left:15px!important; padding-top:16px!important; background-position: top left !important; background-image:url('+location.protocol+'//media.spokesman.com/img/icons/video_16.png) !important;');    
  }
})();

Comment of Gmail Attachment Icons

[2009-07-14 15:24:34]TekFan says:

Protector0ne,

Thanks for creating the script! I'm afraid the script is not working for me. The installation was successful but when I enabled it, all attachment icons (paperclip) disappeared from Gmail's Inbox and individual message view (when you open a message). I didn't get the individual icons for pictures, videos (.wmv) and such. The only icon that was displayed for the paperclip icon for a PowerPoints slide (.pps).

http://img103.imageshack.us/my.php?image=07142009043710.jpg

I see your script supports a secured Gmail connection (HTTPS), so it might not be that.

	[2009-07-15 05:36:08]Protector0ne says:
	I think v1.1 fixes it. Can you try it again? Moktoipas' (whose icons I was borrowing) server was down, so I think that was the problem... It supports slightly less document types now, but it only uses Google's own icons.

	[2009-07-15 10:16:30]TekFan says:
	Hi, Now I'm just getting generic page icons, like those in IE's address bar but w/out the "e".

	[2009-07-16 02:36:29]Protector0ne says:
	Do you get it for all attachment types, or only for images? I couldn't find a proper 'image'-icon on Google's server, so I used the blank page icon... :/

	[2009-07-18 06:21:22]Protector0ne says:
	The script now uses a slightly more suitable icon for images. I couldn't find any reasons why the script won't work. Could you please check what filetypes the attachments actually have? It works perfectly for me. :/

	[2009-07-19 10:36:38]npo33770 says:
	Thanks for this handy script, but i´ve a question, how about video icons?

	[2009-07-20 02:05:39]Protector0ne says:
	Yes, video icons are sorely missed. I couldn't find one on Google's servers. I'll look around some more, though.

	[2009-07-20 06:35:24]Protector0ne says:
	V1.2 adds icons for video and multiple documents, and it has a different images icon.

[2009-07-21 08:09:30]TekFan says:

Protector0ne,

It works! I just reinstalled the new version and got picture icons for jpgs (I don't have gifs, png, bmp to check on these), a filmstrip for videos (mov and wmv) and a multiple page icon. Some jpgs were displayed as pictures though and PowerPoint slides show the generic paperclip icon (that's cool though since I don't get those attachments often).

http://img403.imageshack.us/i/20090721110310.jpg/

Thanks for making the script!

	[2009-07-21 10:16:49]Protector0ne says:
	About PowerPoint files, I forgot about .pps files. If you download 1.2.1, I think you'll find all PowerPoint files will get a corresponding icon as well. :)

	[2009-07-22 14:02:06]npo33770 says:
	Ok, it works great, but here is a icon file missing 'docx':'doc'

	[2009-07-22 18:50:44]TekFan says:
	Got the PowerPoint and zip files icons! I also noticed a music note icon for an .mp3 file I recently received! Thanks Protector0ne!

	[2009-08-25 03:05:41]nitin says:
	hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

Join Iescripts for a free account, or Login if you are already a member.
Username: Password:

Install Script

Download Script

Add To favorite


Written by


Name:	Protector0ne
Scripts:	19
Styles:	1
Plugins:	0
Tags

Gmail, attachments, icons

About IE7Pro
IE7Pro is a plugin for the Internet Explorer web browser. It allows you to change how your favorite pages behave and look. There are many scripts that have already been written, and if you know javascript you can easily create your own! This site is a repository to download and install IE user scripts.
How to install user script
1 . First you should have install IE7Pro 0.9.12 and above which support IE user scripts. 2. Check if IE7Pro "Preference" - "User Scripts" - "EnabLe User Script" is enabled. 3. Find your favorite scripts on iescripts.org and click "Install This Script" .

iescripts.org