Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Dark Orange - dopasowanie tabel portalu

Założony przez  tomcool.

Kilka szczegółów o moim forum i stylu, z którym mam problem:
nazwa stylu:DarkOrange
wersja skryptu MyBB:1.4.11
adres forum: lokal
opis problemu:

Witam
proszę o pomoc jak edytować szablony i najczęściej które w celu dopasowania nowych modyfikacji do stylu.
Chodzi o to że gdy instaluję np shoutbox lub modyfikacje proportal to nie wyglądają one już tak ładnie jak standardowe forum.

Tutaj screeny:
tak jest ok:
[Obrazek: i3020_takwygladaporprawnie.jpg]
tak jest do kitu..
[Obrazek: i3019_innedodatkiinaczej.jpg]
Czyli te górne fragmenty nie są zaokrąglone oraz to pomarańczowe tło wygląda słabo.
Patrzyłem co mniej więcej odpowiada za dany wygląd np za to obramowanie po lewej to forumbit_depth1_cat. Nie znam jednak za bardzo na tym jak to pozmieniać teraz;/;/
Przyjrzyj się szablonom na forum (jak są zbudowane) i edytuj tym sposobem szablony portalu.
Żadna sprawa nie jest przegrana dopóki choć jeden szaleniec o nią walczy. Tylko wariaci są coś warci.
no ale nie za bardzo wiem który szablon dokładnie jest odpowiedzialny za wygląd, podpowiesz za co się brać w tych 2 modyfikacjach??
DarkOrange Templates > Forum Bit Templates (Opis działu - szablony) > forumbit_depth1_cat (tutaj znajduje się przykład tabeli):

Nagłówek:
Cytat:<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td><img src="{$theme['imgdir']}/thead_l.png" alt="" /></td>
<td class="thead" style="white-space:nowrap;">Tekst nagłówka</td>
<td><img src="{$theme['imgdir']}/thead2.png" alt="" /></td>
<td class="thead2" colspan="5"><span class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}.png" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" /></span></td>
<td><img src="{$theme['imgdir']}/thead_r.png" alt="" /></td>
</tr>
</table>

Stopka:
Cytat:<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td><img src="{$theme['imgdir']}/tfoot_l.png" alt="" /></td>
<td class="tfoot2"></td>
<td><img src="{$theme['imgdir']}/tfoot_r.png" alt="" /></td>
</tr>
</table>

Chodzi o to, żeby wstawić w szablony portalu na początku Nagłówek i na końcu Stopkę.

Przykładowo:
DarkOrange Templates > Portal Templates > portal_announcement:
Dodaj zawartość Nagłówka i tekst nagłówka zastąp:
<strong>{$icon} <a href="{$mybb->settings['bburl']}/{$announcement['threadlink']}">{$announcement['subject']}</a></strong
(obecny nagłówek, który będziesz musiał usunąć wraz ze znacznikami wiersza tabeli)

Na samym końcu dodaj zawartość Stopki i gotowe ;) To samo z innymi szablonami.

Zrobiony przykład - portal_announcement:
<table cellpadding="0" cellspacing="0" width="100%">
<
tr>
<
td><img src="{$theme['imgdir']}/thead_l.png" alt="" /></td>
<
td class="thead" style="white-space:nowrap;"><strong>{$icon} <a href="{$mybb->settings['bburl']}/{$announcement['threadlink']}">{$announcement['subject']}</a></strong></td>
<
td><img src="{$theme['imgdir']}/thead2.png" alt="" /></td>
<
td class="thead2" colspan="5"><span class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}.png" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}/></span></td>
<
td><img src="{$theme['imgdir']}/thead_r.png" alt="" /></td>
</
tr>
</
table>
<
table cellspacing="{$theme['borderwidth']}cellpadding="{$theme['tablespace']}class="tborder">
<
tr>
<
td class="trow2" align="right">
<
span class="smalltext">{$lang->posted_by} {$profilelink}  - {$anndate} {$anntime} {$numcomments}</span>
</
td>
</
tr>
<
tr>
<
td class="trow1">
<
table border="0" cellpadding="{$theme['tablespace']}width="100%">
    <
tr>
        {
$avatar}
        <
td class="trow1">
            <
p>
                {
$message}
            </
p>
            {
$post['attachments']}
        </
td>
    </
tr>
    <
tr>
        <
td align="right" colspan="2" valign="bottom">
            <
span class="smalltext">
                <
a href="{$mybb->settings['bburl']}/printthread.php?tid={$announcement['tid']}"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/printable.gif" alt="{$lang->print_this_item}title="{$lang->print_this_item}/></a>&nbsp;<a href="{$mybb->settings['bburl']}/sendthread.php?tid={$announcement['tid']}"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/send.gif" alt="{$lang->send_to_friend}title="{$lang->send_to_friend}/></a>
            </
span>
        </
td>
    </
tr>
</
table>
</
td>
</
tr>
</
table>
<
table cellpadding="0" cellspacing="0" width="100%">
<
tr>
<
td><img src="{$theme['imgdir']}/tfoot_l.png" alt="" /></td>
<
td class="tfoot2"></td>
<
td><img src="{$theme['imgdir']}/tfoot_r.png" alt="" /></td>
</
tr>
</
table>
<
br /> 
Żadna sprawa nie jest przegrana dopóki choć jeden szaleniec o nią walczy. Tylko wariaci są coś warci.
no dobra zrobiłem ten portal_announcement i nie widze żadnych zmian w portal.php? (co zmieniłem?)
wiem że musze resztę przerobić ale chcę pierw zobaczyć efekr edycji portal_announcement

// aha i korzystam z modyfikacji ProPortal

tam jest plik pro_portal_announcement

<table cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead"><strong>{$icon} <a href="{$mybb->settings['bburl']}/{$announcement['threadlink']}">{$announcement['subject']}</a></strong></td>
</tr>
<tr>
<td class="trow2" align="right" valign="middle">
<span style="float: left;">{$avatar}</span>
<span class="smalltext">{$lang->posted_by} {$profilelink} - {$anndate} {$anntime}<br />{$views} {$numcomments}</span>
</td>
</tr>
<tr>
<td class="trow1">
<table border="0" cellpadding="{$theme['tablespace']}" width="100%">
    <tr>
        <td class="trow1" style="border: 0px;">
            <p style="margin: -2px 0;">
                {$message}
            </p>
            {$post['attachments']}
        </td>
    </tr>
</table>
</td>
</tr>
<tr>
<td class="trow2" align="right" valign="middle">
<span class="smalltext">
<a href="{$mybb->settings['bburl']}/printthread.php?tid={$announcement['tid']}"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/printable.gif" alt="{$lang->print_this_item}" title="{$lang->print_this_item}" /></a>&nbsp;<a href="{$mybb->settings['bburl']}/sendthread.php?tid={$announcement['tid']}"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/send.gif" alt="{$lang->send_to_friend}" title="{$lang->send_to_friend}" /></a>
</span>
</td>
</tr>
</table>
<br />

Ok pomogłeś , wielkie dzięki !!
Jet to znowu ja. Dzięki za rady które mi udzieliłeś. Mam jednak problem przy edycji jednego szablonu.
Chodzi o plugin spicefuse shoutbox i szablon sf_shoutbox_full

<html>
<head>
<title>Full Shoutbox</title>
{$headerinclude}
</head>
<body>
{$header}

<table border="0" cellspacing="1" cellpadding="4" class="tborder">
<thead>
<tr>
<td class="thead" colspan="5">
<div><strong>{$lang->sf_sb_shoutbox}</strong><br /></div>
</td>
</tr>
</thead>

<tr>
{$sf_shoutbox_data}
</tr>
</table>

<br />

<center>$multipage</center>

{$footer}
</body>
</html>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td><img src="{$theme['imgdir']}/tfoot_l.png" alt="" /></td>
<td class="tfoot2"></td>
<td><img src="{$theme['imgdir']}/tfoot_r.png" alt="" /></td>
</tr>
</table>

Mam problem z dopasowaniem tabel tutaj ;/
Podaj tutaj oryginalny kod szablonu shoutboxa.
Żadna sprawa nie jest przegrana dopóki choć jeden szaleniec o nią walczy. Tylko wariaci są coś warci.
to jest kod szablonu sf_shoutbox_full bez tego :

"<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td><img src="{$theme['imgdir']}/tfoot_l.png" alt="" /></td>
<td class="tfoot2"></td>
<td><img src="{$theme['imgdir']}/tfoot_r.png" alt="" /></td>
</tr>
</table>"



Użytkownicy przeglądający ten wątek:

1 gości