Tabelka z członkami

wersja skryptu MyBB:1.6.x
adres forum:http://reaperssquad.c0.pl/index.php
na czym polega problem (screen, opis, komunikaty):


Cześć,
Chciałbym się dowiedzieć czy jest coś w tym stylu (to co zaznaczone) możliwe do zrobienia na forum MyBB? Jeśli tak, to chciałbym wiedzieć w jaki sposób można coś takiego zrobić. Głównie chodzi mi o te "flagowe serie" ale "członkami" też bym nie pogardził
Z góry dzięki za pomoc.

Pozdrawiam.

Snake_ napisał 23.07.2014, 19:12:
Poprawiam tytuł i przenoszę

Zwykła tabelka.
Wpisz w google "tabelka kurs html

No tak, z tym bym sobie poradził ale jak mam to potem wstawić na forum?

Wrzucasz do szablonu, w którym chcesz, aby się wyświetlał. Możesz napisać tutaj gdzie ma się wyświetlać, a wskażemy Ci szablon.

Tutaj bym chciał. Najlepiej jeszcze jakby dało się to zrobić w sposób taki, że nie przesuwało by się to.
Tzn było by nieruchome jak tło podczas zjeżdżania do góry i na dół na stronie.

Przesuwanie: do css dopisujesz np. position: fixed;

A zrobić możesz to np. w szablonie header (nagłówek).

A gdzie bym to miał tak dokładniej wstawić? Bo to, że do nagłówka to wiem. Gorzej, że jest tam dosyć dużo linijek skryptu... i w tym to się gubię.

Zwłaszcza, że sobie nie zaznacze tego elementu i nie "zbadam go", więc tym bardziej nie mam pojęcia gdzie szukać.

Podzielmy całą stronę na trzy "kolumny" - środek niech będzie to ten cały conainer.

Przed divem z containerem wstaw:

<div class="leftBox"></div>
<div class="rightBox"></div> 


i do global.css coś mniej / więcej takiego:

.leftBox {
    width: 300px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: -5;
}
.rightBox {
    width: 300px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: -5;
} 


Wkleiłem to tak jak mówiłeś to wyglądało to mniej więcej tak: (Pewnie zle coś zrobiłem)



a potem jak to cofnąłem, to tak:



Wszystko się na lewo przesunęło, ale z tym sobie akurat chyba poradzę...

Pokaż szablon header i klasę / id container.

Header:

<div class="page" id="page">
<a name="top" id="top"></a>
    <div id="header">
    <span class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></span>
        <div id="panel" class="menu"><ul>
<li><a href="{$mybb->settings['bburl']}/portal.php">Portal</a></li>
<li><a href="{$mybb->settings['bburl']}/index.php">Forum</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li>
<li><a href="#">{$lang->toplinks_search}</a>
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php">Advanced search</a></li>
<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></li>
</ul></li>{$welcomeblock}
</ul>
</div>


<span class="tools">
<a href="#" id="separator" style="width: auto; height:auto;">
<img src="{$theme['imgdir']}/tools_sidebar.png" alt="sidebar" title="collapse / expand sidebar"/>
</a>
<a href="#" id="toggler">
<img src="{$theme['imgdir']}/tools_change_bg.png" alt="change background" title="change background image"/>
</a>
<a class="changewidth original" href="#" title="switch to fixed page width">page</a>
<a class="changewidth wide" href="#" title="switch to full page width">page_wide</a>
<a href="#" title="toggle text and links color" id="textchange"><img src="{$theme['imgdir']}/tools_textcolor.png" alt="text color" /></a>
</span>

</div>

<div id="container" class="forum_sidebar sidebar_right">



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

A poprzedni błąd już naprawiony, strona wygląda jak powinna, ale wciąż jednak tabele nie mam pojęcia jak wstawić.

Snake_ napisał 24.07.2014, 20:48:
KOdy dajemy w code lub php

Pokaż z global.css #container i .forum_sidebar sidebar_right:

<div class="page" id="page">
<a name="top" id="top"></a>
    <div id="header">
    <span class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></span>
        <div id="panel" class="menu"><ul>
<li><a href="{$mybb->settings['bburl']}/portal.php">Portal</a></li>
<li><a href="{$mybb->settings['bburl']}/index.php">Forum</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li>
<li><a href="#">{$lang->toplinks_search}</a>
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php">Advanced search</a></li>
<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></li>
</ul></li>{$welcomeblock}
</ul>
</div>


<span class="tools">
<a href="#" id="separator" style="width: auto; height:auto;">
<img src="{$theme['imgdir']}/tools_sidebar.png" alt="sidebar" title="collapse / expand sidebar"/>
</a>
<a href="#" id="toggler">
<img src="{$theme['imgdir']}/tools_change_bg.png" alt="change background" title="change background image"/>
</a>
<a class="changewidth original" href="#" title="switch to fixed page width">page</a>
<a class="changewidth wide" href="#" title="switch to full page width">page_wide</a>
<a href="#" title="toggle text and links color" id="textchange"><img src="{$theme['imgdir']}/tools_textcolor.png" alt="text color" /></a>
</span>

</div>
<div class="leftBox"></div>
<div class="rightBox"></div> 
<div id="container" class="forum_sidebar sidebar_right">



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


Nie wiem czy dokładnie o to chodziło, ale cóż...

To chyba ten "container"

#container {
    color: #ffffff;
}

#content {
    /* FIX: Make internet explorer wrap correctly */
    width: auto !important;
    padding: 12px;
    background-image: url(images/bf/container_bg.png);
    border-radius:3px;
}

.menu ul {
    background-image: url(images/bf/menu_bg.png);
    background-repeat: repeat;
    list-style-image: none;
    height: 31px;
    line-height:31px;
    list-style-position: outside;
    list-style-type: none;
    margin:0;
    padding:0px;
    border:1px solid #0c0f12;
}

.menu ul li {
    padding:0;
    margin:0;
    float:left;
    height: 31px;
    line-height:31px;
    padding:0px;
}

.menu ul li a {
    text-decoration:none;
    border-right:1px solid #0c0f12;
    padding:0px 15px;
}

.menu ul li:hover > ul {
    display:block;
}

.menu ul li a:hover {
    color:#ffffff;
}

/*Level two menu*/
.menu ul ul {
    display:none;
    background-color:#171c21;
    background-image:none;
    border:1px solid #0c0f12;
    color:#FFFFFF;
    border-radius:3px;
    width: 150px;
    position: absolute;
    height:auto;
    padding:5px;
    margin:0;
    z-index:200;
}

.menu ul ul li {
    background-image: none;
    display:block;
    float:none;
    margin:0px;
    padding:6px;
    border:none;
    height: 16px;
    line-height:16px;
    border-bottom: 1px solid #0c0f12;
}

.menu ul ul li a {
    display:block;
    font-weight: 400;
    font-size:11px;
    margin:0px;    
    padding: 0px;
    text-align:left;
    border:none;
} 


A to chyba ten forum_sidebar

/* Floats */
.left {
    float: left;
}

.right {
    float: right;
}

.clearer {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
}

.hidden {
    display: none;
}

/* contentforum & sidebar */
.forum,#sidebar {
}

#sidebar {
    
    display: none;
}

#main {
}

.forumoutline {
    width:100%;    
}

.forum {
}

.no-margin {
    margin:0 !important;
}

.forum_sidebar .forumoutline {
    float: left;
    margin-right: -260px;
    width:100%;
}

.forum_sidebar .forum {
    margin-right:260px;
}

.forum_sidebar #sidebar {
    float:right;
    width:240px;
    display:block;
    padding:0;
    margin:0;
}

.sidebar-at-left #sidebar {
    margin-right: 0%;
}

.sidebar_right #sidebar {
    margin-left: 0%;
}

.sidebar-at-left .forum,
.use-sidebar.sidebar_right #sidebar, 
.sidebar_right {
}

.sidebar_right .forum,
.use-sidebar.sidebar-at-left #sidebar, 
.sidebar-at-left #separator {
}

#separator {
    width: 16px;
    display: block;
    outline: none;
    height: auto !important;
    width:auto !important;
}

.forum_sidebar #separator {

}

#separator:hover {
} 


container zamień na: (zawartość):

    width: 1060px;
    color: #000000;
    background: #kolor;
    margin: auto auto;
    padding: 20px;
    text-align: left; 


Tzn w jakim sensie "zamień"?
Mam z tego szablonu wywalić ten "container" i zamienić na to?