Zmiana położenia i wyglądu buttona „Like“ - dolny, prawy róg posta.

wersja skryptu MyBB: 1.6.12
adres forum: ttgboard.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Witam serdecznie! Mam do Was pytanie, mianowicie
u mnie w wątkach button Like jest taki:

http://ttgboard.pl/showthread.php?tid=16&pid=66#pid66

Chcę ten button zmienić na takie jak pozostałe (uwaga, nie ma
w stylu grafiki tego buttona, najprawdopodobniej muszę zmienić
to w szablonach, niestety nie mogę odpowiedniego znaleźć)

Po zmianie, gdy będzie wyglądał jak pozostałe, chcę go
dodać w szablonie widoku wątku, aby w oknie z wątkiem
był w prawym, dolnym rogu.

Mój styl to Splat, jest on w tutejszym dziale Download.
Mam nadzieję, że pomożecie, pozdrawiam!

Snake_ napisał 01.03.2014, 16:40:
Poprawiam tytuł.

1. Dostęp do forum jedynie po zalogowaniu, daj konto testowe.
2. Jakiego pluginu na to używasz?

1. Dostęp do forum jedynie po zalogowaniu, daj konto testowe.
2. Jakiego pluginu na to używasz?

1. Myślę, że 15 sekund nie sprawi kłopotu, rejestracja nie wymaga
aktywacji poprzez drogę e-mail, jest natychmiastowa. Wpisz login Testowy czy coś, najwyżej po obserwacji usunę.

2. Plugin: ThankYou/Like system

Matslom napisał 01.03.2014, 16:46:
Jeżeli rejestracja trwa tylko 15 sekund, to dlaczego Ty tego nie zrobisz? Nie rozumiem, komu tutaj zależy aby otrzymać pomoc. Tobie czy nam?

Dokładnie, Twój problem - Ty powinieneś się tym zająć... No cóż, pamiętaj o tym na przyszłość.

Szablon thankyoulike_button_add zmień na:

<span id="tyl_btn_{$post['pid']}" class="thxon"><a href="thankyoulike.php?action=add&amp;pid={$post['pid']}&amp;my_post_key={$mybb->post_code}" onclick="return thankyoulike.add({$post['pid']}, {$post['tid']});" title="{$lang->add_tyl}" id="tyl_a{$post['pid']}"><img src="ścieżka do obrazka z LIKE" />Lubię to!</a></span> 


Szablon thankyoulike_button_del zmień na:

<span id="tyl_btn_{$post['pid']}" class="thxoff"><a href="thankyoulike.php?action=del&amp;pid={$post['pid']}&amp;my_post_key={$mybb->post_code}" onclick="return thankyoulike.del({$post['pid']}, {$post['tid']});" title="{$lang->del_tyl}" id="tyl_a{$post['pid']}"><img src="ŚCIEŻKA DO OBRAZKA Z DISLIKE" /> Nie lubię</a></span> 


DO global.css dodaj:

.thxon {
background: url(../../../images/Splat/maintitle.jpg) 0px -6px repeat-x #D86A35;
border: 1px solid #C03F18;
border-radius: 2px;
box-shadow: inset #F3AB60 0px 1px 0px;
color: #FFFFFF;
height: 24px;
line-height: 24px;
margin-left: 4px;
padding: 5px 9px;
text-decoration: none;
text-shadow: #C03F18 0px -1px 0px;
}
.thxoff {
background: url(../../../images/Splat/maintitle.jpg) 0px -6px repeat-x #D86A35;
border: 1px solid #C03F18;
border-radius: 2px;
box-shadow: inset #F3AB60 0px 1px 0px;
color: #FFFFFF;
height: 24px;
line-height: 24px;
margin-left: 4px;
padding: 5px 9px;
text-decoration: none;
text-shadow: #C03F18 0px -1px 0px;
} 


Okej, będę pamiętać. Mam tylko pytanie:
Gdzie znajdę ten szablon thankyoulike itd ?

W szablonach globalnych.

ACP → Style i szablony → Szablony → Szablony globalne.

W szablonach globalnych.

ACP → Style i szablony → Szablony → Szablony globalne.

Teraz wygląda to tak:

http://ttgboard.pl/showthread.php?tid=38&pid=76#pid76

Button like jest dalej w tym samym miejscu + doszedł obok tekst "Lubię to"

Button chcę przenieść w miejsce tam gdzie jest treść wątku,
na dole po prawej stronie.

P.S: Treść tematu oraz postu (odpowiedzi), żeby tam to się znajdowało.

Screen wyjaśniający:
Powinienem go zrobić już na początku, mój błąd, przepraszam.

W global.css teraz wygląda tak:

#backgroundPopup {
    background: url(../../../images/highlight.png);
    color: #fff;
    .top_likes {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    text-transform: uppercase;
    text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-repeat: repeat-x;
    background-position: 0 -1px;
    
    .thxon {
    background: url(../../../images/Splat/maintitle.jpg) 0px -6px repeat-x #D86A35;
    border: 1px solid #C03F18;
    border-radius: 2px;
    box-shadow: inset #F3AB60 0px 1px 0px;
    color: #FFFFFF;
    height: 24px;
    line-height: 24px;
    margin-left: 4px;
    padding: 5px 9px;
    text-decoration: none;
    text-shadow: #C03F18 0px -1px 0px;
}

.thxoff {
    background: url(../../../images/Splat/maintitle.jpg) 0px -6px repeat-x #D86A35;
    border: 1px solid #C03F18;
    border-radius: 2px;
    box-shadow: inset #F3AB60 0px 1px 0px;
    color: #FFFFFF;
    height: 24px;
    line-height: 24px;
    margin-left: 4px;
    padding: 5px 9px;
    text-decoration: none;
    text-shadow: #C03F18 0px -1px 0px;
}

font-size: 9px;
    font-weight: bold;
} 


a powinno

#backgroundPopup {
    background: url(../../../images/highlight.png);
    color: #fff;
    .top_likes {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    text-transform: uppercase;
    text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-repeat: repeat-x;
    background-position: 0 -1px;    
font-size: 9px;
    font-weight: bold;
}
.thxon {
    background: url(../../../images/Splat/maintitle.jpg) 0px -6px repeat-x #D86A35;
    border: 1px solid #C03F18;
    border-radius: 2px;
    box-shadow: inset #F3AB60 0px 1px 0px;
    color: #FFFFFF;
    height: 24px;
    line-height: 24px;
    margin-left: 4px;
    padding: 5px 9px;
    text-decoration: none;
    text-shadow: #C03F18 0px -1px 0px;
}

.thxoff {
    background: url(../../../images/Splat/maintitle.jpg) 0px -6px repeat-x #D86A35;
    border: 1px solid #C03F18;
    border-radius: 2px;
    box-shadow: inset #F3AB60 0px 1px 0px;
    color: #FFFFFF;
    height: 24px;
    line-height: 24px;
    margin-left: 4px;
    padding: 5px 9px;
    text-decoration: none;
    text-shadow: #C03F18 0px -1px 0px;
} 


Te fragmenty w kodach:

<img src="ścieżka do obrazka z LIKE" /> 


.. tu daj samą ikonkę like, bez napisu.

To było do wyglądu, teraz położenie:

ACP → Style i szablony → Szablony → Twój szablon → Opis posta → postbit_classic i postbit
odszukaj:

{$post['button_tyl']} 


umieść za

{$post['button_report']} 


W global.css teraz wygląda tak:

#backgroundPopup {
    background: url(../../../images/highlight.png);
    color: #fff;
    .top_likes {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    text-transform: uppercase;
    text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-repeat: repeat-x;
    background-position: 0 -1px;
    
    .thxon {
    background: url(../../../images/Splat/maintitle.jpg) 0px -6px repeat-x #D86A35;
    border: 1px solid #C03F18;
    border-radius: 2px;
    box-shadow: inset #F3AB60 0px 1px 0px;
    color: #FFFFFF;
    height: 24px;
    line-height: 24px;
    margin-left: 4px;
    padding: 5px 9px;
    text-decoration: none;
    text-shadow: #C03F18 0px -1px 0px;
}

.thxoff {
    background: url(../../../images/Splat/maintitle.jpg) 0px -6px repeat-x #D86A35;
    border: 1px solid #C03F18;
    border-radius: 2px;
    box-shadow: inset #F3AB60 0px 1px 0px;
    color: #FFFFFF;
    height: 24px;
    line-height: 24px;
    margin-left: 4px;
    padding: 5px 9px;
    text-decoration: none;
    text-shadow: #C03F18 0px -1px 0px;
}

font-size: 9px;
    font-weight: bold;
} 


a powinno

#backgroundPopup {
    background: url(../../../images/highlight.png);
    color: #fff;
    .top_likes {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    text-transform: uppercase;
    text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-repeat: repeat-x;
    background-position: 0 -1px;    
font-size: 9px;
    font-weight: bold;
}
.thxon {
    background: url(../../../images/Splat/maintitle.jpg) 0px -6px repeat-x #D86A35;
    border: 1px solid #C03F18;
    border-radius: 2px;
    box-shadow: inset #F3AB60 0px 1px 0px;
    color: #FFFFFF;
    height: 24px;
    line-height: 24px;
    margin-left: 4px;
    padding: 5px 9px;
    text-decoration: none;
    text-shadow: #C03F18 0px -1px 0px;
}

.thxoff {
    background: url(../../../images/Splat/maintitle.jpg) 0px -6px repeat-x #D86A35;
    border: 1px solid #C03F18;
    border-radius: 2px;
    box-shadow: inset #F3AB60 0px 1px 0px;
    color: #FFFFFF;
    height: 24px;
    line-height: 24px;
    margin-left: 4px;
    padding: 5px 9px;
    text-decoration: none;
    text-shadow: #C03F18 0px -1px 0px;
} 


Te fragmenty w kodach:

<img src="ścieżka do obrazka z LIKE" /> 


.. tu daj samą ikonkę like, bez napisu.

To było do wyglądu, teraz położenie:

ACP → Style i szablony → Szablony → Twój szablon → Opis posta → postbit_classic i postbit
odszukaj:

{$post['button_tyl']} 


umieść za

{$post['button_report']} 


@UP Tutaj screen:


O to mi chodzi mniej więcej.
Tzn nie, nie w miejscu sygnatury (znów mój błąd, sorrka) tylko w treści
wątku, czyli nad tym gdzie zaznaczyłem, nad tą kreską.

P.S: I tak samo w treści odpowiedzi do tematu.

No to pokaż te szablony, które podałem wcześniej, postbit_classic

No to pokaż te szablony, które podałem wcześniej, postbit_classic

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 />
            {$post['userstars']}
            {$post['groupimage']}
            {$post['useravatar']}<br />
            {$post['user_details']}
        </span>
    </td>
    <td class="{$altbg}" valign="top">
        <table width="100%">
            <tr><td>{$post['posturl']}<span class="smalltext"><strong>{$post['icon']}{$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>
                {$post['iplogged']}
            </div>
        </td></tr>
    </table>
</td>
</tr>
<tr>
    <td class="{$altbg}" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['postdate']} {$post['posttime']}</span></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_spam']}{$post['button_tyl']}{$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>
<tr style="{$post['tyl_display']}" id="tyl_{$post['pid']}">
    {$post['thankyoulike_data']}
</tr>
</table>

Spróbuj tak:

{$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 />
            {$post['userstars']}
            {$post['groupimage']}
            {$post['useravatar']}<br />
            {$post['user_details']}
        </span>
    </td>
    <td class="{$altbg}" valign="top">
        <table width="100%">
            <tr><td>{$post['posturl']}<span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>
            <br />
            <div id="pid_{$post['pid']}" class="post_body">
                {$post['message']}<span style="float:right;padding-top: 1px;">{$post['button_tyl']}</span>
            </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>
                {$post['iplogged']}
            </div>
        </td></tr>
    </table>
</td>
</tr>
<tr>
    <td class="{$altbg}" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['postdate']} {$post['posttime']}</span></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_spam']}{$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>
<tr style="{$post['tyl_display']}" id="tyl_{$post['pid']}">
    {$post['thankyoulike_data']}
</tr>
</table> 


Spróbuj tak:

{$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 />
            {$post['userstars']}
            {$post['groupimage']}
            {$post['useravatar']}<br />
            {$post['user_details']}
        </span>
    </td>
    <td class="{$altbg}" valign="top">
        <table width="100%">
            <tr><td>{$post['posturl']}<span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>
            <br />
            <div id="pid_{$post['pid']}" class="post_body">
                {$post['message']}<span style="float:right;padding-top: 1px;">{$post['button_tyl']}</span>
            </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>
                {$post['iplogged']}
            </div>
        </td></tr>
    </table>
</td>
</tr>
<tr>
    <td class="{$altbg}" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['postdate']} {$post['posttime']}</span></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_spam']}{$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>
<tr style="{$post['tyl_display']}" id="tyl_{$post['pid']}">
    {$post['thankyoulike_data']}
</tr>
</table> 


Dalej jest to samo.

Wyczyść dane przeglądarki.

Wyczyść dane przeglądarki.

Widocznie widzą użytkownicy, zaś administracja (lub
tylko grupa Administratorzy) tego nie widzi, bo ja widzę
dalej tam w panelu z innymi buttonami.
Co zrobić, żeby było tak samo u wszystkich?