To jest tylko wersja do druku, aby zobaczyć pełną wersję tematu, kliknij TUTAJ
phpBB2 by Przemo
Support forów phpBB2 modified by Przemo
F.A.Q. - Najczęściej Zadawane Pytania - Tabliczki obs?ugi
MaTeK_ - 18-10-2009, 14:02
Sztywny, normalna jest..
Sztywny - 18-10-2009, 14:04
A u mnie jest na caly ekran i nie ma ramki tylko jest zwykla tak jakby zolta naklejka ;/
Tavaro - 18-10-2009, 14:07
Sztywny, [shift]+odśwież.
Sztywny - 18-10-2009, 14:15
O juz jest dobrze, nawet nie wiedzialem o takiej kombinacji [shift]+odswierz ;] Dzieki Tavaro.

A mozecie mi jeszcze powiedziec jak zrobic taka ramke wokol jak tutaj na forum, zeby to wygladalo jak taki obraz?
xlesiu - 18-10-2009, 14:38
Wiem, że Tavaro nie będzie zachwycony tym co Ci zaproponuje ale trudno. W pierwszym poście masz dwa rodzaje tabliczek. Pierwszy sposób to div drugi to tabela. Użyj drugiego.
Tavaro - 18-10-2009, 15:01
Ieeetam. W CSS da się wszystko.

Dodaj do klasy tablets:
Kod:
padding: 3px;

i dalej:
Kod:
.tablets span {
  display: block;
  padding: 4px;
  font-weight: bold;
}

Następnie stwórz klasę dla tabliczki mówiącej o zamknięciu tematu i regułę dla zawartego wewnątrz elementu span - te dwie regułki będą odpowiedzialne tylko za kolory tła i obramowanie wewnętrzne "ramki":
Kod:
.closed {
  background-color: rgb(225, 146, 8); /* kolor "ramki" */
}

.closed span {
  border: 1px solid rgb(185, 76, 18); /* kolor wewn. obramowania dla "ramki" */
  background-color: rgb(255, 176, 28); /* kolor wewnętrzny tabliczki - miejsca, w którym wyświetla się tekst */
}


Wywołanie:
Kod:
<div class="tablets closed"><span>Temat został zamknięty, gdyż był niezgodny z regulaminem</span></div>

Zauważ, że przy class= w elemencie div musisz podać dwie klasy - jedną ogólną, definiującą wyświetlanie tabliczki, a drugą specyficzną dla każdej tabliczki z osobna - odpowiedzialną za kolorystykę.

Klepane z palca - nie sprawdzałem, powinno działać
colin23 - 22-11-2009, 23:47
Temat postu: Re: Tabliczki obsługi
arcy napisał/a:


2. Przy użyciu tabel.
Wejdź do PA | Cenzura słów kliknij Dodaj nowe słowo
W pole Słowo wpisz ciąg znaków, który będzie zamieniony w tabliczkę np. _test
W pole Zamiennik wpisz:
Kod:
<table align="center" width="350" cellpadding="8" border="1" bgcolor="#027E00"><tr><span class="postbody"><td align="center" style="font-size: 11; color: #000000; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif"><b>Temat został zamknięty, ponieważ był niezgodny z</b><br><a href="http://adres_strony/regulamin.php" style="color:#ffffff"><b>regulaminem!</b></a></td></span></tr></table>

Można zmieniać kolory, wrzucać linki czy używać tagów HTMLa.



Mam problem. Próbowałem zrobić to w sposób opisany powyżej. Mam taki wpis:

Kod:
<table align="center" bgcolor="#ff0000" border="4" cellpadding="8" width="500"><tbody><tr><td style="font-size: 11px; color: rgb(0, 0, 0); font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;" align="center"><span class="postbody"><b>Treść postu została usunięta ze względu na brak poszanowania zasad poprawnej pisowni, co czyni post nieczytelnym i jest sprzeczne z regulaminem. </b></span></td></tr></tbody></table>


Ale wpisując kod w polu zamiennik nie widac potem całego tekstu tylko "Treść postu został" i koniec. Co robię źle? Jak wchodze w edycję to widze że kod został obcięty?



I pytanie numer dwa: Dlaczego wklejając bezpośrednio na forum taki kod nie zamienia się on automatycznie na tabliczkę. Nie zmienia się nic jeśli w polu "Wyłącz HTML w tym poście: jest ptaszek czy go nie ma. Czy to muszę zmienić gdzies w PA? W PA/ogólne/konfiguracja/Pisania tematu opcje "Zezwól Administratorom na HTML", "Zezwól Junior Adminom na HTML" i "Zezwól Moderatorom na HTML" jest ustawione na tak.
adrian507120 - 18-08-2010, 21:40
Na jakim forum to widziałeś podaj adres do tematu popatrze.
LoU - 18-08-2010, 21:44
a pomoże ktoś?
adrian507120 - 18-08-2010, 21:47
LoU, podaj link do tematu to pomoge.
xlesiu - 18-08-2010, 21:48
<center><p style="border: 1px solid rgb(91, 187, 238); background: none repeat scroll 0% 0% rgb(209, 229, 240); display: block; margin-top: 30px; text-align: left; padding: 5px 12px 5px 5px; width: 60%; -moz-box-shadow: 0pt 2px 6px rgb(179, 179, 179); -moz-border-radius: 6px 6px 6px 6px;"> <img title="Info" src="http://www.lubicka.yoyo.pl/info.png" alt="Info" align="absmiddle"> <font color="black"><span style="line-height: 28px;"><span class="highlight">Informacja</span></span></font> </p></center>
Kod:
<center><p style="border: 1px solid rgb(91, 187, 238); background: none repeat scroll 0% 0% rgb(209, 229, 240); display: block; margin-top: 30px; text-align: left; padding: 5px 12px 5px 5px; width: 60%; -moz-box-shadow: 0pt 2px 6px rgb(179, 179, 179); -moz-border-radius: 6px 6px 6px 6px;"> <img title="Info" src="http://www.lubicka.yoyo.pl/info.png" alt="Info" align="absmiddle"> <font color="black"><span style="line-height: 28px;"><span class="highlight">Informacja</span></span></font> </p></center>
LoU - 18-08-2010, 21:51
a możesz mi powiedzieć, w którym miejscu w kodzie zmienia się kolor tej cienkiej ramki i kolor tła?
xlesiu - 18-08-2010, 21:55
Kod:
border: 1px solid rgb(91, 187, 238)

<center><p style="border: 1px solid rgb(91, 187, 238); background: none repeat scroll 0% 0% rgb(209, 229, 240); display: block; margin-top: 30px; text-align: left; padding: 5px 12px 5px 5px; width: 60%; -moz-box-shadow: 0pt 2px 6px rgb(179, 179, 179); -moz-border-radius: 6px 6px 6px 6px;"> <img title="Info" src="http://www.lubicka.yoyo.pl/info.png" alt="Info" align="absmiddle"> <font color="black"><span style="line-height: 28px;"><span class="highlight">Informacja</span></span></font> </p> </center>
Kod:
<center><p style="border: 1px solid rgb(91, 187, 238); background: none repeat scroll 0% 0% rgb(209, 229, 240); display: block; margin-top: 30px; text-align: left; padding: 5px 12px 5px 5px; width: 60%; -moz-box-shadow: 0pt 2px 6px rgb(179, 179, 179); -moz-border-radius: 6px 6px 6px 6px;"> <img title="Info" src="http://www.lubicka.yoyo.pl/info.png" alt="Info" align="absmiddle"> <font color="black"><span style="line-height: 28px;"><span class="highlight">Informacja</span></span></font> </p> </center>

<center> <p style="border: 1px solid rgb(255, 187, 25); background: none repeat scroll 0% 0% rgb(252, 255, 152); display: block; margin-top: 30px; text-align: left; padding: 5px 12px 5px 5px; width: 60%; -moz-box-shadow: 0pt 2px 6px rgb(179, 179, 179); -moz-border-radius: 6px 6px 6px 6px;"> <img title="Alert" src="http://www.lubicka.yoyo.pl/alert.png" alt="Alert" align="absmiddle"> <font color="black"><span style="line-height: 28px;"><span class="highlight">Uwaga</span></span></font> </p> </center>
Kod:
<center> <p style="border: 1px solid rgb(255, 187, 25); background: none repeat scroll 0% 0% rgb(252, 255, 152); display: block; margin-top: 30px; text-align: left; padding: 5px 12px 5px 5px; width: 60%; -moz-box-shadow: 0pt 2px 6px rgb(179, 179, 179); -moz-border-radius: 6px 6px 6px 6px;"> <img title="Alert" src="http://www.lubicka.yoyo.pl/alert.png" alt="Alert" align="absmiddle"> <font color="black"><span style="line-height: 28px;"><span class="highlight">Uwaga</span></span></font> </p> </center>

<center> <p style="border: 1px solid rgb(253, 96, 93); background: none repeat scroll 0% 0% rgb(255, 198, 197); display: block; margin-top: 30px; text-align: left; padding: 5px 12px 5px 5px; width: 60%; -moz-box-shadow: 0pt 2px 6px rgb(179, 179, 179); -moz-border-radius: 6px 6px 6px 6px;"> <img title="Warning" src="http://www.lubicka.yoyo.pl/warn.png" alt="Warning" align="absmiddle"> <font color="black"><span style="line-height: 28px;"><span class="highlight">Ostrzeżenie</span></span></font> </p> </center>
Kod:
<center> <p style="border: 1px solid rgb(253, 96, 93); background: none repeat scroll 0% 0% rgb(255, 198, 197); display: block; margin-top: 30px; text-align: left; padding: 5px 12px 5px 5px; width: 60%; -moz-box-shadow: 0pt 2px 6px rgb(179, 179, 179); -moz-border-radius: 6px 6px 6px 6px;"> <img title="Warning" src="http://www.lubicka.yoyo.pl/warn.png" alt="Warning" align="absmiddle"> <font color="black"><span style="line-height: 28px;"><span class="highlight">Ostrzeżenie</span></span></font> </p> </center>

<center> <p style="border: 1px solid rgb(177, 176, 176); background: none repeat scroll 0% 0% rgb(243, 243, 243); display: block; margin-top: 30px; text-align: left; padding: 5px 12px 5px 5px; width: 60%; -moz-box-shadow: 0pt 2px 6px rgb(179, 179, 179); -moz-border-radius: 6px 6px 6px 6px;"> <img title="Lock" src="http://www.lubicka.yoyo.pl/lock.png" alt="Lock" align="absmiddle"> <font color="black"><span style="line-height: 28px;">Temat zamknięty</span></font> </p> </center>
Kod:
<center> <p style="border: 1px solid rgb(177, 176, 176); background: none repeat scroll 0% 0% rgb(243, 243, 243); display: block; margin-top: 30px; text-align: left; padding: 5px 12px 5px 5px; width: 60%; -moz-box-shadow: 0pt 2px 6px rgb(179, 179, 179); -moz-border-radius: 6px 6px 6px 6px;"> <img title="Lock" src="http://www.lubicka.yoyo.pl/lock.png" alt="Lock" align="absmiddle"> <font color="black"><span style="line-height: 28px;">Temat zamknięty</span></font> </p> </center>

<center> <p style="border: 1px solid rgb(112, 205, 23); background: none repeat scroll 0% 0% rgb(230, 253, 207); display: block; margin-top: 30px; text-align: left; padding: 5px 12px 5px 5px; width: 60%; -moz-box-shadow: 0pt 2px 6px rgb(179, 179, 179); -moz-border-radius: 6px 6px 6px 6px;"> <img title="Moved" src="http://www.lubicka.yoyo.pl/move.png" alt="Moved" align="absmiddle"> <font color="black"><span style="line-height: 28px;">Temat przeniesiony</span></font> </p> </center>
Kod:
<center> <p style="border: 1px solid rgb(112, 205, 23); background: none repeat scroll 0% 0% rgb(230, 253, 207); display: block; margin-top: 30px; text-align: left; padding: 5px 12px 5px 5px; width: 60%; -moz-box-shadow: 0pt 2px 6px rgb(179, 179, 179); -moz-border-radius: 6px 6px 6px 6px;"> <img title="Moved" src="http://www.lubicka.yoyo.pl/move.png" alt="Moved" align="absmiddle"> <font color="black"><span style="line-height: 28px;">Temat przeniesiony</span></font> </p> </center>

<center> <p style="border: 1px solid rgb(253, 96, 93); background: none repeat scroll 0% 0% rgb(255, 198, 197); display: block; margin-top: 30px; text-align: left; padding: 5px 12px 5px 5px; width: 60%; -moz-box-shadow: 0pt 2px 6px rgb(179, 179, 179); -moz-border-radius: 6px 6px 6px 6px;"> <img title="Deleted" src="http://www.lubicka.yoyo.pl/delete.png" alt="Deleted" align="absmiddle"> <font color="black"><span style="line-height: 28px;">Temat / post usunięty</span></font> </p> </center>

Kod:
<center> <p style="border: 1px solid rgb(253, 96, 93); background: none repeat scroll 0% 0% rgb(255, 198, 197); display: block; margin-top: 30px; text-align: left; padding: 5px 12px 5px 5px; width: 60%; -moz-box-shadow: 0pt 2px 6px rgb(179, 179, 179); -moz-border-radius: 6px 6px 6px 6px;"> <img title="Deleted" src="http://www.lubicka.yoyo.pl/delete.png" alt="Deleted" align="absmiddle"> <font color="black"><span style="line-height: 28px;">Temat / post usunięty</span></font> </p> </center>

<center> <p style="border: 1px solid rgb(255, 187, 25); background: none repeat scroll 0% 0% rgb(252, 255, 152); display: block; margin-top: 30px; text-align: left; padding: 5px 12px 5px 5px; width: 60%; -moz-box-shadow: 0pt 2px 6px rgb(179, 179, 179); -moz-border-radius: 6px 6px 6px 6px;"> <img title="Sticky" src="http://www.lubicka.yoyo.pl/sticky.png" alt="Sticky" align="absmiddle"> <font color="black"><span style="line-height: 28px;">Temat przyklejony</span></font> </p>
Kod:
<center> <p style="border: 1px solid rgb(255, 187, 25); background: none repeat scroll 0% 0% rgb(252, 255, 152); display: block; margin-top: 30px; text-align: left; padding: 5px 12px 5px 5px; width: 60%; -moz-box-shadow: 0pt 2px 6px rgb(179, 179, 179); -moz-border-radius: 6px 6px 6px 6px;"> <img title="Sticky" src="http://www.lubicka.yoyo.pl/sticky.png" alt="Sticky" align="absmiddle"> <font color="black"><span style="line-height: 28px;">Temat przyklejony</span></font> </p>
LoU - 18-08-2010, 21:57
o.O dzięki bardzo :D
RiceSilver - 31-08-2010, 12:23
Hmm,spoko ale mam pytanie...Jak zrobić aby było tak,że będzie tekst,potem link i znów tekst np:

Tytuł tematu jest niezgodny z regulaminem! Popraw tytuł,w przeciwnym razie temat zostanie zamknięty.

To co jest pogrubione aby było linkiem:)Bo jak wpisywałem za "regulaminem" tekst "Popraw tytuł,w przeciwnym razie temat zostanie zamknięty." to wtedy pokazywało link: regulaminem! Popraw tytuł,w przeciwnym razie temat zostanie zamknięty. a chciałem aby link to był tylko tekst "regulaminem!" a reszta zwykłym tekstem.

?


Powered by phpBB modified by Przemo © 2003 phpBB Group