Page 1 of 1

Add custom image to FrontEnd User as buttons

Posted: Tue Jul 10, 2007 8:24 pm
by 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

Re: Add custom image to FrontEnd User as buttons

Posted: Wed Jul 11, 2007 3:07 pm
by alby
peterbra wrote: 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?

peterbra wrote: 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

Re: Add custom image to FrontEnd User as buttons

Posted: Sat Jul 14, 2007 8:43 am
by peterbra
alby wrote:
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 :)

alby wrote: 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 !