Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Dark Orange - dopasowanie tabel portalu
Pełna wersja: Dark Orange - dopasowanie tabel portalu
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.

tomcool

08.02.2010, 22:52
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;/;/

Adrian

08.02.2010, 23:59
Przyjrzyj się szablonom na forum (jak są zbudowane) i edytuj tym sposobem szablony portalu.

tomcool

09.02.2010, 10:41
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??

Adrian

09.02.2010, 16:34
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:
Kod PHP:
<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:
Kod PHP:
<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 /> 

tomcool

20.02.2010, 12:23
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

Kod:
<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 !!

tomcool

22.02.2010, 10:41
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

Kod:
<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 ;/

Adrian

22.02.2010, 22:24
Podaj tutaj oryginalny kod szablonu shoutboxa.

tomcool

22.02.2010, 23:25
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>"
Webboard > Wsparcie MyBB > Style, szablony i grafika > Dark Orange - dopasowanie tabel portalu