Oficjalne forum pomocy serwisu PUN.pl
Nie jesteś zalogowany na forum.
- Wątki: Aktywne | Bez odpowiedzi
Strony: 1
#2 Odp: Modyfikacje forum » [jQuery] Mała modyfikacja ChatBboxa » 2013-02-23 21:39:05
Możliwość jest, ale miałem z tym problem, więc zdecydowałem się użyć jednak tagu html. Po pobraniu wartości tekstowej loginu użytkownika, pokazywał się on w polu tyle razy, ile pojawił się na chacie. Zdaje mi się, że wiem jak to naprawić, więc niedługo wstawię nowy kod,
#3 Modyfikacje forum » [jQuery] Przełączanie między kategoriami » 2013-02-22 22:34:57
- QxV
- Odpowiedzi: 0
Witam.
Wpadłem na pomysł napisania prostej modyfikacji, która ukrywa wszystkie kategorie prócz pierwszej i daje możliwość przełączania pomiędzy takowymi. Na początek przedstawię Demo. Jak widać wygląda to całkiem nieźle i co najważniejsze działa. Skrypt jest jednak przystosowany do czterech kategorii, a o tym jak go zmodyfikować, za chwilę.
Na początek zamieszczamy na forum bibliotekę jQuery i do stopki/ogłoszenia wstawiamy ten kod:
<script>
jQuery(function(){
jQuery("#idx1").before("<h2 style='width: 360px'>Kategorie</h2><div class='box' style='width: 370px; margin-bottom: 10px'><div class='inbox'><div class='zmiana' name='1' style='display: inline; font-weight: bold; cursor: pointer;'>Nazwa kategorii pierwszej</div> | <div class='zmiana' name='2' style='display: inline; font-weight: bold; cursor: pointer;'>Nazwa kategorii drugiej</div> | <div class='zmiana' name='3' style='display: inline; font-weight: bold; cursor: pointer;'>Nazwa kategorii trzeciej</div> | <div class='zmiana' name='4' style='display: inline; font-weight: bold; cursor: pointer;'>Nazwa kategorii czwartej</div></div></div>");
jQuery(".zmiana").click(function(){
var numerek = jQuery(this).attr("name");
jQuery("#idx1").css('display', 'none');
jQuery("#idx2").css('display', 'none');
jQuery("#idx3").css('display', 'none');
jQuery("#idx4").css('display', 'none');
jQuery("#idx" + numerek).fadeIn();
});
})
</script>A do Modyfikacji CSS ten:
#idx2, #idx3, #idx4 {display: none;}I gotowe, nic więcej nie trzeba robić. Rzecz jasna można zmodyfikować skrypt zamieniając nazwy kategorii na obrazki. Ale co zrobić jeżeli na forum jest więcej/mniej niż cztery kategorie? W takim wypadku do kodu jQuery - jeżeli mamy więcej niż cztery - a dokładniej w tym miejscu:
jQuery("#idx1").css('display', 'none');
jQuery("#idx2").css('display', 'none');
jQuery("#idx3").css('display', 'none');
jQuery("#idx4").css('display', 'none');Dodajemy linijkę:
jQuery("#idxZ").css('display', 'none');Gdzie Z wstawiamy kolejny numer kategorii, w tym wypadku będzie to 5
Następnie tutaj:
jQuery("#idx1").before("<h2 style='width: 360px'>Kategorie</h2><div class='box' style='width: 370px; margin-bottom: 10px'><div class='inbox'><div class='zmiana' name='1' style='display: inline; font-weight: bold; cursor: pointer;'>Nazwa kategorii pierwszej</div> | <div class='zmiana' name='2' style='display: inline; font-weight: bold; cursor: pointer;'>Nazwa kategorii drugiej</div> | <div class='zmiana' name='3' style='display: inline; font-weight: bold; cursor: pointer;'>Nazwa kategorii trzeciej</div> | <div class='zmiana' name='4' style='display: inline; font-weight: bold; cursor: pointer;'>Nazwa kategorii czwartej</div></div></div>");po:
Nazwa kategorii czwartej</div>Dodajemy:
<div class='zmiana' name='Z' style='display: inline; font-weight: bold; cursor: pointer;'>Nazwa kategorii piątej</div>Gdzie Z znów podajemy kolejny numer kategorii. I na koniec do kodu css dodajemy:
#idxZ {display: none}W miejscu Z wstawiamy - jak już zapewne wiecie - kolejny numer kategorii.
A co zrobić, jeżeli naszych kategorii jest mniej?
Tutaj:
jQuery("#idx1").css('display', 'none');
jQuery("#idx2").css('display', 'none');
jQuery("#idx3").css('display', 'none');
jQuery("#idx4").css('display', 'none');Kasujemy ostatnią, bądź dwie/trzy ostatnie linijki (w zależności od tego, ile mamy działów).
Następnie przechodzimy do tego momentu:
jQuery("#idx1").before("<h2 style='width: 360px'>Kategorie</h2><div class='box' style='width: 370px; margin-bottom: 10px'><div class='inbox'><div class='zmiana' name='1' style='display: inline; font-weight: bold; cursor: pointer;'>Nazwa kategorii pierwszej</div> | <div class='zmiana' name='2' style='display: inline; font-weight: bold; cursor: pointer;'>Nazwa kategorii drugiej</div> | <div class='zmiana' name='3' style='display: inline; font-weight: bold; cursor: pointer;'>Nazwa kategorii trzeciej</div> | <div class='zmiana' name='4' style='display: inline; font-weight: bold; cursor: pointer;'>Nazwa kategorii czwartej</div></div></div>");I kasujemy tyle takich linijek:
<div class='zmiana' name='4' style='display: inline; font-weight: bold; cursor: pointer;'>Nazwa kategorii czwartej</div>Żeby ich liczba w kodzie była równa liczbie działów.
Ostatnią rzeczą, jaką musimy zrobić, jest skasowanie z kodu css, linijki wyłączającej widoczność danej kategorii.
Gotowe ![[dblpt])](http://www.forum.pun.pl/upload/pun_pl/forum/smilies/[dblpt]).jpg)
#4 Odp: Modyfikacje forum » Kody » 2013-02-22 15:49:08
Nazwa: [JS] Prosty PopUp
Opis: Dynamicznie pojawiające się okienko, po najechaniu na dany element.
Nazwa: [JS] Mała modyfikacja ChatBoxa
Opis: Znak "@" przed nickiem użytkownika na CB, po którego kliknięciu w polu, w którym piszemy wiadomość wyświetla się "@NickUsera".
Nazwa: [JS] Przełączanie pomiędzy kategoriami
Opis: Skrypt ukrywa wszystkie kategorie prócz pierwszej i daje możliwość przełączania pomiędzy takowymi.
#5 Odp: Modyfikacje forum » [jQuery] Mała modyfikacja ChatBboxa » 2013-02-22 15:36:33
Faktycznie, zapomniałem o tym ^ ^ Dzięki.
#6 Modyfikacje forum » [jQuery] Mała modyfikacja ChatBboxa » 2013-02-22 12:58:49
- QxV
- Odpowiedzi: 10
Witam.
Wzorując się na "skrzyne krzyku" z phpBB, postanowiłem urozmaicić trochę chat z puna. Nie jest to coś wielkiego, ale ułatwia pisanie. A mianowicie, mam na myśli znak "@" przed nickiem użytkownika, po którego kliknięciu w polu, w którym piszemy wiadomość wyświetla się "@NickUsera".
Na początek musimy lekko zmodyfikować formę wyświetlania wiadomości (Administracja--->ChatBox--->Wyświetlanie wiadomości).
Tag:
<pun_username>Zamieniamy na:
<div class="username"><pun_username></div>I przed powyższą linijką wstawiamy:
<div class="malpa" style="display: inline;">@ </div>Kolejnym krokiem jest dodanie biblioteki jQuery do forum:
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>A następnie do stopki/ogłoszenia wstawiamy ten oto kod:
<script>
jQuery(function(){
jQuery(".malpa").click(function(){
var nick = jQuery(".malpa").next().html();
var poleval = jQuery("input[id='req_message']").val();
jQuery("input[id='req_message']").val(poleval + "[html]@" + nick + "[/html]" + " ");
});
})
</script>Na koniec włączamy możliwość korzystania z HTML w postach dla wszystkich grup (Administracja--->Pozwolenia HTML)
Gotowe
#7 Archiwum wiadomości Chat » Rozmowa z godziny 00:14 w dniu 22.02.2013 » 2013-02-22 01:14:56
- QxV
- Odpowiedzi: 0
Witam.
#8 Modyfikacje forum » [jQuery] Prosty PopUp » 2013-02-21 22:54:35
- QxV
- Odpowiedzi: 0
Przed chwilą napisałem prosty skrypt na popup w jQuery.
Na początek dodajemy do kodu css taką oto linijkę:
#popup {position: absolute; display: none; background: X; border-style: solid; width: Y; height: Z;}X - kolor tła
Y - szerokość okienka
Z - wysokość okienka
Potem tworzymy pustego div'a w stopce.
<div id="popup"></div>Następnie zamieszczamy bibliotekę jQuery i wstawiamy do stopki/ogłoszenia ten kod:
<script>
jQuery(function(){
jQuery(".popup").mouseover(function(){
var tresc = jQuery(this).attr("name");
jQuery("#popup").html(tresc);
jQuery("#popup").fadeIn();
}).mouseout(function(){
jQuery("#popup").fadeOut();
}).mousemove(function(e){
jQuery("#popup").css('left', e.pageX+10);
jQuery("#popup").css('top', e.pageY+10);
});
})
</script>No i rusztowanie gotowe, teraz pora na resztę. Tam, gdzie chcemy użyć naszego skryptu, musimy zrobić dwie rzeczy. Po pierwsze dodać klasę popup do danego elementu i atrybut name, w którym zamieścimy treść okienka.. Np.
<img src="obrazek.png" class="popup" name="Przykładowy tekst ;)"/>I gotwe!
Miłego użytkowania.
PS. Radzę pobawić się kodem css w celu upiększenia okienka, albowiem obecna wersja wygląda co najmniej topornie.
#9 Odp: Zaproszenia » Nasze RPG » 2013-02-21 21:25:02
W takim razie i ja dodam coś od siebie.
Na początek ocenię to, co widzę jako pierwsze, czyli stronę graficzną. Priorytetem jest zmienienie koloru linków na forum, gdyż białe zlewają się z tłem i ni cholery nie mogę niczego zobaczyć. Do tego te słitaśne logo - rzygać się chce. W ogóle nie pasuje do tematyki forum i - nie ma co ukrywać - jest słabo wykonane. Różowy kolor? Mniemam iż grałaś tylko w jakieś cukierkowe rpg a o takich klasykach jak WoD, albo Neuroshima to w ogóle nie słyszałaś, mam rację? Chyba mam.
Tyle na temat grafiki, bo tej nie ma praktycznie wcale. Przejdę do części bardziej istotnej, a mianowicie treści. Tutaj wcale nie jest lepiej. Same nazwy działów świadczą o nikłych umiejętnościach pisarskich administracji. Włączyłem kilka przypadkowych działów, ażeby zobaczyć poziom postów i jest tak jak myślałem - beznadziejnie.
Fabuła:Jesteśmy gwiazdami.Robimy impreze w jednym z naszych ogromnych domów.Jest wspaniale jednak chwile potem zauważamy karetke ...
TO nazywasz fabułą? Zabawne i smutne zarazem. To nie nadawałoby się nawet na jakiś krótki opis sesji, serio. Poczytaj sobie przykładowe sesje na forach takich jak Tawerna RPG, albo Adventure.
Do tego to rozmieszczenie całości... Po jaką cholerę zakładasz oddzielny dział dla każdego, mało istotnego zagadnienia, skoro wszystko można bez problemu zamieścić w jednym wątku?
Na koniec jeszcze zapodam kilka rad, coby nie było, że tylko się wymądrzam. Po pierwsze primo, że tak się wyrażę, radzę szlifować swój styl pisania. Jak? Dużo czytać, wszędzie, gdzie to możliwe starać się pisać jak najlepiej i podszkolić się w kwestii interpunkcji i ortografii. Jeżeli dostatecznie opanujesz umiejętność operowania słowem pisanym, połowę sukcesu masz już za sobą. Potem przyjdzie czas na grafikę (tak imho dałaś się wykiwać dla tego kolesia od grafiki - wywal tą reklamę, bo za darmo dostaniesz lepszy design). Możesz poszukać na punie, albo nawet na innych stronach darmowych, lub tanich grafików.
Tyle ode mnie. Powodzenia życzę
PS. Mogę ewentualnie podać swój numer gg, w razie problemów służę radą - 46415999.
#10 Odp: Hydepark » Muzyka (Czego słuchacie ?) » 2013-02-21 20:59:31
Głównie rock, punk rock, metal i wszelkie jego podgatunki z naciskiem na thrash, black, gothic i folk. Nie pogardzę również dobrym bluesem, ale od disco polo, popu i innego - imho - szajsu stronię. Jeżeli chodzi o zespoły, to do moich ulubionych należą Led Zeppelin, Black Sabbath, Megadeath, Metallica, Mauler, Silencer, Blind Guardian, Hunter, Hetman, Pidżama Porno, Korpiklaani, Eluveitie, Nirvana, Venom, Vader, KAT i napawdę sporo inych.
Strony: 1