Inlogvenstertje met avatar ernaast

Hallo mensen van Actieforum,

Ik heb een vraagje aan jullie. Aangezien ik bezig ben met een nieuw forum en ik iets nieuws uit wil proberen vraag ik me af of het mogelijk is om een tekstje te maken met "Welkom {GEBRUIKER}" en dan daarnaast de avatar van die ingelogde gebruiker. Gasten zien dan natuurlijk niks omdat ze niet ingelogd zijn.
Daaronder wil ik een venstertje maken waar men in kan loggen. Nu is mijn vraag, hoe doe je dat het beste? (:
Om mijn vraag niet helemaal vaag en raar te laten klinken zet ik er een afbeelding bij van wat ik ongeveer bedoel in de hoop dat dat helpt! Als iemand mij zou kunnen helpen met maken (of me aan de codes te helpen!) zou dat super zijn!

Spoiler:

Zou je dit in een widget, als bericht op de indexpagina of via je templates willen instellen?

Want afhankelijk van de keuze heb je een javascriptje nodig of niet, dus wou ik dit maar even op voorhand vragen.

Deze wil ik een stukje over de banner aan de bovenkant plaatsen, dus hij gaat dan in de templates!

Met onderstaande code krijg je wanneer je niet ingelogd bent een log-in menuutje. Wanneer je wel bent aangemeld zie je je avatar en de gebruikersnaam. Dit is wel een code zonder iets van opmaak, als je problemen hebt met het opmaken enz laat je het maar weten.

Code:

<div>
   <!-- BEGIN switch_user_logged_in -->
      <div>
         <div>
            <div><div id="avatar"></div></div>
            <div id="username"></div>
         </div>
         <div>
         </div>
      </div>
   <!-- END switch_user_logged_in -->
   <!-- BEGIN switch_user_logged_out -->
      <div>
         <form action="/login.forum" method="post">
            <table cellspacing="1" cellpadding="3" border="0">
               <tbody>
                  <tr>
                     <td width="45%" align="right">Gebruikersnaam:</td>
                     <td><input type="text" name="username" size="25" maxlength="40" /></td>
                  </tr>
                  <tr>
                     <td align="right">Wachtwoord:</td>
                     <td><input type="password" name="password" size="25" maxlength="32" /></td>
                  </tr>
                  <tr align="center">
                     <td colspan="2">Log me automatisch in bij ieder bezoek: <input type="checkbox" name="autologin" checked="true" /></td>
                  </tr>
                  <tr align="center">
                     <td colspan="2"><input type="submit" class="mainoption" name="login" value="Log in" /></td>
                  </tr>
               </tbody>
            </table>
         </form>
      </div>
   <!-- END switch_user_logged_out -->
</div>
<script>
$('#avatar').html(_userdata["avatar"]);
$('#username').html(_userdata["username"]);
</script>

Super!! Heel er bedankt! Het opmaken gaat wel lukken c:

[opgelostVraag][/opgelostVraag]