Custom Thumbnail Info - remove the underline from link text when using <a href=...

[mjbiggs]

Hello

Is it possible to remove the underline from link text when using '<a href=" ">link text</a>';
The equivalent effect is achieved in html using:

Code: Select all

 '<a href=" " style="text-decoration: none;">link text</a>';

Also, is there any scripting documentation or reference for any of the following:

• attributes such as 'color', 'bgcolor', 'bgradius', ...
  tags such as '<ind x="1">', ...
  commands such as 'ShowGEOTag', ...
  how to use code such '{encode=html}', '{encode=quotes}', 'event:', ...

Have scoured the Photo Supreme Script API Document but not yet found anything, and apart from searching the forum (which a great resource)
was wondering if there is an alternative guide?

[Ralf]

I hope I got it right and helps a little

I use them like that and it works for me.
example

%code
result: = '<FONT color = "# 000000" bgcolor = "# B6B6B4"> TEXT </font>';
% /code

I only know the underlining with this tag, but I can't say whether it works:

<a href="http://yoursite.com/" style="text-decoration:none"> yoursite </a>

[mjbiggs]

Many thanks for your reply Ralf. Any suggestions always welcome.

Just to clarify:

• I am still trying to figure out how to remove the underline from the link text

Regarding scripting documentation or reference:

• I understand use of color, bgcolor and bgradius but would like to know what other attributes are available and if documentation exists for any of them?

• I understand use of <ind y="2"> but would like to know what other tags are available and if documentation exists for any of them?

• In the forum I have found a script example using ShowGEOTag but would like to know what other commands are available and if documentation exists for any of them?

• In the forum I have found script examples using '{encode=html}', '{encode=quotes}' and 'event:'. I would like to know how to use these properly, what other codes are available and if documentation exists for any of them?

[mjbiggs]

Question update:

Addition to my last submission:

• I would like to know the full list of attributes available for <img> and if documentation exists for any of them?

• For the <img> 'path' attribute, in the forum I have found some complex shape examples such as an 'anchor' and a 'globe'. Is there a particular technique for creating complex shapes used by the <img> 'path' attribute?

[mjbiggs]

Question update:

Regarding my question about <img>, having investigated further, I have discovered the following:

The <img> 'path' attribute uses path data taken from an svg (scalable vector graphic) file. An svg file is a text file written using XML.
A website explaining the svg 'path' syntax may be found here: https://css-tricks.com/svg-path-syntax- ... ted-guide/.

Simple 'paths' may be created numerically but for more complex shapes an svg editor (such as Inkscape) may be used, or path data may be copied or svg icons downloaded from websites such as: https://icomoon.io/app/#/select.

As for <img> attributes, I am familiar with 'path', 'pathcolor', 'pathstrokestyle', 'pathstrokethickness', 'pathstrokecolor'.
I am unaware of any other attributes.

Just to finish, here is a Custom Thumbnail Info one-liner giving some examples of simple and complex <img> shapes:

Code: Select all

%code
// NOTE
// path coordinates as follows:
// top left         (0, 0)
// top right        (1, 0)
// bottom right     (1, 1)
// bottom left      (0, 1)
begin
  AShapeRectanglex1 := 'M 0,0 L 0,1 L 1,1 L 1,0 L 0,0 Z'; // aka square
  AShapeRectanglex2 := 'M 0,0 L 0,1 L 2,1 L 2,0 L 0,0 Z';
  AShapeRectanglex3 := 'M 0,0 L 0,1 L 3,1 L 3,0 L 0,0 Z';
  // svg icons courtesy of https://icomoon.io/app/#/select (IcoMoon - Free)
  AShapeHeart := 'M377.594 32c-53.815 0-100.129 43.777-121.582 89.5-21.469-45.722-67.789-89.5-121.608-89.5-74.191 0-134.404 60.22-134.404 134.416 0 150.923 152.25 190.497 256.011 339.709 98.077-148.288 255.989-193.603 255.989-339.709 0-74.196-60.215-134.416-134.406-134.416z';
  AShapeLocation := 'M256 0c-88.366 0-160 71.634-160 160 0 160 160 352 160 352s160-192 160-352c0-88.366-71.635-160-160-160zM256 256c-53.020 0-96-42.98-96-96s42.98-96 96-96 96 42.98 96 96-42.98 96-96 96z';
  
  result := '';
  
  // simple shapes
  result := result + '<img size="20" path="' + AShapeRectanglex1 + '" pathcolor="#4080C0" pathstrokestyle="solid" pathstrokethickness="1" pathstrokecolor="#FF0000">';
  result := result + '<img size="40" path="' + AShapeRectanglex2 + '" pathcolor="#4080C0" pathstrokestyle="solid" pathstrokethickness="1" pathstrokecolor="#FF0000">';
  result := result + '<img size="60" path="' + AShapeRectanglex3 + '" pathcolor="#4080C0" pathstrokestyle="solid" pathstrokethickness="1" pathstrokecolor="#FF0000">';
  
  // complex shapes
  result := result + '<img size="20" path="' + AShapeHeart + '" pathcolor="#4080C0">';
  result := result + '<img size="20" path="' + AShapeLocation + '" pathcolor="#4080C0">';
end;
%/code

[Hert]

PSU supports a mini set of HTML. Most of what can be used is available as samples.

HTML tags with attributes you can use:

Code: Select all

B
STRONG
I
EM
U
CODE
H1
H2
H3
BR
P
  STYLE
  ALIGN
BODY
  STYLE
  BGCOLOR
  BGOFFSETX
  BGOFFSETY
  BGRADIUSX
  BGRADIUSY
  BGRADIUS
A
  HREF
  ALT
  COLOR
IMG
  SRC
  ANGLE
  PATH
  PATHFILLCOLOR / PATHCOLOR
  PATHFILLSTYLE
  PATHSTROKECOLOR
  PATHSTROKESTYLE
  PATHSTROKETHICKNESS
  WIDTH
  HEIGHT
  SIZE
  OPACITY
IND
  X
  Y
  ABSX
  ABSY
FONT
  COLOR
  SIZE
  SCALE
  FAMILY
  BGCOLOR
  BGRADIUSX
  BGRADIUSY
  BGRADIUS
SPAN
  STYLE

img>path is indeed a SVG vector path. You can add multiple path strings.

[mjbiggs]

Many thanks for the list. That's exactly what I wanted - have got lots to work with now.
The tip re multiple <img> paths is really helpful too.

Still on the subject of removing the underline from an href link text, I've just tried surrounding the link text with <p style="text-decoration: none;"></p> and also with <span style="text-decoration: none; display:inline-block;"></span> but neither method was successful. In fact using <p> in this way seemed to fail completely.

Code: Select all

%code
result := '';
result := result + '<span style="text-decoration: none; display:inline-block;"><a href="http://yoursite.com/" alt="link to website">link text</a></span>';
result := result + '<a href="http://yoursite.com/" alt="link to website"><span style="text-decoration:none; display:inline-block;">link text</span></a>';
%/code

Can you confirm removing the underline is not possible in PSU or am I just using the wrong tags and attributes (perhaps in the wrong order)?