<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252">
</head>
<body>
<p>Hi Tomasz,</p>
<p>You could try something like this is the CSS:</p>
<p>input[name="_action_create"] {<br>
background-image: url(/style/images/help.png);<br>
background-repeat: no-repeat;<br>
background-position: 8px 4px;<br>
}<br>
</p>
<p>There are a couple of potential issues. That CSS will apply to
any other buttons with the name "_action_create" but I don't think
there are many iif any other places where this is used. The other
problem os that as this icon is in the background and the text is
set via the phrase the text may overlap the icon so you may need
to hack around with the width of the input button to fix this
and/or make it look more aesthetically pleasing.</p>
<p>Regards</p>
<p>David Newman<br>
</p>
<div class="moz-cite-prefix">On 17/09/2020 23:09, Tomasz Neugebauer
via Eprints-tech wrote:<br>
</div>
<blockquote type="cite" cite="mid:EMEW3|38f6d5c6962058674bb03067f985a512w8GNJ314eprints-tech-bounces|ecs.soton.ac.uk|YQXPR01MB240753E6B35D95D8DFF809168B3E0@YQXPR01MB2407.CANPRD01.PROD.OUTLOOK.COM">
<meta name="Generator" content="Microsoft Word 15 (filtered
medium)">
<style><!--
/* Font Definitions */
@font-face
{font-family:SimSun;
panose-1:2 1 6 0 3 1 1 1 1 1;}
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:"\@SimSun";
panose-1:2 1 6 0 3 1 1 1 1 1;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Tahoma",sans-serif;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:#0563C1;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:#954F72;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Tahoma",sans-serif;
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;
font-family:"Tahoma",sans-serif;}
@page WordSection1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.WordSection1
{page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
<div class="WordSection1">
<p class="MsoNormal">This is a really basic question in a way,
so I am thinking that others may have found a solution
already.<o:p></o:p></p>
<p class="MsoNormal">We have phrases in EPrints, for
customization, but has anyone been able to add an icon/image
to some of the most important buttons.<o:p></o:p></p>
<p class="MsoNormal">The button that is perhaps the most
important for OA is the “New Item” button that appears for
users after they log in.<o:p></o:p></p>
<p class="MsoNormal">I think we would want that button to stand
out, and adding an icon to it would help in that regard.<o:p></o:p></p>
<p class="MsoNormal">How would I do that?<o:p></o:p></p>
<p class="MsoNormal">Normally, I would do it with a piece of
code like this, for example: <i class="fa fa-file-text-o"
aria-hidden="true"></i><o:p></o:p></p>
<p class="MsoNormal">Which, combined with some CSS gets me an
icon.<o:p></o:p></p>
<p class="MsoNormal">However, the only place that I see in
EPrints to make this change would be in the phrases, this one:<o:p></o:p></p>
<p class="MsoNormal"><epp:phrase
id="Plugin/Screen/NewEPrint:action:create:title">New
Item</epp:phrase><o:p></o:p></p>
<p class="MsoNormal">And that string makes its way to a “value”
parameter inside a form, which means I can’t add any markup to
get the icon.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:0cm;margin-right:0cm;margin-bottom:12.0pt;margin-left:17.85pt;background:white"><span style="font-size:8.0pt;font-family:"Courier
New";color:#A6A6A6" lang="FR-CA">Tomasz</span><u><span style="font-size:9.0pt;font-family:"Arial",sans-serif;color:purple" lang="IT"><o:p></o:p></span></u></p>
<p class="MsoNormal"><o:p> </o:p></p>
</div>
<br>
<fieldset class="mimeAttachmentHeader"></fieldset>
<pre class="moz-quote-pre" wrap="">*** Options: <a class="moz-txt-link-freetext" href="http://mailman.ecs.soton.ac.uk/mailman/listinfo/eprints-tech">http://mailman.ecs.soton.ac.uk/mailman/listinfo/eprints-tech</a>
*** Archive: <a class="moz-txt-link-freetext" href="https://eur03.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.eprints.org%2Ftech.php%2F&data=01%7C01%7C%7C0c554a8559c0490918f408d85b5bb303%7C4a5378f929f44d3ebe89669d03ada9d8%7C0&sdata=ie47WGKsNd3TQ264bf7Ekm4hbMuTttn6tBDAwkB%2BL70%3D&reserved=0" originalSrc="http://www.eprints.org/tech.php/" shash="oXJWDzTLz8akVmnJ0njV2OKdiSstWHAU9FifJEmp6k7uTDXMkw5WOd7XOcCU4oCIjwdzDdHWylvhoIBhhQuWUj5tgo3ig2EnxY9KVOM5hf7Xx31aO7/HJMx1+T75lTZXSVdfqs1/WY2vtWRsIzii3IWoeWMzSPYw1qKYUAwGDR8=">http://www.eprints.org/tech.php/</a>
*** EPrints community wiki: <a class="moz-txt-link-freetext" href="https://eur03.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwiki.eprints.org%2F&data=01%7C01%7C%7C0c554a8559c0490918f408d85b5bb303%7C4a5378f929f44d3ebe89669d03ada9d8%7C0&sdata=ZeiZVQllKa5R%2FNGw9cHNrYPyEkThBWzW1GciUsrKTis%3D&reserved=0" originalSrc="http://wiki.eprints.org/" shash="DyLY3o8jvFUmzPE7ZNYu74HX25u1mEBjWujRfjWgxQpB9q7qJJe5MjXFj8tzSHmf1a1lMFVafFaGRwVQROIWnlILf7po0ZcSB2cY1Go1q7iUSrdRpeHqs4QuqOSpCaR2sv8Ojhndx8cnTJyHD1tWkJ8c0Pv6/OWdl+kqTcZGW10=">http://wiki.eprints.org/</a></pre>
</blockquote>
<div id="DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2"><br>
<table style="border-top: 1px solid #D3D4DE;">
<tr>
<td style="width: 55px; padding-top: 13px;"><a href="https://eur03.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.avg.com%2Femail-signature%3Futm_medium%3Demail%26utm_source%3Dlink%26utm_campaign%3Dsig-email%26utm_content%3Demailclient&data=01%7C01%7C%7C0c554a8559c0490918f408d85b5bb303%7C4a5378f929f44d3ebe89669d03ada9d8%7C0&sdata=vt4D0P%2B10RLNqq9sJvh0lH6AZQS2ZI3031gr7hZkuuc%3D&reserved=0" originalSrc="http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient" shash="nXehsCydS/QlD4ptv+yZ85ija/6zZBVXnkfNsCMePrY7sTw9t14azEVQGbh4TSEib9b49pt97jPVw/V2DEmowL91a0P8P8YQlAYxsyB9XIRHFOgF/+40Fdjk07Hm2sBGM6TCM3vjRrIeeVlwLIzpCaA/AoiOPLj0dQ0ILIbg/Gw=" target="_blank"><img src="https://ipmcdn.avast.com/images/icons/icon-envelope-tick-green-avg-v1.png" alt="" width="46" height="29" style="width: 46px; height: 29px;"></a></td>
<td style="width: 470px; padding-top: 12px; color: #41424e; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 18px;">Virus-free. <a href="https://eur03.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.avg.com%2Femail-signature%3Futm_medium%3Demail%26utm_source%3Dlink%26utm_campaign%3Dsig-email%26utm_content%3Demailclient&data=01%7C01%7C%7C0c554a8559c0490918f408d85b5bb303%7C4a5378f929f44d3ebe89669d03ada9d8%7C0&sdata=vt4D0P%2B10RLNqq9sJvh0lH6AZQS2ZI3031gr7hZkuuc%3D&reserved=0" originalSrc="http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient" shash="nXehsCydS/QlD4ptv+yZ85ija/6zZBVXnkfNsCMePrY7sTw9t14azEVQGbh4TSEib9b49pt97jPVw/V2DEmowL91a0P8P8YQlAYxsyB9XIRHFOgF/+40Fdjk07Hm2sBGM6TCM3vjRrIeeVlwLIzpCaA/AoiOPLj0dQ0ILIbg/Gw=" target="_blank" style="color: #4453ea;">www.avg.com</a>
</td>
</tr>
</table><a href="#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2" width="1" height="1"> </a></div></body>
</html>