[Modyfikacja] Panelu Logowania

wersja skryptu MyBB:1.6.12
adres forum:http://mati-web.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Hi !
Chciałbym zmodyfikować swój panel logowania, niestety nie wiem jak się za to zabrać, poniżej podam screeny jak powinno wyglądać i jak wygląda.

Zdjęcie jak wygląda:


Fotka jak powinno wyglądać:

Pokaż szablon header_welcomeblock_guest.

header_welcomeblock_guest

<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>

<div id="panelup">
<div id="community">
<a href="index.php"><img src="/images/facebook.png" alt="Facebook" title="Fan Page" /></a>
<a href="index.php"><img src="/images/twitter.png" alt="Twitter" title="Kanał na Twitterze";/></a>
<a href="index.php"><img src="/images/google.png" alt="Google"" title="Kanał Google";/></a>
<a href="index.php"><img src="/images/yt.png" alt="YouTube" title="Kanał na YouTube";/></a>
</div>
<div id="tekst_panel"">
{$lang->welcome_current_time}
</div>
<div class="panel_login">
<img src="/images/panel_login2.png" alt="Panel Logowania">
</div>
</div>
<span id="quick_login">{$lang->welcome_guest} (<a href="{$mybb->settings['bburl']}/member.php?action=login" onclick="MyBB.quickLogin(); return false;">{$lang->welcome_login}</a> &mdash; <a href="{$mybb->settings['bburl']}/member.php?action=register">{$lang->welcome_register}</a>)</span>

Od razu jak to zobaczyłem wpadłem na pomysł jak dodać Panel Logowania poprzez dodanie kilku prostych kodów.

Najlepszym sposobem byłoby zainstalowanie na twoim forum FontAwesome. Ten dodatek ma w sobie opcje tworzenia szybkich przycisków oraz pół tekstowych itp.

Dodajesz taką zawartość do headerinclude:

<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"> 


Potem tylko dodajesz w tym panelu kilka prostych kodów, które możesz znaleźć pod tym linkiem:

http://fortawesome.github.io/Font-Awesom...orm-inputs

Jeżeli zdecydujesz się na ten sposób mogę Ci pomóc to zrobić Korzystam z Font Awesome i jest to aktualnie najlepszy dodatek z jakiego korzystam

Wolałbym jednak standardowo jakoś to dodać.

No to jaki problem?
Te małe grafiki w polach umieścić jako tło, dać padding z lewej strony, aby tekst na nie nie wchodził.
Button od rejestracji najlepiej zrobić jako link i odpowiednio ostylować.

To:

<img src="/images/panel_login2.png" alt="Panel Logowania"> 


jest chyba zbędne, skoro masz w CSS jako background zapisane.
No i zawartość, ta co ma byś wyświetlana zapisz pod:

<div class="panel_login"> 


Potem tylko wypozycjonować.

Jaki tło mam ustawiony fajny gradiencik, i tutaj jest problem bo nie ma jak tego wgrać.