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

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

Zmiana wyglądu posta (kolory)

Założony przez  GiboneKPL.

02.05.2013, 12:19 (Ten post był ostatnio modyfikowany: 02.05.2013, 12:20 przez GiboneKPL.)
#1
wersja skryptu MyBB: 1.6.9
adres forum: FerryCraft!
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Cześć, witajcie! Piszę do was z kolejnym problem (nie mogę go rozwiązać :F). Mianowicie jak zrobić wygląd postu tak jak tutaj bądź na http://www.insidery.eu/ . A dokładniej chodzi mi o kolory. np. Informacje o użytkowniku i buttony są koloru trow1 a post koloru trow2? pomoże ktoś?:huh:
@Dorzucam jeszcze kody:

postbit_classic:
{$ignore_bit}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
    <tr>
        <td class="{$altbg}" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
        <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
        <span class="smalltext">
            {$post['usertitle']}<br />
            <div style="width:130px;">{$post['userstars']}</div>
            {$post['groupimage']}
            {$post['useravatar']}<br />
          <div class="user_details">{$post['user_details']}</div>
{$post['iplogged']}
        </span>
    </td>
    <td class="{$altbg}" valign="top">
        <table width="100%">
            <tr><td>{$post['posturl']}<span class="smalltext"><strong>{$post['icon']} {$post['postdate']} {$post['posttime']} {$post['subject']} {$post['subject_extra']}</strong></span>
            <br />
            <div id="pid_{$post['pid']}" class="post_body">
                {$post['message']}
            </div>
            {$post['attachments']}
            {$post['signature']}
            <div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">
                <div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>
            </div>
        </td></tr>
    </table>
</td>
</tr>
<tr>
    <td class="{$altbg}" style="white-space: nowrap; text-align: center; vertical-align: middle;"></td>
    <td class="{$altbg}" style="vertical-align: middle;">
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr valign="bottom">
                <td align="left" ><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>
                <td align="right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td>
            </tr>
        </table>
    </td>
</tr>
</table>

postbit:
{$ignore_bit}
<a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
    <tbody>
        <tr>
            <td class="tcat">
                <div class="float_left smalltext">
                    {$post['postdate']}, {$post['posttime']} <span id="edited_by_{$post['pid']}">{$post['editedmsg']}</span>
                </div>
                {$post['posturl']}
            </td>
        </tr>

        <tr>
            <td class="trow1 {$unapproved_shade}">
                <table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
                    <tr>
                        <td class="post_avatar" width="1" style="{$post['avatar_padding']}">
                            {$post['useravatar']}
                        </td>
                        <td class="post_author">
                            <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
                            <span class="smalltext">
                                {$post['usertitle']}<br />
                                {$post['userstars']}
                                {$post['groupimage']}
                            </span>
                        </td>
                        <td class="smalltext post_author_info" width="165">
                            {$post['user_details']}
                        </td>
                    </tr>
                </table>
            </td>
        </tr>

        <tr>
            <td class="trow2 post_content {$unapproved_shade}">
                <span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>

                <div class="post_body" id="pid_{$post['pid']}">
                    {$post['message']}
                </div>
                {$post['attachments']}
                {$post['signature']}

                <div class="post_meta" id="post_meta_{$post['pid']}">
                {$post['iplogged']}
                </div>
            </td>
        </tr>

        <tr>
            <td class="trow2 post_buttons {$unapproved_shade}">
                <div class="author_buttons float_left">
                    {$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}
                </div>
                <div class="post_management_buttons float_right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}
                </div>
            </td>
        </tr>
    </tbody>
</table>
02.05.2013, 13:26 (Ten post był ostatnio modyfikowany: 02.05.2013, 13:28 przez mybbtheme.)
#2
postbit_classic - zmień

<div id="pid_{$post['pid']}" class="post_body">
                {$post['message']}
            </div>

na
<div id="pid_{$post['pid']}" class="post_body">
                {$post['message']}
            </div>

.post_body {
background-color: #F9D8C7;
}

//edit: albo

<td class="{$altbg}" valign="top">
na
<td class="post_body" valign="top">
02.05.2013, 13:36
#3
Nie pomogło :/
02.05.2013, 13:56
#4
https://webboard.pl/thread-36432.html?pi...#pid142251
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
02.05.2013, 13:58
#5
SLAVOO Nie chodzi mi o kolor postu w zależności od rangi tylko "2-u kolorowe posty".
02.05.2013, 13:59 (Ten post był ostatnio modyfikowany: 02.05.2013, 14:00 przez SLAVOO.)
#6
No to gradientem.
http://www.colorzilla.com/gradient-editor/
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
02.05.2013, 14:10
#7
Ehhh... Nie wiesz dalej o co mi chodzi. Tak więc przedstawię to wizualnie.

1. Jak ja mam:
(Czerwonym zaznaczyłem że tam ma być kolor trow1, a zielonym kolor trow2)
[Obrazek: screen1vvq.png]

2. Jak jest np. Tutaj są "2-u kolorowe posty":
[Obrazek: screen2st.png]
02.05.2013, 14:26
#8
Lewa strona to .trow1
Nie kumam o co Ci biega, naprawdę.
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
02.05.2013, 14:28
#9
Ehh chodzi o KOLOR trowa. a nie o trowa. Nie wiem jak lepiej to wytłumaczyć. :/
02.05.2013, 14:33 (Ten post był ostatnio modyfikowany: 02.05.2013, 14:36 przez SLAVOO.)
#10
No to musi być osobna klasa do tego, bo trow to trow.
Nie dogadamy się chyba. Sprawdź sobie firebugiem.
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
02.05.2013, 16:44
#11
SLAVOO, mu chodzi o to że info o piszącym są na innym kolorze tła a post na innym
02.05.2013, 17:34
#12
Zamień swoj postbit_classic na ten:
{$ignore_bit}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
     <tr>
         <td class="trow_post1" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
         <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
         <span class="smalltext">
             {$post['usertitle']}<br />
             <div style="width:130px;">{$post['userstars']}</div>
             {$post['groupimage']}
             {$post['useravatar']}<br />
           <div class="user_details">{$post['user_details']}</div>
{$post['iplogged']}
         </span>
     </td>
     <td class="trow_post2" valign="top">
         <table width="100%">
             <tr><td>{$post['posturl']}<span class="smalltext"><strong>{$post['icon']} {$post['postdate']} {$post['posttime']} {$post['subject']} {$post['subject_extra']}</strong></span>
             <br />
             <div id="pid_{$post['pid']}" class="post_body">
                 {$post['message']}
             </div>
             {$post['attachments']}
             {$post['signature']}
             <div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">
                 <div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>
             </div>
         </td></tr>
     </table>
</td>
</tr>
<tr>
     <td class="trow_post1" style="white-space: nowrap; text-align: center; vertical-align: middle;"></td>
     <td class="trow_post2" style="vertical-align: middle;">
         <table width="100%" border="0" cellpadding="0" cellspacing="0">
             <tr valign="bottom">
                 <td align="left" ><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>
                 <td align="right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td>
             </tr>
         </table>
     </td>
</tr>
</table>
A to dodaj do CSS:
.trow_post1 {
background:#EDCECE;
}
.trow_post2 {
background:#CFF6CD;
}
Cytat:It's all about the details.
---------------
PW tylko forum, nie mejl.


02.05.2013, 19:11
#13
No to on ma jakiś inny szablon, bo na defaultowym jest tak jak u mnie.
.trow1 to lewa strona, .trow2 to post
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
02.05.2013, 19:17 (Ten post był ostatnio modyfikowany: 02.05.2013, 20:30 przez GiboneKPL.)
#14
No widzisz. Każdy ma co innego :P A teraz na poważnie. Nie wiem czy robić nowy temat, ponieważ błąd tyczy się prawie tego samego (prawie). A dokładniej, chodzi mi o to że jak ktoś ma np. powyżej 7 gwiazdek to wychodzą one poza "obszar" i to brzydko wygląda. Moje pytanie brzmi następująco: Jak ustawić skracanie do np. 5 gwiazdek? i następne by były już w następnej linii?

Screen jak to wygląda:
[Obrazek: nastepne.png]
@Dobra rozwiązane, poszerzyłem tabelkę odpowiadającą za informacje o użytkowniku.



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

1 gości