Tag Moderatora

[Amfidiusz]

Trochę się dzisiaj bawiłem z moim boardem, a że wyszło coś fajnego, to się z Wami podzielę

Poniższy tutorial przedstawi w jaki sposób stworzyć pomarańczowy pasek widoczny na zdjęciu.

-----------------------

Przejdź do:

ACP --> Wygląd --> [Twój styl] --> CSS --> ipb_styles.css

Na końcu dodaj:

/************************************************************************/
/* (AMFIDIUSZ) MODERATOR TAG */

.mod {
display:block;
}
.mod * {
display:block;
overflow:hidden;
background-color:darkorange;
}
.mod1 {
margin:0px 11px 0px 11px;
}
.mod2 {
margin:0px 6px 0px 6px;
height:1px;
}
.mod3 {
margin:0px 4px 0px 4px;
height:1px;
}
.mod4 {
margin:0px 2px 0px 2px;
height:2px;
}
.mod5 {
margin:0px 1px;
height:3px;
}
.mod6 {
height:4px;
}
.tekst_mod1 {
background-color:darkorange;
padding:2% 2% 2% 2%;
font-weight:bolder;
color:black;
text-align:center;
}

Powtórz dla każdego skina.

Przejdź do:

ACP --> Wygląd --> BBCode Management --> Dodaj BBCode

Zarządzanie tagami:

Tag moderatora

Opis BBCode:

Tag wyłącznie dla moderatorów

Przykład użycia:

[mod]Przykładowy tekst[/mod]

Tag:

mod

Wyciąć z wyników wyszukiwania: TAK

Na co zmienić BBCode:

<strong class="mod">
<strong class="mod1"></strong>
<strong class="mod2"></strong>
<strong class="mod3"></strong>
<strong class="mod4"></strong>
<strong class="mod5"></strong>
<strong class="mod6"></strong>
</strong>
<div class="tekst_mod1">{content}</div>
<strong class="mod">
<strong class="mod6"></strong>
<strong class="mod5"></strong>
<strong class="mod4"></strong>
<strong class="mod3"></strong>
<sprong class="mod2"></sprong>
<strong class="mod1"></strong>
</strong>

Wybierz grupy moderacyjne, które będą mogły używać tagu.

Wybierz gdzie może być używany tag.

Kliknij Dodaj BBCode

Aby użyć tagu, wpisz w edycji postu [mod]

[DawPi]

No tak, nowe IP.Board umożliwia już sprawdzanie użycia tagów dla grup. Dzięki za 'przypomnienie' i za ten tutorial!

[Batman]

a na cholerę jest tyle klas CSS ???

[Amfidiusz]

Nie jestem specem w CSSie. Klasy były mi potrzebne do zaokrągleń, a skoro te wyszły, to już nic nie zmieniałem. Jeżeli umiesz to rozpisać w prostszy sposób, chętnie go użyję u siebie na forum

[Batman]

Aaaa zaokrąglenia sorry ja używam tylko FF a w niej jest to łatwiejsze

[Kacperex]

Fajnie, łatwo i przyjemne w użytku

Bardzo przydatne. Dzięki + plusik

[Kacperex]

Wybaczcie za dwa posty pod rząd.

Jednak kiedy zastosowałem ów tutorial, to wszystko działą ok. Jednak dopiero teraz to zauważyłem, że sypie się wtedy galeria.

http://img141.imageshack.us/i/galeriaj.png/

Jakiś pomysł?

Edytowane 7 Września 2009 przez Kacperex

[DawPi]

Po usunięciu tagu wszystko wraca do normy w galerii?

[Kacperex]

Po usunięciu tagu wszystko wraca do normy w galerii?

Naturalnie. Aktualnie wywaliłem kod od modyfikacji. I wszystko jest w jak najlepszym porządku

[DawPi]

To teraz pytanie: wywaliłeś również kod z CSSa? Spróbuj go nie wywalać i sprawdzić. Jak się zepsuje to znaczy, że ten kod CSS trzeba wstawić w inne miejsce w głównym kodzie CSS.

[Kacperex]

Wywaliłem kod z cssa i jest galeria działa poprawnie. Kiedy implementuje kod w css znowu jest to samo.

W jakim miejscu to wstawić by było ok?

[Amfidiusz]

Widocznie galeria używa klas o takich samych nazwach...

Wklej w ipb_styles.css na samym dole ten tekst:

/************************************************************************/
/* (AMFIDIUSZ) MODERATOR TAG */

.mod-amfi {
display:block;
}
.mod-amfi * {
display:block;
overflow:hidden;
background-color:darkorange;
}
.mod1-amfi {
margin:0px 11px 0px 11px;
}
.mod2-amfi {
margin:0px 6px 0px 6px;
height:1px;
}
.mod3-amfi {
margin:0px 4px 0px 4px;
height:1px;
}
.mod4-amfi {
margin:0px 2px 0px 2px;
height:2px;
}
.mod5-amfi {
margin:0px 1px;
height:3px;
}
.mod6-amfi {
height:4px;
}
.tekst_mod1-amfi {
background-color:darkorange;
padding:2% 2% 2% 2%;
font-weight:bolder;
color:black;
text-align:center;
}

i odpowiednio dostosuj BBCode:

<strong class="mod-amfi">
<strong class="mod1-amfi"></strong>
<strong class="mod2-amfi"></strong>
<strong class="mod3-amfi"></strong>
<strong class="mod4-amfi"></strong>
<strong class="mod5-amfi"></strong>
<strong class="mod6-amfi"></strong>
</strong>
<div class="tekst_mod1-amfi">{content}</div>
<strong class="mod-amfi">
<strong class="mod6-amfi"></strong>
<strong class="mod5-amfi"></strong>
<strong class="mod4-amfi"></strong>
<strong class="mod3-amfi"></strong>
<sprong class="mod2-amfi"></sprong>
<strong class="mod1-amfi"></strong>
</strong>

Powinno pomóc

Btw, kolor tła można sobie oczywiście dostosować:

http://www.w3schools.com/css/css_colornames.asp

Edytowane 7 Września 2009 przez Amfidiusz

[Kacperex]

"Sikalafą". Działa i nie psuje galerii.

A co do koloru, to wiem. Jednak jakoś oryginalny mi spasował ^^

[necik]

Proponuję przerobić ten mod, będzie bardziej PRO

Klikasz na edytuj a następnie w polu "powód edycji" wpisujesz komunikat. Oczywiście zamiast standardowego szarego tła pod powodem edycji pojawia się takie jak w tej modyfikacji.

Takie rozwiązanie powinno być lepsze ponieważ nie trzeba używać tagów.

[Amfidiusz]

Tag jest bardziej uniwersalny, bo możesz go stosować w sygnaturach (jak ktoś będzie miał sprzeczną z regulaminem), w ogłoszeniach czy w Custom Pages. Ale oprócz niego można by było podmienić ten szary box. Spróbuję poszukać go w CSS.

EDIT:

Więc od razu pytanie do znawców:

Gdzie szukać i jak będzie nazwana następująca klasa?

	<ul>
<li class='field'>
	<label for='post_edit_reason'>{$this->lang->words['reason_for_edit']}</label><br />
	<input type="text" name="post_edit_reason" id='post_edit_reason' value="{$formData['extraData']['reasonForEdit']}" size='40' maxlength='250' class='input_text' />
</li>
</ul>

[DawPi]

Amfidiusz: odnośnie edita to najlepszym znawcą jest skrypt, a mianowicie opcja szukania, która zadany fragment znalazła w:

[Amfidiusz]

No tak, bo wyciąłem go z postFormTemplate. Pytanie brzmiało jednak jak to to znaleźć w CSS :>

[DawPi]

Większość kodu w CSS jest w css -> ipb_styles.css i tam też są te klasy. Sprawdziłem.

[necik]

Czy po zastosowaniu tagów [ mod] [ /mod] zwykły użytkownik może skasować komentarz moderatora?

[Amfidiusz]

Jeśli nie ma możliwości edytowania swoich tematów, to nie usunie. Jeżeli ma - to sprawdź jak to zadziała! Stwórz dowolny tag dostępny jedynie dla admina, napisz temat z konta testowego usera, edytuj go adminem i spróbuj znowu edytować z poziomu usera. Osobiście wydaje mi się, że skoro użytkownik integruje w treść posta, to tak jakby on pisał, więc nie tylko będzie mógł go usunąć, ale też po edycji kod przestanie być parsowany.

[necik]

Czy to domyślnie jest takie duże? Czy może coś popsułem: http://www.forumpc.pl/index.php?showtopic=126082 ?

[DawPi]

Jest takie bo są duże marginy ustawione.

[necik]

Jest takie bo są duże marginy ustawione.

To trzeba wszystkie zmienić, czy może tylko kilka aby od góry i dołu zajmowało połowę miejsca?

.mod-forumpc {
display:block;
}
.mod-forumpc * {
display:block;
overflow:hidden;
background-color:darkorange;
}
.mod1-forumpc {
margin:0px 11px 0px 11px;
}
.mod2-forumpc {
margin:0px 6px 0px 6px;
height:1px;
}
.mod3-forumpc {
margin:0px 4px 0px 4px;
height:1px;
}
.mod4-forumpc {
margin:0px 2px 0px 2px;
height:2px;
}
.mod5-forumpc {
margin:0px 1px;
height:3px;
}
.mod6-forumpc {
height:4px;
}
.tekst_mod1-forumpc {
background-color:darkorange;
padding:2% 2% 2% 2%;
font-weight:bolder;
color:black;
text-align:center;
}

[LuKaszeKo]

Hmm mógłby ktoś przerobić na wersję 3.1 bo nie działa a kiedyś służyło mi bardzo dobrze

[DawPi]

Co nie działa?