Add custom image to FrontEnd User as buttons

[peterbra]

Hi,

FrontEnd User is giving me trouble:

Code: Select all

<!-- Login form template -->
 <font size="-2">
 {$startform}
 {if $error}
  {$error}<br>
 {/if}
  <p>{$prompt_username} {$input_username}<br>{$prompt_password} 
  {$input_password}<br/>
 {if isset($captcha)}
  {$captcha_title}: {$input_captcha}<br />
  {$captcha}<br />
 {/if}
  {$input_submit}<br />
<p id="login">{$link_forgot}</p>
<a href="index.php?page=join"><img src="uploads/images/join.gif" width="50" height="37" border="0" /></a>
{$endform}
  </font>
<!-- Login form template --> 

...and css related to this:

Code: Select all

p#login a {
display:block;
background-image: url(uploads/images/name.gif);
height: 38px;
width: 100px;
}

Have troubles to place custom button for Forget password.
I  placed button, but i CAN'T remove text "Forgot Your Password?" As it is added by default. Does anyone knows how to do this ?

And.. I can't make those 2 to reside one by other....
In order to define the button for forget password I hade to place tag, but that put "join" button in next line... how to fix this via CSS ?? Is there some "inline" tag or something to add so the tag is nullified

Thanks for help

[alby]

Have troubles to place custom button for Forget password.
I  placed button, but i CAN'T remove text "Forgot Your Password?" As it is added by default. Does anyone knows how to do this ?

Edit lang file /FrontEndUsers/lang/en_US.php:
$lang['forgotpw'] = 'Forgot Your Password?';
and change text Forgot Your Password?

In order to define the button for forget password I hade to place tag, but that put "join" button in next line... how to fix this via CSS ?? Is there some "inline" tag or something to add so the tag is nullified

UNTESTED, try:

Code: Select all

<span id="login">{$link_forgot}</span>
<a href="index.php?page=join"><img src="uploads/images/join.gif" width="50" height="37" border="0" /></a>

...and css related to this:

Code: Select all

#login a {
display:block;
background-image: url(uploads/images/name.gif);
height: 38px;
width: 100px;
}

Alby

[peterbra]

Edit lang file /FrontEndUsers/lang/en_US.php:
$lang['forgotpw'] = 'Forgot Your Password?';
and change text Forgot Your Password?

Thanks, I've deleted Forgot Your Password? and left it empty

UNTESTED, try:

Code: Select all

<span id="login">{$link_forgot}</span>
<a href="index.php?page=join"><img src="uploads/images/join.gif" width="50" height="37" border="0" /></a>

...and css related to this:

Code: Select all

#login a {
display:block;
background-image: url(uploads/images/name.gif);
height: 38px;
width: 100px;
}

...didn't work with CSS only, but added table like this:

Code: Select all

<table width="200" border="0">
  <tr>
    <td width="100" height="38">
<span id="login">{$link_forgot}</span>
</td>
    <td width="100" height="38"><a href="index.php?page=join"><img src="uploads/images/join.gif" width="50" height="38" border="0" /></a></td>
  </tr>
</table>
{$endform}
  </font>
</td>
 </tr>
</table>
<!-- Login form template -->  

...and all workedout just great! Thanks for helping me out with this !

Regards !