Webboard

Pełna wersja: Oddzielenie panelu gornego i dolnego
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Istnieje możliwość oddzielenia od siebie #panel .upper i #panel .lower?

[attachment=11523]

header_welcomeblock_member
<!-- Continuation of div(class="upper") as opened in the header template -->
<span class="welcome">{$lang->welcome_back} <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}" class="logout">{$lang->welcome_logout}</a></span>
</div>
</div>
<div class="lower">
<div class="wrapper">
<ul class="menu panel_links">
{$usercplink}
{$modcplink}
{$admincplink}
</ul>
<ul class="menu user_links">
<li><a href="javascript:void(0)" onclick="MyBB.popupWindow('{$mybb->settings['bburl']}/misc.php?action=buddypopup&modal=1', null, true); return false;">{$lang->welcome_open_buddy_list}</a></li>
{$searchlink}
{$pmslink}
</ul>
</div>
<br class="clear" />
</div>

header

<div id="container">
        <a name="top" id="top"></a>
        <div id="panel">
            <div class="upper">
                    <div class="wrapper">
                        {$welcomeblock}
                    <!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
                <!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
        </div>
        <div id="header">
            <div id="logo">
                <div class="wrapper">
                    <a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
                </div>        
            </div>
        </div>
        <div id="content">
            <div class="wrapper">
                {$pm_notice}
                {$remote_avatar_notice}
                {$bannedwarning}
                {$bbclosedwarning}
                {$unreadreports}
                {$pending_joinrequests}
                {$awaitingusers}
                <navigation>
                <br />

edit: Styl nie wygląda jak na screenie, ale chodzi dalej o to samo :)
Tak, wszystko jest kwestią rozłożenia div. Wystarczy je odpowiednio umieścic. Tak naprawdę nic nie szkodzi ci na przeszkodzie, aby to całkiem usunąć i zastąpić swoim kodem.
Okej dolny panel jest tam gdzie powinien, ale górny zniknął :/ Ma ktoś pomysł jak zrobić? Zrobiłem nowy szablon "header_welcomeblockupper_member".

header
<div id="container">
        <a name="top" id="top"></a>
            <div class="upper">
                    <div class="wrapper">
                        {$welcomeblockupper}
                    <!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
                <!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
        <div id="header">
            <div id="logo">
                <div class="wrapper">
                    <a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
                </div>    
                <div id="panel">
                    {$welcomeblock}
                </div>
            </div>
        </div>
        <div id="content">
            <div class="wrapper">
                {$pm_notice}
                {$remote_avatar_notice}
                {$bannedwarning}
                {$bbclosedwarning}
                {$unreadreports}
                {$pending_joinrequests}
                {$awaitingusers}
                <navigation>
                <br />

header_welcomeblockupper_member
<!-- Continuation of div(class="upper") as opened in the header template -->
    <span class="welcome">{$lang->welcome_back} <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}" class="logout">{$lang->welcome_logout}</a></span>
    </div>
</div>