Zaloguj się, aby obserwować  
Obserwujący 0
ziptofaf

Poprawiamy forum - czyli własne layouty, modyfikacje i zmiany interfejsu

Rozpoczęty przez ziptofaf,

41 postów w tym temacie

ziptofaf    2

ziptofaf
Napisano
Dnia 19.10.2015 o 18:58, Alexei_Kaumanavardze napisał:

Śmieszna sprawa - nakładka nie działa z narzędziami moderatorskimi (zmiana koloru czcionki <br />> powoduje, że są... nieczytelne):/ Szkoda, że nic z tym zrobić nie mogę - top secret etc.


W sumie to się da coś z tym zrobić i to tak żebym ja widział gdzie ci kolor czcionki zmienić ale nie miał pojęcia gdzie toto pasuje~!

Zakładając iż użyjesz na chwilę Firefoxa.

Kliknij prawym przyciskiem myszki na któryś z elementów interfejsu gdzie ci kolor nie pasuje i wybierz zbadaj element.
Pojawi ci się takie coś:

http://puu.sh/kRqkC/de6930fc84.png

Teraz najedź kursorem myszki na fragment kodu w Inspektorze, podświetli ci się na ekranie:<br /> http://puu.sh/kRqnz/933f03c135.png

W tym przypadku widzę coś takiego: <br /><textarea style="height: 274px;" id="ftresc" name="ftresc" class="postContent" placeholder="Wpisz treść postu"></textarea><br /><br />I jedynym co muszę znać żeby ci poprawić tam kolor czcionki na 90% będzie to co jest wewnątrz pól id ("ftresc") i class("postContent"), w tym drugim przypadku klas czasem jest kilka.

Więc jak mi podasz nazwy wewnętrz id i class to mogę to zmienić.

Mogę też postrzelać w ciemno prawdę mówiąc, styl graficzny działa na całe forum. Obstawiam że klasą będzie .moderatorActions i pewnie mógłbym toto podmienić ale to taka zgadywanka ;P

Choć wstępnie podmieniłem tam na czarną czcionkę teraz więc jak zaktualizujesz to może akurat będzie już działać.

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

Tuldor1    0

Tuldor1
Napisano

Zip od jakiegoś czasu Twoja nakładka sprawia, że co drugi post jest biały, a że tekst też jest biały wygląda to... ekhm... dałoby radę to poprawić? Obecnie wygląda to np tak:
http://images77.fotosik.pl/2/2fe1af18fc21572d.jpg

PS: Z jakiegoś powodu przeciąganie obrazków padło... jak ja kocham tą tonę gówna którą nam administracja na urodziny 'sprezentowała' :/

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

ziptofaf    2

ziptofaf
Napisano
Dnia 21.10.2015 o 23:56, Tuldor1 napisał:

Zip od jakiegoś czasu Twoja nakładka sprawia, że co drugi post jest biały, a że tekst <br />> też jest biały wygląda to... ekhm... dałoby radę to poprawić? Obecnie wygląda to np tak: <br />> http://images77.fotosik.pl/2/2fe1af18fc21572d.jpg <br /><br /><br /><br />


Dałoby. Po prostu ściągnij ją ponownie, już jakiś czas temu to poprawiłem. Link w przypiętym poście. Teoretycznie to ma autoaktualizację gdy coś zmieniam ale w praktyce - niekoniecznie. Przeciąganie obrazków też powinno już działać, poprawione jakiś czas temu. Więc jak zauważysz jakieś bugi to polecam, tymczasowo przynajmniej, ręcznie jeszcze raz pobierać nakładkę - ze sporą dozą prawdopodobieństwa możesz założyć że już się nimi zająłem i po prostu masz u siebie przestarzałą wersję.

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

Tuldor1    0

Tuldor1
Napisano

Po prawdzie pisałeś przy aktualizacji nr2 o tym iż automatycznie będzie sie pobierać dlatego od tego czasu nie ruszałem, ale faktycznie reinstall skryptu pomógł - wszystko działa jak powinno. Niechaj Ci bozia w dzieciach wynagrodzi :D (A nasze kochane mordki prosiłbym o podpięcie tematu obok tych jakie wspominaja o zmianach na forum - co by ludzie szukać nie musieli ^^)

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

Alexei_Kaumanavardze    2

Alexei_Kaumanavardze
Napisano

Niestety, tak różowo nie ma.

Mam coś takiego:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head></head>
<body style="background-image: none; background-color: rgb(32, 32, 32);">
<table id="m" cellspacing="0">
<tbody>
<tr>
<td id="menu"></td>
<td id="content">
<h4>

user.admin » forum

</h4>
<h5></h5>
<form method="post" action="common_command.asp">
<input type="hidden" value="1" name="a"></input>
<input type="hidden" value="89364" name="id"></input>
<div id="s" class="dbox"></div>
</form>
<h5></h5>
<div id="h" class="dbox bc">
<div class="irb"></div>
<p style="color: rgb(255, 255, 255);"></p>
<p style="color: rgb(255, 255, 255);"></p>
<p style="color: rgb(255, 255, 255);"></p>
<p class="nmt" style="color: rgb(255, 255, 255);"></p>
<p style="color: rgb(255, 255, 255);"></p>
</div>
<h5></h5>
<div id="p" class="dbox bc"></div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

Ale to jest na osobnej "podstronie", więc raczej nic z tym nie zrobisz;). jest teraz, jak widzisz biały kolor, a powinien być czarny;/

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

ziptofaf    2

ziptofaf
Napisano
Dnia 23.10.2015 o 18:27, Alexei_Kaumanavardze napisał:

Ale to jest na osobnej "podstronie", więc raczej nic z tym nie zrobisz;). jest teraz,
jak widzisz biały kolor, a powinien być czarny;/


Zaraz zobaczymy czy nie zrobię :P

Ściągnij ponownie skrypt, jest już nowsza wersja. Przy odrobinie szczęścia zadziała tak jak sądzę że zadziała :P

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

ziptofaf    2

ziptofaf
Napisano
Dnia 23.10.2015 o 20:11, Alexei_Kaumanavardze napisał:

Dzięki, skąd jesteś?

Z okolic Słupska :P

Dnia 23.10.2015 o 20:11, Alexei_Kaumanavardze napisał:

A jesteś w stanie jeszcze dodać normalny przycisk URL jak kiedyś?

Jak najbardziej.
http://puu.sh/kV3ih/89010659c2.png

Już dodane, tylko pobrać i gotowe. Niestety gram ma niezbyt imponującą liczbę ikonek które mogę wykorzystywać i musiała na razie wejść ta przypominająca maila.

Przy okazji poprawiłem ten głupi błąd z wyświetlaniem dat przy dodanych postach - teraz już powinna być poprawna i dokładna data a nie X godzin temu.

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

ziptofaf    2

ziptofaf
Napisano

Oki, jest coś co mogę nazwać wersją "stabilną" 1.0 obecnego skryptu do poprawiania forum.

Zmiany względem wersji poprzednich:
- wreszcie poprawny kolor linków na stronie głównej forum zamiast niepasującego nigdzie niebieskiego:
http://puu.sh/ldGdu/4513bc4b9d.png - biały kolor dla nieodwiedzonych linków, szary dla już odwiedzonych.

- lista newsów z gram.pl widoczna z poziomu forum: http://puu.sh/ldGeT/d42466ee8a.png

Powinno to ułatwić przeglądanie newsów bez konieczności wchodzenia na stronę główną gramu. Całość jest w pewnym stopniu protezą bo nadal prowadzi tylko do danego newsa, nie wyświetla jeszcze komentarzy bezpośrednio z forum. Taka funkcja może się pojawi a może i nie.

- Kilka dalszych poprawek interfejsu:
a) Przed: http://puu.sh/ldGrx/17877cb375.jpg Po: http://puu.sh/ldGtv/e1cb26f367.png
b) Przed: http://puu.sh/ldGv8/a87f357435.png Po: http://puu.sh/ldGw8/ce5e8e8629.png (dodatkowy guzik jest bezpośrednim linkiem do danego posta)


Jak zawsze, info co i gdzie ściągnąć w przypiętym poście (linki zawsze prowadzą do najnowszej wersji).

W międzyczasie pojawił się też podobny poprawiacz, tym razem dla gramsajtów. Opis i funkcje tutaj:
http://ja.gram.pl/blog_wpis.asp?id=89364&n=63
Ot, layout który tam obowiązuje jest imho lepszy od tego na forum ale przy okazji wprowadzenia większych awatarów kilka elementów się rozjechało. Skrypt z linka przywraca je do normalności.

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

Prince_Miki    6

Prince_Miki
Napisano

Wczoraj nie mając nic konkretnego do roboty, postanowiłem nieco odmienić forum. Niestety, owa modyfikacja działa tylko na Chromie w dodatku Stylebot. Czterech liter nie urywa, ale komuś może się spodoba (zapewne tym, którzy zawsze korzystali z jasnej wersji forum).

Co nowego:

- wreszcie tło pod forum, które można w każdej chwili zmienić. Trzeba nacisnąć na ikonę dodatku, Open Stylebot..., Edit CSS w dolnej części paska i zmienić URL obrazka we fragmencie kodu background-image: url("tu wstawiamy adres obrazu")

- powrót do starej szerokości forum, znanej z jego poprzedniej wersji, która jest kompatybilna z gramowymi tłami pod forum (trzeba otworzyć obrazek w nowym oknie oraz usunąć z linku "_mini", aby tło było naturalnych rozmiarów). Link: http://forum.gram.pl/forum_ustawienia.asp

- wyraźniejsze cytaty (cytowany tekst jest teraz na szarym polu)

- wycofanie szarej czcionki w postach na korzyść czarnej (lepsza czytelność tekstu)

- bardziej zwarta strona główna forum

- lekko zmniejszone awatary

- kilka innych stylistycznych pierdół

Jak to zainstalować:

- instalujemy dodatek Stylebot do Google Chrome. Link: https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha

- pobieramy mój styl forum poprzez naciśnięcie Install style in Stylebot (biała strzałka w niebieskim kwadraciku). Link: http://stylebot.me/styles/12111

Gotowe! Miłego korzystania. ;-)

20151122124453625

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

rob006    1

rob006
Napisano

Twoje modyfikacje odsłaniają spojlery w cytatach, psują układ strony na małych rozdzielczościach, a kolor czcionki w ogóle się nie zmienił.

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

Prince_Miki    6

Prince_Miki
Napisano
Dnia 22.11.2015 o 15:12, rob006 napisał:

Twoje modyfikacje odsłaniają spojlery w cytatach

Dzięki za zgłoszenie - naprawione.

Dnia 22.11.2015 o 15:12, rob006 napisał:

psują układ strony na małych rozdzielczościach,

Chodzi o odstający Kontakt z moderatorami oraz Kontakt z ekipą gram.pl? Jeśli tak, to również naprawiłem.

Dnia 22.11.2015 o 15:12, rob006 napisał:

a kolor czcionki w ogóle się nie zmienił.

Zmienił się. Wcześniej czcionka była w kolorze #666, a teraz jest w #000. Nie jest to na pierwszy rzut oka zbyt widoczne - fakt, ale przy dłuższym czytaniu jest różnica - mniej się męczą oczy.

Link do poprawionej wersji: http://stylebot.me/styles/12116

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

rob006    1

rob006
Napisano
Dnia 22.11.2015 o 15:30, Prince_Miki napisał:

Chodzi o odstający Kontakt z moderatorami oraz Kontakt z ekipą gram.pl?
Jeśli tak, to również naprawiłem.

Spróbuj zmniejszyć sobie okno przeglądarki do np 500px i zobacz jak wyglądają wtedy posty.

Dnia 22.11.2015 o 15:30, Prince_Miki napisał:

Zmienił się. Wcześniej czcionka była w kolorze #666, a teraz jest w #000.

To akurat mój błąd - chciałem sprawdzić jak to działa importując style do FF, ale najwyraźniej dodatek do chrome robi jakąś dodatkową magię i dodaje !important do wszystkich reguł...

Poza tym na pierwszy rzut oka jeszcze pogrubienia, kursywa itd wyświetla się w cytatach na czarno, choć reszta tekstu jest szara.

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

Prince_Miki    6

Prince_Miki
Napisano
Dnia 22.11.2015 o 16:33, rob006 napisał:

Spróbuj zmniejszyć sobie okno przeglądarki do np 500px i zobacz jak wyglądają wtedy posty.

A, o to Ci chodzi. Niestety, ale raczej już tak zostanie - dostosowywanie strony do rozdzielczości to jednak jeszcze nie mój poziom. ;P Długo kombinowałem wczoraj z CSS-em, żeby strona automatycznie się skalowała, jak w domyślnej skórce. Niestety, na próżno.

Dnia 22.11.2015 o 16:33, rob006 napisał:

Poza tym na pierwszy rzut oka jeszcze pogrubienia, kursywa itd wyświetla się w cytatach
na czarno, choć reszta tekstu jest szara.

O tym z kolei wiedziałem od samego początku, jednakże na to również zbyt wiele poradzić nie mogę. W kodzie CSS cytowany tekst w kursywie jest oznaczony tak samo, jak poza cytatem. Nie chcę odwracać kota ogonem (bo nie o to mi chodzi), ale w domyślnym skinie również występuje ten sam problem, bo w nim też jest ustawiony inny kolor czcionki dla cytowanego tekstu i zwykłego.

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

rob006    1

rob006
Napisano
Dnia 23.11.2015 o 18:21, Prince_Miki napisał:

A, o to Ci chodzi. Niestety, ale raczej już tak zostanie - dostosowywanie strony do rozdzielczości
to jednak jeszcze nie mój poziom. ;P Długo kombinowałem wczoraj z CSS-em, żeby strona
automatycznie się skalowała, jak w domyślnej skórce. Niestety, na próżno.


Daj po prostu "max-width: 850px" zamiast "width: 850px"

Dnia 23.11.2015 o 18:21, Prince_Miki napisał:

O tym z kolei wiedziałem od samego początku, jednakże na to również zbyt wiele poradzić
nie mogę. W kodzie CSS cytowany tekst w kursywie jest oznaczony tak samo, jak poza cytatem.


Wystarczy podać dokładniejszą ścieżkę dla stylów cytatów, np ".cyt i {color: #666;}"

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

Prince_Miki    6

Prince_Miki
Napisano
Dnia 19.12.2015 o 20:33, Piotrbov napisał:

Da się jakoś zedytować ten pliczek? Bym sobie znacznie poszerzył forum itd.

Jasne. Aby wrócić do szerokości, którą oferuje Forum 3.0 (czyli znacznie szerszej, niż w moim skinie), naciśnij ikonę Stylebot (w przeglądarce), Open Stylebot..., Edit CSS (w lewym dolnym rogu) i kasujesz z kodu:

nav.moderatorContactButtons {
width: 850px;
}

oraz:

#main {
max-width: 850px;
}

oraz:

header.threadTitle {
width: 850px;
}

oraz:

footer.mainFooter {
width: 840px;
}

I gotowe. ;-) Możesz sobie tam wyedytować / wykasować / dodać, co chcesz.

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

Utwórz konto lub zaloguj się, aby skomentować

Musisz być użytkownikiem, aby dodać komentarz

Utwórz konto

Zarejestruj nowe konto na forum. To jest łatwe!


Zarejestruj nowe konto

Zaloguj się

Masz już konto? Zaloguj się.


Zaloguj się
Zaloguj się, aby obserwować  
Obserwujący 0
Przejdź do listy tematów O grach