Webboard

Pełna wersja: Spolszczenie paska nawigacji, zmiana kolorów i kilka innych drobiazgów.
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2 3
(18.08.2020, 14:39)tyraNt napisał(a): [ -> ]W środku inputa wstaw placeholder="Temat"
Dziękuję. I znów, w edycji korzystając z funkcji zbadaj element, na podglądzie to działa. Tym razem nie wiem w jakim pliku dodać to w kodzie. W newtread.php tego nie ma i z tego jak rozumiem PHP być nie może. Jak sprawić by serwer generował ten placeholder w kodzie dla przeglądarki?
Wybaczcie lamerstwo.

(18.08.2020, 20:42)Fyeem napisał(a): [ -> ]Goście domyślnie nie mają możliwości pisania wątków.
User: testowy
Pass: test1234
Szablony > twój szablon > Nowy wątek > newthread w
Kod:
<input type="text" class="newthInp" name="subject" maxlength="85" value="{$subject}" tabindex="1" />
(klasę będziesz miał inną) 

Wstaw placeholder="Temat"
(19.08.2020, 13:22)tyraNt napisał(a): [ -> ]Szablony > twój szablon > Nowy wątek > newthread
Dziękuję dobry człowieku. Tego szukałem.
Zaczynam jarzyć przy okazji jak to działa.
Rozgraniczenia na to aby ten placeholder pojawiał się tylko w widoku mobilnym nie zrobię ale i tak jest lepiej niż puste pole bez opisu.
 :)
Zrobisz.
(19.08.2020, 17:26)Nemetiisto napisał(a): [ -> ]tylko w widoku mobilnym
Kod:
<input type="text" class="textbox" name="subject" size="40" maxlength="85" value="" tabindex="1" placeholder="test">

i do CSS dodajesz:
Kod:
@media screen and (min-width: 900px) {
input.textbox::placeholder {
color: transparent;
}
}

wtedy placeholder pojawia się od szerokości 900px w górę.

[attachment=14984][attachment=14985]

Są to przykładowe szerokości, dostosuj sobie to pod siebie.
(19.08.2020, 17:59)Łukasz napisał(a): [ -> ]Zrobisz.
O żesz! Mega! Dzięki przewielkie.
Layout ogarnięty, jeszcze tłumaczenia. Teraz nad nim siedzę.
Górny pasek, w plikach językowych jest welcome_pms, pokazuje tłumaczenie w stylu default a w Simplicity nie. To samo z toplinks na drugim pasku i topics/replies przy działach a także dolny pasek przed statystykami.
Z jakiego powodu nie tłumaczy, chociaż przynajmniej część ma tłumaczenia w pliku językowym?
[attachment=14986]
Możliwość przetłumaczenia tego znajdziesz w szablonie header.
(19.08.2020, 18:21)Łukasz napisał(a): [ -> ]Możliwość przetłumaczenia tego znajdziesz w szablonie header.
Dziękuję, załatwione. Znalazłem też te z dolnego paska w szablonie index_stats
Pozostają topic/replies przy działach. Może znajdę? ;)

Próbowałem też dodać placeholder w polu wiadomości, w szablonie newtread, tutaj:
[<textarea placeholder="Treść wiadomości" name="message" id="message" rows="20" cols="70" tabindex="2">{$message}</textarea>]
...i nawet się pojawia ale po chwili pasek z formatowaniem go zasłania jak się wczyta. Znów poległem. ;)
I zostaje jeszcze widok szablonu wyszukiwania. W widoku mobilnym wychodzi za ekran i nie da się przewinąć. Tak jakby druga kolumna nie przenosi sie na dół tylko zostaje po prawej, za ekranem.
(19.08.2020, 19:33)Nemetiisto napisał(a): [ -> ]Próbowałem też dodać placeholder w polu wiadomości, w szablonie newtread, tutaj:
[<textarea placeholder="Treść wiadomości" name="message" id="message" rows="20" cols="70" tabindex="2">{$message}</textarea>]
...i nawet się pojawia ale po chwili pasek z formatowaniem go zasłania jak się wczyta. Znów poległem.
Daj cały szablon newtread, będzie łatwiej.
(19.08.2020, 19:37)Łukasz napisał(a): [ -> ]Daj cały szablon newtread, będzie łatwiej.

Kod:
<html>
<head>
<title>{$lang->newthread_in}</title>
{$headerinclude}
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/post.js?ver=1800"></script>
</head>
<body>
{$header}
{$preview}
{$thread_errors}
{$attacherror}
{$moderation_notice}
<form action="newthread.php?fid={$fid}&amp;processed=1" method="post" enctype="multipart/form-data" name="input">
<input type="hidden" name="my_post_key" value="{$mybb->post_code}" />
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead" colspan="2"><strong>{$lang->post_new_thread}</strong></td>
</tr>
<tr>
<td class="trow2 rreply" width="20%"><strong>{$lang->thread_subject}</strong></td>
<td class="trow2">{$prefixselect}<input placeholder="Temat" type="text" class="textbox" name="subject" size="40" maxlength="85" value="{$subject}" tabindex="1" /></td>
</tr>
{$posticons}
<tr>
<td class="trow2 rreply" valign="top"><strong>{$lang->your_message}</strong>{$smilieinserter}</td>
<td class="trow2">
<textarea placeholder="Treść wiadomości" name="message" id="message" rows="20" cols="70" tabindex="2">{$message}</textarea>
{$codebuttons}
{$multiquote_external}
</td>
</tr>
<tr>
<td class="trow1 rreply" valign="top"><strong>{$lang->post_options}</strong></td>
<td class="trow1"><span class="smalltext">
<label><input type="checkbox" class="checkbox" name="postoptions[signature]" value="1" tabindex="7"{$postoptionschecked['signature']} /> {$lang->options_sig}</label>
{$disablesmilies}</span></td>
</tr>
{$modoptions}
{$subscriptionmethod}
{$pollbox}
{$captcha}
</table>
{$attachbox}
<br />
<div style="text-align:center"><input type="submit" class="button" name="submit" value="{$lang->post_thread}" tabindex="4" accesskey="s" />  <input type="submit" class="button" name="previewpost" value="{$lang->preview_post}" tabindex="5" />{$savedraftbutton}</div>
<input type="hidden" name="action" value="do_newthread" />
<input type="hidden" name="posthash" value="{$posthash}" />
<input type="hidden" name="attachmentaid" value="" />
<input type="hidden" name="attachmentact" value="" />
<input type="hidden" name="quoted_ids" value="{$quoted_ids}" />
<input type="hidden" name="tid" value="{$tid}" />
{$editdraftpid}
</form>
{$forumrules}
{$footer}
<script type="text/javascript">
$(".author_avatar img").error(function () {
$(this).unbind("error").closest('.author_avatar').remove();
});
</script>
</body>
</html>
Kod:
<html>
<head>
<title>{$lang->newthread_in}</title>
{$headerinclude}
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/post.js?ver=1800"></script>
</head>
<body>
{$header}
{$preview}
{$thread_errors}
{$attacherror}
{$moderation_notice}
<form action="newthread.php?fid={$fid}&amp;processed=1" method="post" enctype="multipart/form-data" name="input">
<input type="hidden" name="my_post_key" value="{$mybb->post_code}" />
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead" colspan="2"><strong>{$lang->post_new_thread}</strong></td>
</tr>
<tr>
<td class="trow2 rreply" width="20%"><strong>{$lang->thread_subject}</strong></td>
<td class="trow2">{$prefixselect}<input placeholder="Temat" type="text" class="textbox" name="subject" size="40" maxlength="85" value="{$subject}" tabindex="1" /></td>
</tr>
{$posticons}
<tr>
<td class="trow2 rreply" valign="top"><strong>{$lang->your_message}</strong>{$smilieinserter}</td>
<td class="trow2">
<textarea placeholder="Treść wiadomości" name="message" id="message" rows="20" cols="70" tabindex="2">{$message}</textarea>
{$codebuttons}
{$multiquote_external}
</td>
</tr>
<tr>
<td class="trow1 rreply" valign="top"><strong>{$lang->post_options}</strong></td>
<td class="trow1"><span class="smalltext">
<label><input type="checkbox" class="checkbox" name="postoptions[signature]" value="1" tabindex="7"{$postoptionschecked['signature']} /> {$lang->options_sig}</label>
{$disablesmilies}</span></td>
</tr>
{$modoptions}
{$subscriptionmethod}
{$pollbox}
{$captcha}
</table>
{$attachbox}
<br />
<div style="text-align:center"><input type="submit" class="button" name="submit" value="{$lang->post_thread}" tabindex="4" accesskey="s" />  <input type="submit" class="button" name="previewpost" value="{$lang->preview_post}" tabindex="5" />{$savedraftbutton}</div>
<input type="hidden" name="action" value="do_newthread" />
<input type="hidden" name="posthash" value="{$posthash}" />
<input type="hidden" name="attachmentaid" value="" />
<input type="hidden" name="attachmentact" value="" />
<input type="hidden" name="quoted_ids" value="{$quoted_ids}" />
<input type="hidden" name="tid" value="{$tid}" />
{$editdraftpid}
</form>
{$forumrules}
{$footer}
<script type="text/javascript">
$(".author_avatar img").error(function () {
$(this).unbind("error").closest('.author_avatar').remove();
});
</script>
</body>
</html>

na
Kod:
<html>
<head>
<title>{$lang->newthread_in}</title>
{$headerinclude}
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/post.js?ver=1800"></script>
</head>
<body>
{$header}
{$preview}
{$thread_errors}
{$attacherror}
{$moderation_notice}
<form action="newthread.php?fid={$fid}&amp;processed=1" method="post" enctype="multipart/form-data" name="input">
<input type="hidden" name="my_post_key" value="{$mybb->post_code}" />
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead" colspan="2"><strong>{$lang->post_new_thread}</strong></td>
</tr>
<tr>
<td class="trow2 rreply" width="20%"><strong>{$lang->thread_subject}</strong></td>
<td class="trow2">{$prefixselect}<input type="text" class="textbox" name="subject" size="40" maxlength="85" value="{$subject}" tabindex="1" placeholder="Temat"/></td>
</tr>
{$posticons}
<tr>
<td class="trow2 rreply" valign="top"><strong>{$lang->your_message}</strong>{$smilieinserter}</td>
<td class="trow2">
<textarea placeholder="Treść wiadomości" name="message" id="message" rows="20" cols="70" tabindex="2">{$message}</textarea>
{$codebuttons}
{$multiquote_external}
</td>
</tr>
<tr>
<td class="trow1 rreply" valign="top"><strong>{$lang->post_options}</strong></td>
<td class="trow1"><span class="smalltext">
<label><input type="checkbox" class="checkbox" name="postoptions[signature]" value="1" tabindex="7"{$postoptionschecked['signature']} /> {$lang->options_sig}</label>
{$disablesmilies}</span></td>
</tr>
{$modoptions}
{$subscriptionmethod}
{$pollbox}
{$captcha}
</table>
{$attachbox}
<br />
<div style="text-align:center"><input type="submit" class="button" name="submit" value="{$lang->post_thread}" tabindex="4" accesskey="s" />  <input type="submit" class="button" name="previewpost" value="{$lang->preview_post}" tabindex="5" />{$savedraftbutton}</div>
<input type="hidden" name="action" value="do_newthread" />
<input type="hidden" name="posthash" value="{$posthash}" />
<input type="hidden" name="attachmentaid" value="" />
<input type="hidden" name="attachmentact" value="" />
<input type="hidden" name="quoted_ids" value="{$quoted_ids}" />
<input type="hidden" name="tid" value="{$tid}" />
{$editdraftpid}
</form>
{$forumrules}
{$footer}
<script type="text/javascript">
$(".author_avatar img").error(function () {
$(this).unbind("error").closest('.author_avatar').remove();
});
</script>
</body>
</html>
i do CSS dodaj:

Kod:
@media screen and (min-width: 900px) {
input.textbox::placeholder {
color: transparent;
   }
}
Zamiast 900px wpisz od ilu pikseli szerokości ma znikać placeholder.
(19.08.2020, 19:57)Łukasz napisał(a): [ -> ]na
Tym razem bez zmian. Pasek formatowania zasłania placeholder po wczytaniu się. Zmieniłem zawartość newthread.php i dodałem do CSS
Z tym, że widzę tylko przeniesienie placeholdera od tematu na koniec linii. Ona działał dobrze na poczatku. Z tematem wszystko było OK. Chodzi mi o drugi, w polu pisania wiadomości. To jego zasłania pasek formatowania.
(19.08.2020, 20:29)Nemetiisto napisał(a): [ -> ]
(19.08.2020, 19:57)Łukasz napisał(a): [ -> ]na
Tym razem bez zmian. Pasek formatowania zasłania placeholder po wczytaniu się. Zmieniłem zawartość newthread.php i dodałem do CSS
na jakim forum dokonujesz zmian? Nie widzę ich na tym forum, który jest podany kilka postów wcześniej.

Odradzam edytowanie czystych plików mybb.
(19.08.2020, 20:33)Łukasz napisał(a): [ -> ]na jakim forum dokonujesz zmian? Nie widzę ich na tym forum, który jest podany kilka postów wcześniej.
Zapomniałem dodać, że od razu na drugim, którego nie chcę na razie ujawniać bo to nowy temat w PL i chcę ruszyć z gotowym od razu ale już zmieniam na tym jeśli to pomoże.
CSS nie został dodany. Dodaj go.
(19.08.2020, 21:01)Łukasz napisał(a): [ -> ]CSS nie został dodany. Dodaj go.
W global.css jest i działa na pole temat.
Stron: 1 2 3