Modyfikacja szablonu Header.

wersja skryptu MyBB: Najnowsza
adres forum: http://onliworld.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Witam. Chciałbym się zapytać specjalistów o kilka rzeczy, ponieważ jak ja coś ruszę, to albo cały szablon zniknie, albo coś zwale.
Macie tutaj SS'a pewnej części forum, którą chcę zmodyfikować:

Najpierw chciałbym te kafelki na górze czyli "Portal, Forum [...]" przeciągnąć na lewą stronę forum, aby były jedno pod drugim, tylko żeby logo zostało na swoim miejscu, a te kafelki żeby wyglądały tak, jak wygląda pod spodem. Ponadto wolałbym, żeby kawałeczek tego tła nie został całkowicie zasłonięty po obu stronach. Oto SS:

Nie chcę tak jak tam powyżej, żeby robić oddzielne okno dla tych buttonów, tylko żeby były po lewej stronie i były na normalnym tle. Trochę namieszałem, ale mam nadzieję, że mi pomożecie . Dzięki.

Wpisz sobie w google pionowe menu czy tam vertical menu css co kolwiek, np.: http://www.kurshtml.edu.pl/css/pionowe_menu,menu.html

Nie kapuje tego, pomógłbyś mi zmodyfikować ten kod?
Nie wiem jak to zrobić :/
Masz tu kod css headera:

<div class="headerw"><div class="header">
<table width="100%"><tr><td><div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div></td><td>
            <div class="menu" style="float:right;">
                <ul>
                                        <li><a href="{$mybb->settings['bburl']}/portal.php" style="color:#fff;">Portal</a></li>
                    <li><a href="{$mybb->settings['bburl']}/index.php" style="color:#fff;">Forum</a></li>
                    <li><a href="{$mybb->settings['bburl']}/search.php" style="color:#fff;">Wyszukaj</a></li>
                    <li><a href="" style="color:#fff;">YouTube</a></li>
                    <li><a href="" style="color:#fff;">FanPage</a></li>
                    <li><a href="mailto:mcexostline@wp.pl" style="color:#fff;">Kontakt</a></li>
                </ul>
            </div></td></tr></table></div></div>

    <div id="cont_bg"><div id="container-top"></div><div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <hr class="hidden" />
        </div>
        <hr class="hidden" />
        <div id="content">
            <span style="color:#000;">{$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
{$newsmessage}
            {$unreadreports}
            {$pending_joinrequests}</span>

<div class="side" style="float: right; width: 25%">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
{$welcomeblock}
</tr>
<tr>
{$modcplink}
<tr>
<td class="thead-nor">
Wyszukiwarka <span style="float:right;margin-right:10px;"><a href="{$mybb->settings['bburl']}/search.php"><img src="images/MyCraft/gear.png" title="Szukanie szczegółowe"/></a></span>
</td></tr><tr><td class="trow1"><div class="searchbox">
<form method="post" action="{$mybb->settings['bburl']}/search.php">
<input type="hidden" name="action" value="do_search">
<input type="hidden" name="postthread" value="1">
<input type="hidden" name="forums" value="all">
<input type="hidden" name="showresults" value="threads">
<input type="text" class="textbox" name="keywords" onfocus="if(this.value=='Czego szukasz?'){this.value='';}" onblur="if(this.value==''){this.value='Czego szukasz?';}" value="Czego szukasz?">
<input type="submit" class="button" value="Szukaj!">
</form></div></td></tr>
<tr>
<td class="thead-nor">
Sponsorzy
</td></tr>
<tr><td class="trow1" align="center">
<b>Poszukujemy sponsorów.</b>
<a href="#"><img src=""/></a>
</td></tr>
<tr>
<td class="thead-nor">
Ogłoszenie
</td></tr>
<tr><td class="trow1" align="center">
<color=#FF0000><font=Impact><size=small><center><b>
Kiedy na forum zarejestruje się 25 użytkowników, odbędzie się rekrutacja!<b></center></size></font></color>
</td></tr>
</table>
</div>

<div style="float: left; width: 74%;">

---

Pomoże ktoś?

Skoro masz problemy z tym, to prościej będzie użyć pluginu na sidebar (np. http://mods.mybb.com/view/your-side-bar ) lub jakiś inny, który będzie Ci wyświetlał po lewej stronie, a w nim wystarczy, że sobie dodasz linki.

Możesz też samemu (na wiki są poradniki) zrobić menu, tylko przerobić pod lewą stronę. No i jakoś zrobić, by wyświetlało się na każdej stronie.

A ten sidebar to nie będzie się gryzł z panelem po prawej stronie?

Nie powinien jeśli na tamto nie używasz pluginu, lecz sam kod, możesz użyć tego: http://community.mybb.com/thread-131633.html po której chcesz się wyświetla

Słuchaj, nie działa mi. Podpowiesz mi jak zmniejszyć te odstępy między działami i lewą stroną i panelami i prawą stroną? Tam gdzie po bokach jest wolne miejsce ;x

Pokaż linka do strony, na której robiłeś tamtego screena, zobaczę jak oni mają to zrobione.

http://encraft.eu/forum.php

aaa... można było tak od razu, nie byłoby takiego zamieszania.

Przykładowo:

Do
ACP → Style i szablony → szablony → twój szablon → Nagłowek → header ( na początku lub na końcu) wstaw:

<div style="float: left">

    <div id="mbok">
   Wstaw tutaj tą Twoją zawartość. 
  </div> 


i teraz ACP → Style i szablony → Style → Twój styl → global.css → tryb zaawansowany → dodaj na końcu:

#mbok {
    position: fixed;
    top:0px;
    left: 0px;
    width: 250px;
    height: 100%;
    background: rgba(50, 50, 50, 0.7);
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 10px;
    z-index: 1200;
    text-align: center;
    margin: 0 auto;
} 


Nie działa, wyświetlają się tylko napisy pod sobą w ten sposób:
- Portal
- Forum [...]
I to w dodatku nad logiem i wszystkim, na samej górze. Wstawiłem wszystko tak jak napisałeś, ale nie działa..

---

Nie wiem, dam Ci tutaj szablony header i global.css, poprosiłbym żebyś je dobrze zmienił żeby działało bo ja jestem z tym całkiem zielony.. A jak sie nie da, no to trudno
Header

<div class="headerw"><div class="header">
<table width="100%"><tr><td><div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div></td><td>
            <div class="menu" style="float:right;">
                <ul>
                                        <li><a href="{$mybb->settings['bburl']}/portal.php" style="color:#fff;">Portal</a></li>
                    <li><a href="{$mybb->settings['bburl']}/index.php" style="color:#fff;">Forum</a></li>
                    <li><a href="{$mybb->settings['bburl']}/search.php" style="color:#fff;">Wyszukaj</a></li>
                    <li><a href="" style="color:#fff;">YouTube</a></li>
                    <li><a href="" style="color:#fff;">FanPage</a></li>
                    <li><a href="mailto:mcexostline@wp.pl" style="color:#fff;">Kontakt</a></li>
                </ul>
            </div></td></tr></table></div></div>

    <div id="cont_bg"><div id="container-top"></div><div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <hr class="hidden" />
        </div>
        <hr class="hidden" />
        <div id="content">
            <span style="color:#000;">{$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
{$newsmessage}
            {$unreadreports}
            {$pending_joinrequests}</span>

<div class="side" style="float: right; width:25%">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
{$welcomeblock}
</tr>
<tr>
{$modcplink}
<tr>
<td class="thead-nor">
Wyszukiwarka <span style="float:right;margin-right:10px;"><a href="{$mybb->settings['bburl']}/search.php"><img src="images/MyCraft/gear.png" title="Szukanie szczegółowe"/></a></span>
</td></tr><tr><td class="trow1"><div class="searchbox">
<form method="post" action="{$mybb->settings['bburl']}/search.php">
<input type="hidden" name="action" value="do_search">
<input type="hidden" name="postthread" value="1">
<input type="hidden" name="forums" value="all">
<input type="hidden" name="showresults" value="threads">
<input type="text" class="textbox" name="keywords" onfocus="if(this.value=='Czego szukasz?'){this.value='';}" onblur="if(this.value==''){this.value='Czego szukasz?';}" value="Czego szukasz?">
<input type="submit" class="button" value="Szukaj!">
</form></div></td></tr>
<tr>
<td class="thead-nor">
Sponsorzy
</td></tr>
<tr><td class="trow1" align="center">
<b>Poszukujemy sponsorów.</b>
<a href="#"><img src=""/></a>
</td></tr>
<tr>
<td class="thead-nor">
Ogłoszenie
</td></tr>
<tr><td class="trow1" align="center">
<color=#FF0000><font=Impact><size=small><center><b>
Kiedy na forum zarejestruje się 25 użytkowników, odbędzie się rekrutacja!!<b></center></size></font></color>
</td></tr>
</table>
</div>

<div style="float: left; width: 74%;">

Global.css

@import url(http://fonts.googleapis.com/css?family=Anaheim);
/* Resets */
body {
        margin: 0;
        padding: 0;
    text-align: center; /* IE 5 fix */
        overflow-x: hidden;
}
::selection{background:#28a021;color:#fff;}
::-webkit-selection{background:#28a021;color:#fff;}
::-moz-selection{background:#28a021;color:#fff;}
::-o-selection{background:#28a021;color:#fff;}
::-ms-selection{background:#28a021;color:#fff;}
/* Resets */

body {
    background: #efefef url(images/tlo.png);
    color: #fff;
    font-family: 'Anaheim', sans-serif;
    font-size: 13px;
    line-height: 1.4;
}

.youarehere {
       width: 100%;
       background: url(images/MyCraft/darkbg.png);
       color: #fff;
       padding: 5px;
       text-align: left;
}

.headerw {
        background: #fff url(images/MyCraft/headerbg.png); /* http://freeminecraftserver.org/images/header_background.jpg */
        width: 100%;
        height: 150px;
}

.header {
         width: 80%;
         margin: auto auto;
         height: 106px;
         text-align: left;
         padding: 20px;
}

#footer {
        background: #fff url(images/MyCraft/footerbg.png) repeat;
        width: 100%;
        box-shadow: inset 0 5px 18px rgba(0, 0, 0, 0.6);
}

#footer_inner {
         width: 80%;
         margin: auto auto;
         height: 106px;
         text-align: left;
         padding: 20px;
}

a:link {
    color: #5b5b5b;
    text-decoration: none;
        -webkit-transition: all 250ms ease-in-out;
        -moz-transition: all 250ms ease-in-out;
        -o-transition: all 250ms ease-in-out;
        font-family: sans-serif;
        transition: all 250ms ease-in-out;
}

a:visited {
    color: #5b5b5b;
    text-decoration: none;
}

a:hover, a:active {
    color: #969696;
    text-decoration: none;
}

#cont_bg {
        background: url(images/MyCraft/container_bg.png);
        width: 80%;
        margin: auto auto;
}

#container {
    color: #fff;
    margin: auto auto;
        font-family: 'Anaheim', sans-serif;
    padding: 20px;
    text-align: left; /* IE 5 fix */
}

#content {
    /* FIX: Make internet explorer wrap correctly */
    width: auto !important;

}

.menu {}

.menu li {
       background: #494949;
       padding: 10px;
       border-radius: 3px;
       text-align: center;
       -webkit-transition: all 250ms ease-in-out;
       -moz-transition: all 250ms ease-in-out;
       -o-transition: all 250ms ease-in-out;
       transition: all 250ms ease-in-out;
      -moz-box-shadow:    inset 0 0 10px #000000;
      -webkit-box-shadow: inset 0 0 10px #000000;
      box-shadow:         inset 0 0 10px #000000;
      display:inline;
}

.menu li:hover {
       background: #302e2e;
}

.menu ul {
    color: #fff;
    font-weight: bold;
        font-size: 18px;
        font-family: 'Carrois Gothic SC', sans-serif;
        text-transform: uppercase;
}

.menu li a:link {
        text-align: center
    color: #fff;
    text-decoration: none;
}

.menu li a:visited {
    color: #fff;
    text-decoration: none;
}

.menu li a:hover, .menu ul a:active {
    color: #EEE;
    text-decoration: none;
}

#panel {
    background: #efefef;
    color: #000000;
    font-size: 11px;
    border: 1px solid #D4D4D4;
    padding: 8px;
}

#panel .remember_me input {
    vertical-align: middle;
    margin-top: -1px;
}

table {
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

.tborder {
    background: #000;
    width: 100%;
         -webkit-border-top-left-radius: 3px;
         -webkit-border-top-right-radius: 3px;
         -moz-border-radius-topleft: 3px;
         -moz-border-radius-topright: 3px;
         border-top-left-radius: 3px;
    margin: auto auto;
    border: 1px solid #000;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}

.thead {
         background-image: url(images/MyCraft/theadbg.png);
         height: 30px;
         -webkit-border-top-left-radius: 3px;
         -webkit-border-top-right-radius: 3px;
         -moz-border-radius-topleft: 3px;
         -moz-border-radius-topright: 3px;
         border-top-left-radius: 3px;
         border-top-right-radius: 3px;
         color: #ccc;
         font-family: 'Anaheim', sans-serif;
         padding-left: 10px;
}

.thead-nor {
         background-image: url(images/MyCraft/theadbg.png);
         height: 30px;
         color: #ccc;
         padding-left: 10px;
         font-family: 'Anaheim', sans-serif;
}

.thead a:link {
    color: #ffffff;
    text-decoration: none;
}

.thead a:visited {
    color: #ffffff;
    text-decoration: none;
}

.thead a:hover, .thead a:active {
    color: #ffffff;
    text-decoration: underline;
}

.tcat {
    background: #ADCBE7 url(images/MyCraft/darkbg.png);
    color: #fff;
    font-size: 12px;
}

.tcat a:link {
    color: #fff;
}

.tcat a:visited {
    color: #fff;
}

.tcat a:hover, .tcat a:active {
    color: #fff;
}

.trow1 {
    background: #f9f9f9;
}

.trow2 {
    background: #f9f9f9;
}

.trow_shaded {
    background: #ffdde0;
}

.trow_selected td {
    background: #62A929;
}

.trow_sep {
    background: #e5e5e5;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    background: #000 url(images/MyCraft/theadbg.png) top left repeat-x;
    color: #ffffff;
}

.tfoot a:link {
    color: #ffffff;
    text-decoration: none;
}

.tfoot a:visited {
    color: #ffffff;
    text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
    color: #ffffff;
    text-decoration: underline;
}

.bottommenu {
    background: #efefef;
    color: #000000;
    border: 1px solid #4874a3;
    padding: 10px;
}

.navigation {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

.navigation a:link {
    color: #fff;
    text-decoration: none;
}

.navigation a:visited {
    color: #fff;
    text-decoration: none;
}

.navigation a:hover, .navigation a:active {
    color: #fff;
    text-decoration: none;
}

.navigation .active {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;
}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

input.textbox {
background: white;
border: 1px solid #C7C7C7;
padding: 5px;
border-radius: 2px;
font-size: 11px;
outline: none;
color: #777;
}

textarea {
background: white;
border: 1px solid #C7C7C7;
padding: 5px;
border-radius: 2px;
font-size: 13px;
outline: none;
color: #777;
}

select {
background: white;
border: 1px solid #C7C7C7;
padding: 5px;
border-radius: 2px;
font-size: 13px;
outline: none;
color: #777;
}

.editor {
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.editor_control_bar {
    background: #fff;
    border: 1px solid #0f5c8e;
}

.autocomplete {
    background: #fff;
    border: 1px solid #000;
    color: black;
}

.autocomplete_selected {
    background: #adcee7;
    color: #000;
}

.popup_menu {
    background: #ccc;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #fff;
    color: #000;
}

.popup_menu .popup_item:hover {
    background: #C7DBEE;
    color: #000;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.invalid_field {
    border: 1px solid #f30;
    color: #f30;
}

.valid_field {
    border: 1px solid #0c0;
}

.validation_error {
    background: url(images/invalid.gif) no-repeat center left;
    color: #f30;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_success {
    background: url(images/valid.gif) no-repeat center left;
    color: #00b200;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_loading {
    background: url(images/spinner.gif) no-repeat center left;
    color: #555;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

/* Additional CSS (Master) */
img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.hiddenrow {
    display: none;
}

.selectall {
    background-color: #FFFBD9;
    font-weight: bold;
    text-align: center;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.menu ul {
    list-style: none;
    margin: 0;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

#panel .links {
    margin: 0;
    float: right;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
}

.thead .expcolimage img {
    opacity: 0;
    -o-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.thead:hover .expcolimage img {
    opacity: 1;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    background-color: #000000;
    color: #000000;
    height: 1px;
    border: 0px;
}

#copyright {
    font: 11px Verdana, Arial, Sans-Serif;
    margin: 0;
    padding: 10px 0 0 0;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 0;
}

blockquote {
    border: 1px solid #ccc;
    margin: 0;
    background: #fff;
    padding: 4px;
}

blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    margin: 4px 0;
}

blockquote cite span {
    float: right;
    font-weight: normal;
}

blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}

.codeblock {
    background: #fff;
    border: 1px solid #ccc;
    padding: 4px;
}

.codeblock .title {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    margin: 4px 0;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
}

.subforumicon {
    border: 0;
    vertical-align: middle;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

form {
    margin: 0;
    padding: 0;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.autocomplete {
    text-align: left;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FFFFCC;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pm_alert {
    background: #19af16;
    border: 1px solid #237517;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
        color:#fff;
    font-size: 11px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        -moz-border-radius: 5px;
}

.pm_alert a {
color:#fff;
}

.red_alert {
    background: #FBE3E4;
    border: 1px solid #A5161A;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
        color:#000;
    font-size: 11px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        -moz-border-radius: 5px;
}

.pm_alert a {
color:#000;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

div.error {
    padding: 5px 10px;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    background: #FFF6BF;
    font-size: 12px;
}

div.error p {
    margin: 0;
    color: #000;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #C00;
    background: url(images/error.gif) no-repeat 0;
}

div.error ul {
    margin-left: 24px;
}

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
    padding-top: 0;
}
.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current, .pagination a {
    padding: 2px 6px;
    margin-bottom: 3px;
}

.pagination a {
    border: 1px solid #81A2C4;
}

.pagination .pagination_current {
    background: #F5F5F5;
    border: 1px solid #81A2C4;
    font-weight: bold;
    color: #000;
}

.pagination a:hover {
    background: #F5F5F5;
    text-decoration: none;
}

.thread_legend, .thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.error_message {
    color: #C00;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.post_body {
    padding: 5px;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(images/jump.gif) no-repeat 0;
    width: 13px;
    height: 13px;
    padding-left: 13px; /* amount of padding needed for image to fully show */
    vertical-align: middle;
    border: none;
}

.repbox {
    font-size:16px;
    font-weight: bold;
    padding:5px 7px 5px 7px;
}

._neutral {
    background-color:#FAFAFA;
    color: #999999;
    border:1px solid #CCCCCC;
}

._minus {
    background-color: #FDD2D1;
    color: #CB0200;
    border:1px solid #980201;
}

._plus {
    background-color:#E8FCDC;
    color: #008800;
    border:1px solid #008800;
}

.pagination_breadcrumb {
    background-color: #f5f5f5;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
    font-weight: normal;
    white-space: nowrap;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}
        
.wbavatar {
background: white;
padding: 2px;
border: 1px solid #CBCBCB;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
margin: 5px auto;
text-align: center;
}

.green-button {
  background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 1px solid #63a62f;
  border-bottom: 1px solid #5b992b;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
  box-shadow: inset 0 1px 0 0 #96ca6d;
  color: #fff;
  font: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  padding: 5px;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
}

.green-button:hover {
  background-color: #76b347;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
  background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
  background-image: linear-gradient(top, #76b347, #5e9e2e);
  -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
  box-shadow: inset 0 1px 0 0 #8dbf67;
  cursor: pointer;
}

.green-button:active {
  border: 1px solid #5b992b;
  border-bottom: 1px solid #538c27;
  -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
}

.post_user_info {
background: #EEE;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0 1px 1px 0 #C7C7C7;
box-shadow: inset 0 1px 1px 0 #C7C7C7;
float: right;
padding: 4px;
display: block;
text-align: left;
width: 215px;
}
.button {
  background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 1px solid #63a62f;
  border-bottom: 1px solid #5b992b;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
  box-shadow: inset 0 1px 0 0 #96ca6d;
  color: #fff;
  font: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  padding: 5px;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
}

.button:hover {
  background-color: #76b347;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
  background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
  background-image: linear-gradient(top, #76b347, #5e9e2e);
  -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
  box-shadow: inset 0 1px 0 0 #8dbf67;
  cursor: pointer;
}

.button:active {
  border: 1px solid #5b992b;
  border-bottom: 1px solid #538c27;
  -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
}

.btn-mycraft {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
background:#222222 url(images/button-overlay.png) repeat-x;
border:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF !important;
cursor:pointer;
display:inline-block;
font-size:13px;
font-weight:bold;
line-height:1;
overflow:visible;
padding:5px 15px 6px;
position:relative;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
width:auto;
text-align:center;
}
.btn-mycraft:hover {
background:#111111;
color:#FFFFFF;
}
.btn-mycraft:active {
background:#242424;
}
.large.btn-mycraft {
font-size:14px;
padding:8px 19px 9px;
background-image:url(images/large-button-overlay.png);
}
input[type="submit"].large.button, .large.button.input {
padding:6px 16px 6px;
}
input[type="button"].large.button, button.large.button {
padding:7px 16px;
}

.breadcrumb {
background: #3a3a3a url(images/MyCraft/darkbg.png);
border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
color: #fff;
width: 97.8%;
padding: 10px;
}

p{font-family: 'Anaheim', sans-serif;}
        
#mbok {
    position: fixed;
    top:0px;
    left: 0px;
    width: 250px;
    height: 100%;
    background: rgba(50, 50, 50, 0.7);
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 10px;
    z-index: 1200;
    text-align: center;
    margin: 0 auto;
}
 

Szablon:

<div class="headerw"><div class="header">
<div style="float: left">

    <div id="mbok">
   Wstaw tutaj tą Twoją zawartość. 
  </div>
<table width="100%"><tr><td><div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div></td><td>
            <div class="menu" style="float:right;">
                <ul>
                                        <li><a href="{$mybb->settings['bburl']}/portal.php" style="color:#fff;">Portal</a></li>
                    <li><a href="{$mybb->settings['bburl']}/index.php" style="color:#fff;">Forum</a></li>
                    <li><a href="{$mybb->settings['bburl']}/search.php" style="color:#fff;">Wyszukaj</a></li>
                    <li><a href="" style="color:#fff;">YouTube</a></li>
                    <li><a href="" style="color:#fff;">FanPage</a></li>
                    <li><a href="mailto:mcexostline@wp.pl" style="color:#fff;">Kontakt</a></li>
                </ul>
            </div></td></tr></table></div></div>

    <div id="cont_bg"><div id="container-top"></div><div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <hr class="hidden" />
        </div>
        <hr class="hidden" />
        <div id="content">
            <span style="color:#000;">{$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
{$newsmessage}
            {$unreadreports}
            {$pending_joinrequests}</span>

<div class="side" style="float: right; width:25%">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
{$welcomeblock}
</tr>
<tr>
{$modcplink}
<tr>
<td class="thead-nor">
Wyszukiwarka <span style="float:right;margin-right:10px;"><a href="{$mybb->settings['bburl']}/search.php"><img src="images/MyCraft/gear.png" title="Szukanie szczegółowe"/></a></span>
</td></tr><tr><td class="trow1"><div class="searchbox">
<form method="post" action="{$mybb->settings['bburl']}/search.php">
<input type="hidden" name="action" value="do_search">
<input type="hidden" name="postthread" value="1">
<input type="hidden" name="forums" value="all">
<input type="hidden" name="showresults" value="threads">
<input type="text" class="textbox" name="keywords" onfocus="if(this.value=='Czego szukasz?'){this.value='';}" onblur="if(this.value==''){this.value='Czego szukasz?';}" value="Czego szukasz?">
<input type="submit" class="button" value="Szukaj!">
</form></div></td></tr>
<tr>
<td class="thead-nor">
Sponsorzy
</td></tr>
<tr><td class="trow1" align="center">
<b>Poszukujemy sponsorów.</b>
<a href="#"><img src=""/></a>
</td></tr>
<tr>
<td class="thead-nor">
Ogłoszenie
</td></tr>
<tr><td class="trow1" align="center">
<color=#FF0000><font=Impact><size=small><center><b>
Kiedy na forum zarejestruje się 25 użytkowników, odbędzie się rekrutacja!!<b></center></size></font></color>
</td></tr>
</table>
</div>

<div style="float: left; width: 74%;"> 


global.css:

@import url(http://fonts.googleapis.com/css?family=Anaheim);
/* Resets */
body {
        margin: 0;
        padding: 0;
    text-align: center; /* IE 5 fix */
        overflow-x: hidden;
}
::selection{background:#28a021;color:#fff;}
::-webkit-selection{background:#28a021;color:#fff;}
::-moz-selection{background:#28a021;color:#fff;}
::-o-selection{background:#28a021;color:#fff;}
::-ms-selection{background:#28a021;color:#fff;}
/* Resets */

body {
    background: #efefef url(images/tlo.png);
    color: #fff;
    font-family: 'Anaheim', sans-serif;
    font-size: 13px;
    line-height: 1.4;
}

.youarehere {
       width: 100%;
       background: url(images/MyCraft/darkbg.png);
       color: #fff;
       padding: 5px;
       text-align: left;
}

.headerw {
        background: #fff url(images/MyCraft/headerbg.png); /* http://freeminecraftserver.org/images/header_background.jpg */
        width: 100%;
        height: 150px;
}

.header {
         width: 80%;
         margin: auto auto;
         height: 106px;
         text-align: left;
         padding: 20px;
}

#footer {
        background: #fff url(images/MyCraft/footerbg.png) repeat;
        width: 100%;
        box-shadow: inset 0 5px 18px rgba(0, 0, 0, 0.6);
}

#footer_inner {
         width: 80%;
         margin: auto auto;
         height: 106px;
         text-align: left;
         padding: 20px;
}

a:link {
    color: #5b5b5b;
    text-decoration: none;
        -webkit-transition: all 250ms ease-in-out;
        -moz-transition: all 250ms ease-in-out;
        -o-transition: all 250ms ease-in-out;
        font-family: sans-serif;
        transition: all 250ms ease-in-out;
}

a:visited {
    color: #5b5b5b;
    text-decoration: none;
}

a:hover, a:active {
    color: #969696;
    text-decoration: none;
}

#cont_bg {
        background: url(images/MyCraft/container_bg.png);
        width: 80%;
        margin: auto auto;
}

#container {
    color: #fff;
    margin: auto auto;
        font-family: 'Anaheim', sans-serif;
    padding: 20px;
    text-align: left; /* IE 5 fix */
}

#content {
    /* FIX: Make internet explorer wrap correctly */
    width: auto !important;

}

.menu {}

.menu li {
       background: #494949;
       padding: 10px;
       border-radius: 3px;
       text-align: center;
       -webkit-transition: all 250ms ease-in-out;
       -moz-transition: all 250ms ease-in-out;
       -o-transition: all 250ms ease-in-out;
       transition: all 250ms ease-in-out;
      -moz-box-shadow:    inset 0 0 10px #000000;
      -webkit-box-shadow: inset 0 0 10px #000000;
      box-shadow:         inset 0 0 10px #000000;
      display:inline;
}

.menu li:hover {
       background: #302e2e;
}

.menu ul {
    color: #fff;
    font-weight: bold;
        font-size: 18px;
        font-family: 'Carrois Gothic SC', sans-serif;
        text-transform: uppercase;
}

.menu li a:link {
        text-align: center
    color: #fff;
    text-decoration: none;
}

.menu li a:visited {
    color: #fff;
    text-decoration: none;
}

.menu li a:hover, .menu ul a:active {
    color: #EEE;
    text-decoration: none;
}

#panel {
    background: #efefef;
    color: #000000;
    font-size: 11px;
    border: 1px solid #D4D4D4;
    padding: 8px;
}

#panel .remember_me input {
    vertical-align: middle;
    margin-top: -1px;
}

table {
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

.tborder {
    background: #000;
    width: 100%;
         -webkit-border-top-left-radius: 3px;
         -webkit-border-top-right-radius: 3px;
         -moz-border-radius-topleft: 3px;
         -moz-border-radius-topright: 3px;
         border-top-left-radius: 3px;
    margin: auto auto;
    border: 1px solid #000;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}

.thead {
         background-image: url(images/MyCraft/theadbg.png);
         height: 30px;
         -webkit-border-top-left-radius: 3px;
         -webkit-border-top-right-radius: 3px;
         -moz-border-radius-topleft: 3px;
         -moz-border-radius-topright: 3px;
         border-top-left-radius: 3px;
         border-top-right-radius: 3px;
         color: #ccc;
         font-family: 'Anaheim', sans-serif;
         padding-left: 10px;
}

.thead-nor {
         background-image: url(images/MyCraft/theadbg.png);
         height: 30px;
         color: #ccc;
         padding-left: 10px;
         font-family: 'Anaheim', sans-serif;
}

.thead a:link {
    color: #ffffff;
    text-decoration: none;
}

.thead a:visited {
    color: #ffffff;
    text-decoration: none;
}

.thead a:hover, .thead a:active {
    color: #ffffff;
    text-decoration: underline;
}

.tcat {
    background: #ADCBE7 url(images/MyCraft/darkbg.png);
    color: #fff;
    font-size: 12px;
}

.tcat a:link {
    color: #fff;
}

.tcat a:visited {
    color: #fff;
}

.tcat a:hover, .tcat a:active {
    color: #fff;
}

.trow1 {
    background: #f9f9f9;
}

.trow2 {
    background: #f9f9f9;
}

.trow_shaded {
    background: #ffdde0;
}

.trow_selected td {
    background: #62A929;
}

.trow_sep {
    background: #e5e5e5;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    background: #000 url(images/MyCraft/theadbg.png) top left repeat-x;
    color: #ffffff;
}

.tfoot a:link {
    color: #ffffff;
    text-decoration: none;
}

.tfoot a:visited {
    color: #ffffff;
    text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
    color: #ffffff;
    text-decoration: underline;
}

.bottommenu {
    background: #efefef;
    color: #000000;
    border: 1px solid #4874a3;
    padding: 10px;
}

.navigation {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

.navigation a:link {
    color: #fff;
    text-decoration: none;
}

.navigation a:visited {
    color: #fff;
    text-decoration: none;
}

.navigation a:hover, .navigation a:active {
    color: #fff;
    text-decoration: none;
}

.navigation .active {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;
}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

input.textbox {
background: white;
border: 1px solid #C7C7C7;
padding: 5px;
border-radius: 2px;
font-size: 11px;
outline: none;
color: #777;
}

textarea {
background: white;
border: 1px solid #C7C7C7;
padding: 5px;
border-radius: 2px;
font-size: 13px;
outline: none;
color: #777;
}

select {
background: white;
border: 1px solid #C7C7C7;
padding: 5px;
border-radius: 2px;
font-size: 13px;
outline: none;
color: #777;
}

.editor {
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.editor_control_bar {
    background: #fff;
    border: 1px solid #0f5c8e;
}

.autocomplete {
    background: #fff;
    border: 1px solid #000;
    color: black;
}

.autocomplete_selected {
    background: #adcee7;
    color: #000;
}

.popup_menu {
    background: #ccc;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #fff;
    color: #000;
}

.popup_menu .popup_item:hover {
    background: #C7DBEE;
    color: #000;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.invalid_field {
    border: 1px solid #f30;
    color: #f30;
}

.valid_field {
    border: 1px solid #0c0;
}

.validation_error {
    background: url(images/invalid.gif) no-repeat center left;
    color: #f30;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_success {
    background: url(images/valid.gif) no-repeat center left;
    color: #00b200;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_loading {
    background: url(images/spinner.gif) no-repeat center left;
    color: #555;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

/* Additional CSS (Master) */
img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.hiddenrow {
    display: none;
}

.selectall {
    background-color: #FFFBD9;
    font-weight: bold;
    text-align: center;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.menu ul {
    list-style: none;
    margin: 0;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

#panel .links {
    margin: 0;
    float: right;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
}

.thead .expcolimage img {
    opacity: 0;
    -o-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.thead:hover .expcolimage img {
    opacity: 1;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    background-color: #000000;
    color: #000000;
    height: 1px;
    border: 0px;
}

#copyright {
    font: 11px Verdana, Arial, Sans-Serif;
    margin: 0;
    padding: 10px 0 0 0;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 0;
}

blockquote {
    border: 1px solid #ccc;
    margin: 0;
    background: #fff;
    padding: 4px;
}

blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    margin: 4px 0;
}

blockquote cite span {
    float: right;
    font-weight: normal;
}

blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}

.codeblock {
    background: #fff;
    border: 1px solid #ccc;
    padding: 4px;
}

.codeblock .title {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    margin: 4px 0;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
}

.subforumicon {
    border: 0;
    vertical-align: middle;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

form {
    margin: 0;
    padding: 0;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.autocomplete {
    text-align: left;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FFFFCC;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pm_alert {
    background: #19af16;
    border: 1px solid #237517;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
        color:#fff;
    font-size: 11px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        -moz-border-radius: 5px;
}

.pm_alert a {
color:#fff;
}

.red_alert {
    background: #FBE3E4;
    border: 1px solid #A5161A;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
        color:#000;
    font-size: 11px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        -moz-border-radius: 5px;
}

.pm_alert a {
color:#000;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

div.error {
    padding: 5px 10px;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    background: #FFF6BF;
    font-size: 12px;
}

div.error p {
    margin: 0;
    color: #000;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #C00;
    background: url(images/error.gif) no-repeat 0;
}

div.error ul {
    margin-left: 24px;
}

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
    padding-top: 0;
}
.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current, .pagination a {
    padding: 2px 6px;
    margin-bottom: 3px;
}

.pagination a {
    border: 1px solid #81A2C4;
}

.pagination .pagination_current {
    background: #F5F5F5;
    border: 1px solid #81A2C4;
    font-weight: bold;
    color: #000;
}

.pagination a:hover {
    background: #F5F5F5;
    text-decoration: none;
}

.thread_legend, .thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.error_message {
    color: #C00;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.post_body {
    padding: 5px;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(images/jump.gif) no-repeat 0;
    width: 13px;
    height: 13px;
    padding-left: 13px; /* amount of padding needed for image to fully show */
    vertical-align: middle;
    border: none;
}

.repbox {
    font-size:16px;
    font-weight: bold;
    padding:5px 7px 5px 7px;
}

._neutral {
    background-color:#FAFAFA;
    color: #999999;
    border:1px solid #CCCCCC;
}

._minus {
    background-color: #FDD2D1;
    color: #CB0200;
    border:1px solid #980201;
}

._plus {
    background-color:#E8FCDC;
    color: #008800;
    border:1px solid #008800;
}

.pagination_breadcrumb {
    background-color: #f5f5f5;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
    font-weight: normal;
    white-space: nowrap;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}
        
.wbavatar {
background: white;
padding: 2px;
border: 1px solid #CBCBCB;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
margin: 5px auto;
text-align: center;
}

.green-button {
  background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 1px solid #63a62f;
  border-bottom: 1px solid #5b992b;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
  box-shadow: inset 0 1px 0 0 #96ca6d;
  color: #fff;
  font: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  padding: 5px;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
}

.green-button:hover {
  background-color: #76b347;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
  background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
  background-image: linear-gradient(top, #76b347, #5e9e2e);
  -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
  box-shadow: inset 0 1px 0 0 #8dbf67;
  cursor: pointer; 
}

.green-button:active {
  border: 1px solid #5b992b; 
  border-bottom: 1px solid #538c27;
  -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
}

.post_user_info {
background: #EEE;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0 1px 1px 0 #C7C7C7;
box-shadow: inset 0 1px 1px 0 #C7C7C7;
float: right;
padding: 4px;
display: block;
text-align: left;
width: 215px;
}
.button {
  background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 1px solid #63a62f;
  border-bottom: 1px solid #5b992b;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
  box-shadow: inset 0 1px 0 0 #96ca6d;
  color: #fff;
  font: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  padding: 5px;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
}

.button:hover {
  background-color: #76b347;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
  background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
  background-image: linear-gradient(top, #76b347, #5e9e2e);
  -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
  box-shadow: inset 0 1px 0 0 #8dbf67;
  cursor: pointer; 
}

.button:active {
  border: 1px solid #5b992b; 
  border-bottom: 1px solid #538c27;
  -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
}

.btn-mycraft {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
background:#222222 url(images/button-overlay.png) repeat-x;
border:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF !important;
cursor:pointer;
display:inline-block;
font-size:13px;
font-weight:bold;
line-height:1;
overflow:visible;
padding:5px 15px 6px;
position:relative;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
width:auto;
text-align:center;
}
.btn-mycraft:hover {
background:#111111;
color:#FFFFFF;
}
.btn-mycraft:active {
background:#242424;
}
.large.btn-mycraft {
font-size:14px;
padding:8px 19px 9px;
background-image:url(images/large-button-overlay.png);
}
input[type="submit"].large.button, .large.button.input {
padding:6px 16px 6px;
}
input[type="button"].large.button, button.large.button {
padding:7px 16px;
}

.breadcrumb {
background: #3a3a3a url(images/MyCraft/darkbg.png);
border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
color: #fff;
width: 97.8%;
padding: 10px;
}

p{font-family: 'Anaheim', sans-serif;}
        
#mbok {
    position: fixed;
    top:0px;
    left: 0px;
    width: 250px;
    height: 100%;
    background: rgba(50, 50, 50, 0.7);
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 10px;
    z-index: 1200;
    text-align: center;
    margin: 0 auto;
} 


I teraz rada: [b]Nie wklejaj bezpośrednio (Mozilla) stąd, tylko najpierw do notepad++, potem tam gdzie trzeba, ponieważ tworzy Ci $nbsp;.

Jeśli chodzi Ci o te linki (że pokazują się pod sobą) to musisz je wystylizować, albo zrobić to w tabelce, albo w <ul><li>1link</li><li>1link</li></ul>, albo cokolwiek innego. Wybór należy do Ciebie.

Niestety, nie udało się. Nie mam do tego już więcej sił, ale dzięki, że próbowałeś pomóc. A tabelka znalazła w końcu swoje zastosowanie Można uznać, iż temat jest zakończony.