Kullanıcı adı ve Şifre yerine ikon ekleme

Kod:
<script type="text/javascript">

<!--

    lang.username = "{$login_username}";

    lang.password = "{$lang->login_password}";

    lang.login = "{$lang->login}";

    lang.lost_password = " &mdash; <a href=\"{$mybb->settings['bburl']}/member.php?action=lostpw\">{$lang->lost_password}<\/a>";

    lang.register_url = " &mdash; <a href=\"{$mybb->settings['bburl']}/member.php?action=register\">{$lang->welcome_register}<\/a>";

    lang.remember_me = "{$lang->remember_me}";

// -->

</script>

<table border="0" cellpadding="0" cellspacing="0" width="100%" id="panel-cerceve">

    <tr>

        <td rowspan="2" width="44" valign="middle" align="center" id="panel-avatar"><img src="{$theme['imgdir']}/default_avatar.png" alt="default avatar" title="default avatar" width="42" height="42" /></td>

        <td id="panel-ust"><strong>{$lang->welcome_guest}</strong> Aşağıdaki form ve bağlantıları kullanarak sitemize giriş/kayıt işlemlerinizi gerçekleştirebilirsiniz.

<!-- AddThis Button BEGIN -->

<div style="float: right; vertical-align: middle;">

<div class="addthis_toolbox addthis_default_style ">

<a rel="nofollow" class="addthis_button_facebook_like" fb:like:layout="button_count" style="margin-right: 5px;"></a>

<a rel="nofollow" class="addthis_button_tweet" style="margin-right: -20px;"></a>

<a rel="nofollow" class="addthis_button_google_plusone" g:plusone:size="medium" style="margin-right: -20px;"></a>

</div></div>

<!-- AddThis Button END --></td>

    </tr>

    <tr>

<td id="panel-alt">

<form class="clearfix" action="member.php" method="post">

<input type="hidden" name="action" value="do_login" />

<input class="field" type="text" id="nick" name="username" size="20" title="{$login_username}" value="{$login_username}" onfocus="if(this.value == '{$login_username}') { this.value=''; }" onblur="if(this.value=='') { this.value='{$login_username}'; }" />

<input class="field keyboardInput" type="password" id="sifre" name="password" size="20" title="{$lang->login_password}" value="{$lang->login_password}" onfocus="if(this.value == '{$lang->login_password}') { this.value=''; }" onblur="if(this.value=='') { this.value='{$lang->login_password}'; }" />

<input type="submit" name="submit" title="{$lang->login}" value="{$lang->login}" class="bt_login" />

<label><input type="checkbox" class="checkbox" name="remember" value="yes" style="vertical-align: middle;" />

<acronym title="{$lang->remember_me_desc}" style="border-bottom: 1px dotted rgb(0, 0, 0); cursor: help;"> {$lang->remember_me}</acronym></label>

&nbsp;<a rel="nofollow" href="{$mybb->settings['bburl']}/member.php?action=lostpw" title="{$lang->lost_password}"><img src="images/lost_password.png" style="vertical-align: middle; cursor: help;" alt="{$lang->lost_password}" border="0" height="20" width="25" /></a>

&nbsp;<a rel="nofollow" href="{$mybb->settings['bburl']}/misc.php?action=help" title="{$lang->toplinks_help}"><img src="images/user_help.png" style="vertical-align: middle; cursor: help;" alt="{$lang->toplinks_help}" border="0" height="20" width="25" /></a>

&nbsp;<a rel="nofollow" href="{$mybb->settings['bburl']}/member.php?action=register" title="{$lang->welcome_register}"><img src="images/register.png" style="vertical-align: middle; cursor: help;" alt="{$lang->welcome_register}" border="0" height="20" width="25" /></a>

<span style="float: right; margin-top: 5px;">{$lang->welcome_current_time}</span>

</form>

</td>

</tr>

</table>