Błąd ze zmianą położenia ikony

wersja skryptu MyBB: 1.8
adres forum: aykrasz.cba.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
konto testowe
L: kontotestowe
H: haslo123
Tak więc wstawiłem sobie ikone przed avatar (#user, pod sliderem)

Mój header_welcomeblock_member (4 i 5 linijka)

<div class="umenu">

    <ul>
</li> <li><a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}"><i title="Log out" class="fa fa-power-off fa- icon-logout fa-2x"></i></a></li><a href="{$mybb->settings['bburl']}/usercp.php?action=avatar">  <img class="panelavatar" src="{$mybb->user['avatar']}" style="vertical-align: middle; margin: -4px 0 0 0; padding: 0;" height="40" width="40" </a>
            <ul id="menu">

<li><a class="userunique" href="{$mybb->settings['bburl']}/member.php?action=profile">{$mybb->user['username']} <i class="fa fa-sort fa- icon-color"></i> </a>

<ul>
{$admincplink}
{$modcplink}
<li><a href="{$mybb->settings['bburl']}/usercp.php?action=profile"><i title="User Profile" class="fa fa-user fa- circle-icon"></i> Panel uzytkownika</a></li>
<li><a href="{$mybb->settings['bburl']}/usercp.php?action=options"><i title="User Options" class="fa fa-cog fa- circle-icon"></i> Opcje użytkownika</a></li>

</ul>
        
    </li>
    </ul>




    </ul>
</div>

Jak mozna zauważyć zastosowałem font awesome, dodałem tam klasę icon-logout

.icon-logout {
margin-right: 5px;
    margin-top: -20px;
}

Jak przewidziałem musiałem się droczycz ze zminą położenia co trudne nie było do czasu kiedy chciałem wypozycjonować lekko w dół " margin-top: -20px;" problem w tym, że nic się nie dzieje, zmieniłem tylko ikone w lewo bo się dało, jak chcę na dół to ani rusz. Może to jakaś drobnostka.. nie wiem bo w .css geniuszem nie jestem. Pozfrawiam

"troszkę w dół", to albo margin-top na PLUSowych wartościach, albo margin-bottom na MINUSowych

Avatar również się zmienił

.icon-logout {
margin-right: 5px;
margin-top: 15px;
}

Sorawdź ten headerinclude header_welcomeblock_member i usuń class z CSSa:

<div class="umenu">
    <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}">
        <i title="Log out" class="fa fa-power-off fa-2x"></i>
    </a>
    <a href="{$mybb->settings['bburl']}/usercp.php?action=avatar">
        <img class="panelavatar" src="{$mybb->user['avatar']}" style="vertical-align: middle; padding: 0;" height="40" width="40" />
    </a>
    <ul id="menu">
        <li>
            <a class="userunique" href="{$mybb->settings['bburl']}/member.php?action=profile">{$mybb->user['username']}>
                <i class="fa fa-sort fa- icon-color"></i>
            </a>
        </li>
        {$admincplink}
        {$modcplink}
        <li>
            <a href="{$mybb->settings['bburl']}/usercp.php?action=profile">
                <i title="User Profile" class="fa fa-user fa- circle-icon"></i> Panel użytkownika
            </a>
        </li>
        <li>
            <a href="{$mybb->settings['bburl']}/usercp.php?action=options">
                <i title="User Options" class="fa fa-cog fa- circle-icon"></i> Opcje użytkownika
            </a>
        </li>
    </ul>
</div>

Dzięki za poprawkę!
Pomagałem w innym temacie i źle napisałem :/

Snake_ napisał 25.08.2015, 11:59:
header_welcomeblock_member*

- Zamieniłem header_welcomeblock_member na ten co mi dałeś.
- Usunałem z cssa

.icon-logout {
margin-right: 5px;
margin-top: 15px;
}

Mam nadzieję, że chodzi Ci o to... jeśli tak to:
- ikona zmieniła się na czarno ale to nie ma znaczenia
- Rozsuwany panel już się nie rozsuwał
Jeśli zrobiłem coś nie tak to proszę o dokładniejsze wytłumaczenie ;p

Chyba coś poknociłem przedtem... Sprawdź teraz:

<div class="umenu">
    <ul>
        <li>
            <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}">
                <i title="Log out" class="fa fa-power-off fa-2x"></i>
            </a>
            <a href="{$mybb->settings['bburl']}/usercp.php?action=avatar">
                <img class="panelavatar" src="{$mybb->user['avatar']}" style="width:40px;height:40px;vertical-align:middle;" />
            </a>
        </li>
        <ul id="menu">
            <li>
                <a class="userunique" href="{$mybb->settings['bburl']}/member.php?action=profile">
                    {$mybb->user['username']} <i class="fa fa-sort icon-color"></i>
                </a>
                <ul>
                    {$admincplink}
                    {$modcplink}
                    <li>
                        <a href="{$mybb->settings['bburl']}/usercp.php?action=profile">
                            <i title="User Profile" class="fa fa-user fa-circle-icon"></i> Panel użytkownika
                        </a>
                    </li>
                    <li>
                        <a href="{$mybb->settings['bburl']}/usercp.php?action=options">
                            <i title="User Options" class="fa fa-cog fa-circle-icon"></i> Opcje użytkownika
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
    </ul>
</div>

Teraz wygląda to tak:

No ja nie widzę na razie nic na koncie testowym, bo zjadłeś < na początku szablonu.

Oj sorry, w sumie wróciliśmy do poprzedniego stanu, ale w jeszcze gorszym stanie, troche chaotyczny ten szablon jest

Chaotyczny, to jest ten Twój pierwszy szablon sprawdź to:

<div class="umenu">
    <ul>
        <li>
            <a class="userunique" href="{$mybb->settings['bburl']}/member.php?action=profile">
                {$mybb->user['username']} <i class="fa fa-sort icon-color"></i>
            </a>
            <ul id="menu">
                {$admincplink}
                {$modcplink}
                <li>
                    <a href="{$mybb->settings['bburl']}/usercp.php?action=profile">
                        <i title="User Profile" class="fa fa-user fa-circle-icon"></i> Panel użytkownika
                    </a>
                </li>
                <li>
                    <a href="{$mybb->settings['bburl']}/usercp.php?action=options">
                        <i title="User Options" class="fa fa-cog fa-circle-icon"></i> Opcje użytkownika
                    </a>
                </li>
            </ul>
        </li>
        <li>
            <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}">
                <i title="Log out" class="fa fa-power-off fa-2x"></i>
            </a>
        </li>
        <li>
            <a href="{$mybb->settings['bburl']}/usercp.php?action=avatar">
                <img class="panelavatar" src="{$mybb->user['avatar']}" style="width:40px;height:40px;vertical-align:middle;" />
            </a>
        </li>
    </ul>
</div>

Teraz to jaki chaotyczny jest ;DDD
Wrociliśmy do poprzedniego stanu ale teraz panel uzytkownika juz nie jest wysuwany

Zobacz to

<div class="umenu">
    <ul>
        <li>
            <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}">
                <i title="Log out" class="fa fa-power-off fa-2x" style="vertical-align: middle;"></i>
            </a>
            <a href="{$mybb->settings['bburl']}/usercp.php?action=avatar">
                <img class="panelavatar" src="{$mybb->user['avatar']}" style="width:40px;height:40px;vertical-align:middle;" />
            </a>
        </li>
    </ul>
    <ul id="menu">
        <li>
            <a class="userunique" href="{$mybb->settings['bburl']}/member.php?action=profile">
                {$mybb->user['username']} <i class="fa fa-sort icon-color"></i>
            </a>
            <ul>
                {$admincplink}
                {$modcplink}
                <li>
                    <a href="{$mybb->settings['bburl']}/usercp.php?action=profile">
                        <i title="User Profile" class="fa fa-user fa-circle-icon"></i> Panel użytkownika
                    </a>
                </li>
                <li>
                    <a href="{$mybb->settings['bburl']}/usercp.php?action=options">
                        <i title="User Options" class="fa fa-cog fa-circle-icon"></i> Opcje użytkownika
                    </a>
                </li>
            </ul>
        </li>
       </ul>
</div>

A ja napisałem to:

<div class="umenu">
    <ul id="menu">
        <li>
            <a class="userunique" href="{$mybb->settings['bburl']}/member.php?action=profile">
                {$mybb->user['username']} <i class="fa fa-sort fa- icon-color"></i>
            </a>
            <ul>
                {$admincplink}
                {$modcplink}
                <li>
                    <a href="{$mybb->settings['bburl']}/usercp.php?action=profile">
                        <i title="User Profile" class="fa fa-user fa- circle-icon"></i> Panel użytkownika
                    </a>
                </li>
                <li>
                    <a href="{$mybb->settings['bburl']}/usercp.php?action=options">
                        <i title="User Options" class="fa fa-cog fa- circle-icon"></i> Opcje użytkownika
                    </a>
                </li>
            </ul>
        </li>
        <li>
            <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}">
                <i title="Log out" class="fa fa-power-off fa- icon-logout fa-2x"></i>
            </a>
        </li>
        <li>
            <a href="{$mybb->settings['bburl']}/usercp.php?action=avatar">
                <img class="panelavatar" src="{$mybb->user['avatar']}" style="width:30px;height:30px;vertical-align:middle; />
            </a>
        </li>
    </ul>
</div>

Efekt na forum, login uzytkownika jest pod ikonka i avatarem

Ale czyj kod użyłeś?