How to create an HTML signature line with links and images

Discussion, questions and support.
totalbalance
Posts: 5
Joined: Mar 1st, ’17, 18:48

Post by totalbalance » Mar 4th, ’17, 00:11

Is there any way to create a signature line, as below, but with email and website as html links and social media links with social media images replacing text name?
e.g. name@website, website URL, social media links as image links

{First Name} {Last Name}
Mobile:xxx-xxx-xxxx | Office:xxx-xxx-xxxx
{email} | {website URL}
Follow {First Name} on: {Facebook} {LinkedIn} {Google Plus} {Twitter}
User avatar
Marko
Posts: 1718
Joined: Mar 2nd, ’13, 21:02

Post by Marko » Mar 5th, ’17, 21:46

FastKeys can run HTML code - right click on a Substitute field to select HTML mode.
User avatar
Marko
Posts: 1718
Joined: Mar 2nd, ’13, 21:02

Post by Marko » Mar 6th, ’17, 23:53

Also check many online html signature generators, this one for example:
https://si.gnatu.re

After creating your signature, paste generated HTML code to FastKeys Substitute field (HTML mode).
totalbalance
Posts: 5
Joined: Mar 1st, ’17, 18:48

Post by totalbalance » Mar 7th, ’17, 01:01

Just to be clear, am I pasting the HTML code or the generated HTML signature? If the later, I've tried to just copy my GMail Signature line but when pasted into Fastkey (HTML mode) it just comes back as a text string losing all formatting and links.
totalbalance
Posts: 5
Joined: Mar 1st, ’17, 18:48

Post by totalbalance » Mar 7th, ’17, 03:07

OK, I finally got it to work. Part of the troubleshooting problem is after changes made, even with making sure everything was saved, it didn't work even when I did a "reload". However, one I exited and rebooted, it did ;) I hope this isn't a bug.

P.S. Copying HTML code with HTML selected is what worked it's just a pain to have to reboot PC for it to work :evil:
User avatar
Marko
Posts: 1718
Joined: Mar 2nd, ’13, 21:02

Post by Marko » Mar 7th, ’17, 09:59

yes, just paste the generated HTML code to Subsitute field in HTML mode and Save.

There is no need to reload - not sure what was the issue.
Jon
Posts: 5
Joined: Mar 10th, ’17, 19:43

Post by Jon » Mar 10th, ’17, 20:06

Hello All,

I am working on a similar problem with HTML tags in my substitute field.

Code: Select all

<img src="%INPUT_IMG_LINK%"alt="LINKED_IMAGE" style= "%SELECT_MAX_CHOICE_EDGE%: %SELECT_SIZE%">
Above is what I have in the box currently, the user input fields are as follows.

%INPUT_IMAGE_LINK%- Paste a link to an image hosted on another server
%SELECT_MAX_CHOICE_EDGE% - Macro popup with radio to select (width/height)
%SELECT_SIZE% List Box popup with (25px/50px/100px/200px/300px/400px/500px)

When I run the string, it halts half way through the link being outputted and does not post the rest. I tried it with just random text and I am pretty sure that the link is what's causing the issue with the mid string halt.
This is what I want the outputted string to look like, but I dont want the URL to throw everything off...

Code: Select all

<img src="http://unitedstates.xylemappliedwater.com/files/2012/08/GWT_Residential_JRD5LT-Group1.jpg" alt="some_text" style="width:300px">
What am I missing?

Edit*
I have tried running this though HTML mode on the window as well, when I selected that option, there was no output at all.
User avatar
Tom
Posts: 791
Joined: Nov 24th, ’15, 23:39

Post by Tom » Mar 11th, ’17, 21:29

Maybe the link contains some special characters like #,+ ?

Are you copying the link to the field? Then you could replace %INPUT_IMAGE_LINK% with %Clipboard%.
Jon
Posts: 5
Joined: Mar 10th, ’17, 19:43

Post by Jon » Mar 14th, ’17, 15:17

Tom wrote:

Maybe the link contains some special characters like #,+ ?

Are you copying the link to the field? Then you could replace %INPUT_IMAGE_LINK% with %Clipboard%.
To answer your question, I did try that, and it did not work.
I also tried to move the paste into a second command after the other portion was pasted, however that resulted in an extra space being entered into the line at the beginning and end of the link which once again throws off the final string.

This is what I got the closest with, but it creates two extra spaces.

Code: Select all

<img src=""alt="LINKED_IMAGE" style= "%SELECT_MAX_CHOICE_EDGE%: %SELECT_SIZE%">
^{Home}
{Right 10}
^{vk56}
User avatar
Marko
Posts: 1718
Joined: Mar 2nd, ’13, 21:02

Post by Marko » Mar 14th, ’17, 22:57

This works for me:

Code: Select all

<img src="^v" alt="LINKED_IMAGE" style= "%SELECT_MAX_CHOICE_EDGE%: %SELECT_SIZE%">
Post Reply