Yesterday, I was trying to customize my Gmail signatures, but unfortunately, the Gmail does not have a complete rich text editor yet.
I’d like to put an image (logotype) and my personal information side by side, as you can see below.
However, when you insert an image through this text editor, you have no option to set the image CSS to “float: left;”, neither graphically (WYSWYG) nor textually (inserting raw HTML code).
So, I had to trick a little and use Firebug. Firebug is a so damn good Firefox plugin that provides you a lot of features, like CSS and HTML inspection and edition.
After installing the plugin, click on the icon 
on the right bottom corner of your browser and enable all panels. After that, click on the HTML tab and after on the blue arrow icon to enable the selection feature.
At Gmail Settings page, click on the box that holds the signature. Firebug shows the HTML of the selected box. Click on Edit (below HTML tab button) and enjoy it. You can set any HTML you want and set inline styles.
After editing the HTML on Firebug, click on Save Changes on Gmail. Enjoy your new signature! See ya.
Popularity: 100% [?]
Write a Comment