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

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

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

Założony przez  Erhaes.

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ł. [Obrazek: modnotice_howto.png]
1. Dostęp do forum jedynie po zalogowaniu, daj konto testowe.
2. Jakiego pluginu na to używasz?
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
(01.03.2014, 16:39)Snake_ napisał(a): 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 {
backgroundurl(../../../images/Splat/maintitle.jpg0px -6px repeat-#D86A35;
border1px solid #C03F18;
border-radius2px;
box-shadowinset #F3AB60 0px 1px 0px;
color#FFFFFF;
height24px;
line-height24px;
margin-left4px;
padding5px 9px;
text-decorationnone;
text-shadow#C03F18 0px -1px 0px;
}
.
thxoff {
backgroundurl(../../../images/Splat/maintitle.jpg0px -6px repeat-#D86A35;
border1px solid #C03F18;
border-radius2px;
box-shadowinset #F3AB60 0px 1px 0px;
color#FFFFFF;
height24px;
line-height24px;
margin-left4px;
padding5px 9px;
text-decorationnone;
text-shadow#C03F18 0px -1px 0px;

Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
Okej, będę pamiętać. Mam tylko pytanie:
Gdzie znajdę ten szablon thankyoulike itd ?
W szablonach globalnych.

ACP → Style i szablony → Szablony → Szablony globalne.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
(01.03.2014, 17:08)Snake_ napisał(a): 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.
[Obrazek: problem.png]
W global.css teraz wygląda tak:
#backgroundPopup {
    
backgroundurl(../../../images/highlight.png);
    
color#fff;
    
.top_likes {
    
displayinline-block;
    
height16px;
    
line-height16px;
    
padding0 5px;
    
text-transformuppercase;
    
text-shadowrgba(0,0,0,0.20px -1px 0px;
    -
moz-border-radius3px;
    -
webkit-border-radius3px;
    
border-radius3px;
    
background-repeatrepeat-x;
    
background-position-1px;
    
    .
thxon {
    
backgroundurl(../../../images/Splat/maintitle.jpg0px -6px repeat-#D86A35;
    
border1px solid #C03F18;
    
border-radius2px;
    
box-shadowinset #F3AB60 0px 1px 0px;
    
color#FFFFFF;
    
height24px;
    
line-height24px;
    
margin-left4px;
    
padding5px 9px;
    
text-decorationnone;
    
text-shadow#C03F18 0px -1px 0px;
}

.
thxoff {
    
backgroundurl(../../../images/Splat/maintitle.jpg0px -6px repeat-#D86A35;
    
border1px solid #C03F18;
    
border-radius2px;
    
box-shadowinset #F3AB60 0px 1px 0px;
    
color#FFFFFF;
    
height24px;
    
line-height24px;
    
margin-left4px;
    
padding5px 9px;
    
text-decorationnone;
    
text-shadow#C03F18 0px -1px 0px;
}

font-size9px;
    
font-weightbold;

a powinno
#backgroundPopup {
    
backgroundurl(../../../images/highlight.png);
    
color#fff;
    
.top_likes {
    
displayinline-block;
    
height16px;
    
line-height16px;
    
padding0 5px;
    
text-transformuppercase;
    
text-shadowrgba(0,0,0,0.20px -1px 0px;
    -
moz-border-radius3px;
    -
webkit-border-radius3px;
    
border-radius3px;
    
background-repeatrepeat-x;
    
background-position-1px;    
font-size9px;
    
font-weightbold;
}
.
thxon {
    
backgroundurl(../../../images/Splat/maintitle.jpg0px -6px repeat-#D86A35;
    
border1px solid #C03F18;
    
border-radius2px;
    
box-shadowinset #F3AB60 0px 1px 0px;
    
color#FFFFFF;
    
height24px;
    
line-height24px;
    
margin-left4px;
    
padding5px 9px;
    
text-decorationnone;
    
text-shadow#C03F18 0px -1px 0px;
}

.
thxoff {
    
backgroundurl(../../../images/Splat/maintitle.jpg0px -6px repeat-#D86A35;
    
border1px solid #C03F18;
    
border-radius2px;
    
box-shadowinset #F3AB60 0px 1px 0px;
    
color#FFFFFF;
    
height24px;
    
line-height24px;
    
margin-left4px;
    
padding5px 9px;
    
text-decorationnone;
    
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']} 
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
(01.03.2014, 17:23)Snake_ napisał(a): W global.css teraz wygląda tak:
#backgroundPopup {
    
backgroundurl(../../../images/highlight.png);
    
color#fff;
    
.top_likes {
    
displayinline-block;
    
height16px;
    
line-height16px;
    
padding0 5px;
    
text-transformuppercase;
    
text-shadowrgba(0,0,0,0.20px -1px 0px;
    -
moz-border-radius3px;
    -
webkit-border-radius3px;
    
border-radius3px;
    
background-repeatrepeat-x;
    
background-position-1px;
    
    .
thxon {
    
backgroundurl(../../../images/Splat/maintitle.jpg0px -6px repeat-#D86A35;
    
border1px solid #C03F18;
    
border-radius2px;
    
box-shadowinset #F3AB60 0px 1px 0px;
    
color#FFFFFF;
    
height24px;
    
line-height24px;
    
margin-left4px;
    
padding5px 9px;
    
text-decorationnone;
    
text-shadow#C03F18 0px -1px 0px;
}

.
thxoff {
    
backgroundurl(../../../images/Splat/maintitle.jpg0px -6px repeat-#D86A35;
    
border1px solid #C03F18;
    
border-radius2px;
    
box-shadowinset #F3AB60 0px 1px 0px;
    
color#FFFFFF;
    
height24px;
    
line-height24px;
    
margin-left4px;
    
padding5px 9px;
    
text-decorationnone;
    
text-shadow#C03F18 0px -1px 0px;
}

font-size9px;
    
font-weightbold;

a powinno
#backgroundPopup {
    
backgroundurl(../../../images/highlight.png);
    
color#fff;
    
.top_likes {
    
displayinline-block;
    
height16px;
    
line-height16px;
    
padding0 5px;
    
text-transformuppercase;
    
text-shadowrgba(0,0,0,0.20px -1px 0px;
    -
moz-border-radius3px;
    -
webkit-border-radius3px;
    
border-radius3px;
    
background-repeatrepeat-x;
    
background-position-1px;    
font-size9px;
    
font-weightbold;
}
.
thxon {
    
backgroundurl(../../../images/Splat/maintitle.jpg0px -6px repeat-#D86A35;
    
border1px solid #C03F18;
    
border-radius2px;
    
box-shadowinset #F3AB60 0px 1px 0px;
    
color#FFFFFF;
    
height24px;
    
line-height24px;
    
margin-left4px;
    
padding5px 9px;
    
text-decorationnone;
    
text-shadow#C03F18 0px -1px 0px;
}

.
thxoff {
    
backgroundurl(../../../images/Splat/maintitle.jpg0px -6px repeat-#D86A35;
    
border1px solid #C03F18;
    
border-radius2px;
    
box-shadowinset #F3AB60 0px 1px 0px;
    
color#FFFFFF;
    
height24px;
    
line-height24px;
    
margin-left4px;
    
padding5px 9px;
    
text-decorationnone;
    
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:
[Obrazek: problem.png]

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
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
(01.03.2014, 17:54)Snake_ napisał(a): 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
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
(01.03.2014, 21:14)Snake_ napisał(a): 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.
[Obrazek: Ga1f.png%5D]
Wyczyść dane przeglądarki.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
(01.03.2014, 22:11)Snake_ napisał(a): [Obrazek: Ga1f.png%5D]
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?



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

2 gości