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.
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:
Kod PHP:
<div class="leftBox"></div>
<div class="rightBox"></div>
i do global.css coś mniej / więcej takiego:
Kod PHP:
.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:
Kod:
<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ć.
Pokaż z global.css #container i .forum_sidebar sidebar_right:
Kod PHP:
<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"
Kod PHP:
#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
Kod PHP:
/* 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ść):
Kod PHP:
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?