Webboard

Pełna wersja: Panel użytkownika
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
wersja skryptu MyBB: 1.6.8
adres forum: www.miastozbrodni.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Czy byłby ktoś w stanie zrobić taki panel uzytkownika

http://iv.pl/images/86563425854914626183.jpg
ACP > style i szablony > szablony > twój styl > nagłówek > header
klasę panel dodaj do klasy header. Panel użytkownika już będziesz miał teraz w headerze.
Teraz ACP > Style i szablony > twój styl > global.css - szukasz klasy: .panel lub #panel i podajesz wielkość, wysokość, kolor, obramowanie itd.

Aby zmienić treść w tym panelu: https://webboard.pl/wiki.php?panel-uytko...i-jak.html
Po prostu zostawiasz to co chcesz lub edytujesz (skracasz wyraz itd.).


Pozdrawiam!
gdzie dokładnie mam dodać tą klase panel

Kod:
<div id="container">
        <a name="top" id="top"></a>
        <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 class="menu">
                <ul class="menu1">
<li><a href="{$mybb->settings['bburl']}/index.php"><b>Forum</b></a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><b>Użytkownicy</b></a></li>
<li><a href="{$mybb->settings['bburl']}/showteam.php"><b>Ekipa Forum</b></a></li>
<li><a href="{$mybb->settings['bburl']}/stats.php"><b>Statystyki</b></a></li>
<li><a href="{$mybb->settings['bburl']}/search.php"><b>Szukaj</b></a></li>
</ul>            
</div>
            </div>
        
<div id="panel">
                <div class="upper"><!-- This div(class="upper") is closed in the header_welcomeblock_member and header_welcomeblock_guest templates -->
                    <div class="wrapper">
    


                        {$welcomeblock}
            </div>
        </div>
        <div id="content">
            <div class="wrapper">
                {$pm_notice}
                {$bannedwarning}
                {$bbclosedwarning}
                {$unreadreports}
                {$pending_joinrequests}
                <navigation>
            {$board_messages}
                <br />

Udało mi się zrobić coś takiego : http://iv.pl/images/59495864799141470748.jpg ale jak to przenieść zgodnie ze strzałką
{$welcomeblock}
daj w jakis div i w global.css ustaw sobie i będzie ok ;)
ale jak zrobić taką ramke w której by się to znajdowało
Modyfikując szablon welcomeblock_guest i welcomeblock_member w sekcji nagłówek. Reszta to sam HTML i CSS. Najprościej wyglądałoby to tak (na przykładzie welcomeblock_member):

Kod:
<table class="wb_panel">
<tr><td width="80px" height="80px"><center><a href="{$mybb->settings['bburl']}/usercp.php?action=avatar" title="Zmień avatar"><img src="{$mybb->settings['bburl']}/{$mybb->user['avatar']}" width="80px" alt="Zmień avatar" class="avatar" /></a></center></td>
<td class="smalltext" width="100%">

<ul>
<li><a href="{$mybb->settings['bburl']}/usercp.php">{$lang->welcome_usercp}</a></li>
{$modcplink}{$admincplink}
<li><a href="#" onclick="MyBB.popupWindow('{$mybb->settings['bburl']}/misc.php?action=buddypopup', 'buddyList', 350, 350);">{$lang->welcome_open_buddy_list}</a></li>
<li><a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}">{$lang->welcome_logout}</a></li>
</ul>

</td></tr></table>

global.css
Kod:
.wb_panel {
    margin: 0;
    padding: 5px;
    background-color: #aaa;
    border-spacing: 0px;
    width: 350px;
    height: 150px;
    position: absolute;
    top: 0px;
    left: 0px;
}

css3.css
Kod:
.wb_panel {
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
Okej, wszystko ładnie cacy, ale jak się pozbyć tego szarego pola?

http://iv.pl/images/50602408935275059986.jpg
Edytujesz background-color w celu zmiany koloru lub zmniejszasz width, jeśli pole jest zbyt szerokie.
Na przyszłość polecam http://www.kurshtml.edu.pl/temat.php?q=CSS, bo jako webmaster powinieneś jakieś podstawy znać.
ale chodzi mi o to pole miedzy {$welcomeblock} i nowe posty.... , width mam ustalone dla tej ramki, a to puste szare pole zostało, i nie wiem jak się tego pozbyć ; /
Aaaa, ok.
Podaj całą zawartość szablonów header i welcomeblock_member.
Kod:
<!-- Continuation of div(class="upper") as opened in the header template -->
    <span class="welcome">{$lang->welcome_back}
     <span id="current_time" >{$lang->welcome_current_time}</span></right>
                   </div>
                       </div>
<table class="wb_panel">
<tr><td width="80px" height="80px"><center><a href="{$mybb->settings['bburl']}/usercp.php?action=avatar" title="Zmień avatar"><img src="{$mybb->settings['bburl']}/{$mybb->user['avatar']}" width="80px" alt="Zmień avatar" class="avatar" /></a></center></td>
<td class="smalltext" width="100%">

<ul>

<li><a href="{$mybb->settings['bburl']}/usercp.php">{$lang->welcome_usercp}</a></li>
{$modcplink}{$admincplink}


<li><a href="{$mybb->settings['bburl']}/private.php" class="private">{$lang->welcome_pms}</a></li>
<li><a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}">{$lang->welcome_logout}</a></li>

</ul>

</td></tr></table>                            
<div class="lower">

                                
        
    
      
        <ul class="menu user_links">
                        <li><a href="{$mybb->settings['bburl']}/search.php?action=getnew">{$lang->welcome_newposts}</a></li>
            <li><a href="{$mybb->settings['bburl']}/search.php?action=getdaily">{$lang->welcome_todaysposts}</a><!-- UNREADPOSTS_LINK --></li>
                    
</ul>
    </div>
</div>
A jak wyrównać tą ramke do prawej krawędzi forum?
Spróbuj:

Kod:
<table class="wb_panel" style="float: right;">
Ezio, to raczej nic nie da, bo ma atrybut position:absolute.
Przecież pozycję zmienia się tagami left i top w kodzie CSS.
Co do błędu, niestety, nie potrafię jednak zidentyfikować problemu, jeśli nie widzę go na żywo, więc przydałby się dostęp do konta, które ma włączony ten styl.
czyli nie da się usunąć tego szarego pola? O.O
Chyba napisałem jasno: nie mogę, póki nie udostępnisz nam konta na forum z ustawionym tym stylem, byśmy mogli to obejrzeć na żywo.
Stron: 1 2