Skórki DeepDark (forum ANSI i Nyaa.si)

senami · 2016-02-08 10:36:12

"DeepDark ANSI: Blacklight" FTW. Dzięki. smile
Teraz zostało już tylko odświeżyć główną stronę. smile_big

@edit: Mamy problem. Po wgraniu skina zmiana koloru hiperłączy aplikuje się też na główną stronę.
Jak dałem "http://animesub.info/forum/", to działa tylko na głównej forum, nie wiem jak zrobić, aby na podforach też śmigało.

Pokaż spoiler

@edit2: W body dałeś: "background: rgb(24, 24, 24) url("http://nyan.skanlacje.pl/images/ansi-bg.png") repeat !important;".
Nie lepiej po prostu: "background-color: #1e1e1e;"? (Po tej zmianie naprawia też tło na stronie głównej ansi).
@edit3: Okej, ogarnąłem. ^^ Ale jestem kappa. Trzeba było dać: "Applies to: URLs starting with: http://animesub.info/forum/". (mam chrome)

Ostatnio edytowany przez senami (2016-02-08 11:02:47)

kostek00 · 2016-02-08 11:19:12

AD.2. Nie ma różnicy czy wybierze się rgb czy hex.
AD.3. I nadal źle wpisałeś. Tam masz wybrać "URLs matching the regexp" i wpisać dokładnie jak poniżej:

(https|http)://animesub.info/forum/.*

Ostatnio edytowany przez kostek00 (2016-02-08 11:24:20)

senami · 2016-02-08 11:57:51

kostek00 napisał:

AD.2. Nie ma różnicy czy wybierze się rgb czy hex.
AD.3. I nadal źle wpisałeś. Tam masz wybrać "URLs matching the regexp" i wpisać dokładnie jak poniżej:
(https|http)://animesub.info/forum/.*

1. Chodzi mi o użycie tła.
2. Przecież działa, to czemu źle?

bodzio · 2016-02-08 12:17:58

coellus napisał:

kostek00 napisał:
Poczytałem głębiej i faktycznie Stylish w Firefoxie ma automatyczną aktualizację motywów. Ciekawe na jak długo -.-
bodzio napisał:
Best progress for ansi from 2009 until now.
A co było w 2009?
Not sure, ale pamiętam, że w którymś tam momencie można było mieć większe avatary, więc obstawiam, że to to miał bodzio na myśli

Nie pamiętacie? Nic dziwnego.

News z 27-06-2009:

@Kane napisał:

Prace nad nowym Animesub.info trwają. Ich celem jest napisanie serwisu na nowo, aby rozwiązać problemy z wydajnością, które mają miejsce już od dłuższego czasu.
Prosimy więc nie zgłaszać na forum informacji o tym, iż występowały problemy z dostępem do serwisu - jesteśmy świadomi tego problemu i pracujemy nad jego rozwiązaniem.

18-04-2009:

@Kane napisał:

Szukam programistów PHP5, którzy mogliby pomóc w napisaniu nowego serwisu Animesub.info. Zainteresowanych proszę o kontakt.

18-01-2009:
Nowa wersja poszukiwanych napisów.

kostek00 · 2016-02-08 12:34:23

@bodzio A miałem nadzieję, że chodziło ci o moje dołączenie na ansi. smile_big

senami napisał:

kostek00 napisał:
AD.2. Nie ma różnicy czy wybierze się rgb czy hex.
AD.3. I nadal źle wpisałeś. Tam masz wybrać "URLs matching the regexp" i wpisać dokładnie jak poniżej:
(https|http)://animesub.info/forum/.*
1. Chodzi mi o użycie tła.
2. Przecież działa, to czemu źle?

1. Dalej nie wiem co ci nie pasuje w tle, więc odpowiem tak. W tle użyty jest obrazek jak i kolor. Najpierw nałoży na tło obrazek, a jeśli go z jakichś przyczyn nie będzie mogło wczytać to da wybrany kolor, przez co nie zastaniesz tła oryginalnego motywu.
2. Ty użyłeś "URLs starting with" czyli jeśli kiedyś jakimś cudem ansi będzie mieć certyfikat to dla ciebie motyw przestanie działać, bo będzie szukać http, a adres będzie się zaczynał na https. Zapewne certyfikatu ansi nigdy mieć nie będzie, ale i tak wolałem się zabezpieczyć niż później głowić czemu nie działa.

Ostatnio edytowany przez kostek00 (2016-02-08 12:41:54)

senami · 2016-02-08 12:36:03

Okej. Wszystko jasne. ^^

kostek00 · 2016-02-08 12:42:32

Cieszy mnie to.

meowchin · 2016-02-08 15:06:37

Przywłaszczyłem sobie niebieską wersję, wielkie dzięki smile

kostek00 · 2016-02-08 17:49:59

Wersja 1.01 wydana, a z nią motyw trafił na https://userstyles.org/. Wszyscy, którzy zainstalowali motyw ręcznie powinni go usunąć, a następnie przejść na tę stronę i zainstalować ponownie (linki do motywu w pierwszym poście). Łatwiej będzie wam aktualizować.

Na chwilę obecną poprawiłem tylko stronę z raportami, reszta najwcześniej jutro. Dzisiaj już mi się nie chce.

Ostatnio edytowany przez kostek00 (2016-02-08 18:11:50)

Eftar · 2016-02-08 18:19:08

Muszę przyznać, że ładnie to wygląda. Dzięki.

kostek00 · 2016-02-08 18:44:48

Też to muszę przyznać. jezor

Subarashi · 2016-02-08 19:58:09

kostek00 napisał:

Wersja 1.01 wydana, a z nią motyw trafił na https://userstyles.org/. Wszyscy, którzy zainstalowali motyw ręcznie powinni go usunąć, a następnie przejść na tę stronę i zainstalować ponownie (linki do motywu w pierwszym poście). Łatwiej będzie wam aktualizować.
Na chwilę obecną poprawiłem tylko stronę z raportami, reszta najwcześniej jutro. Dzisiaj już mi się nie chce.

Dzięki za wrzutkę na userstyles. Wszystkim będzie wygodniej.

Co do aktualizacji, to FF (jak wspominałem wcześniej) będzie robił je automatycznie, jeżeli tak jest ustawione w opcjach przeglądarki. W Chrome/Chromium można zaktualizować styl bez wchodzenia na userstyles.org:
1. Klikasz na ikonkę Stylish na pasku dodatków,
2. Wybierasz "Manage installed styles",
3. Wciskasz "Check all styles for updates" w menu po lewej stronie.

Mniszek · 2016-02-08 20:42:07

Nie mam pojęcia o tym jak działają takie kody, ale przerobiłem sobie na ciemny zielony, po prostu podmieniając wartości w kodzie.

Pokaż spoiler

Jeśli ktoś by chciał:

Pokaż spoiler

/*
DeepDark ANSI: Zielony dla forum Animesub.info na licencji "rób sobie z tym co chcesz".
Wersja 1.01
*/
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document regexp("(https|http)://animesub.info/forum/.*") {
body {
background: rgb(24, 24, 24) url("http://nyan.skanlacje.pl/images/ansi-bg.png") repeat !important;
height: 100%;
}
.pun {
color: #b7b7b7;
}

/* Header */
.pun .box,
#adminconsole fieldset th {
color: #919191;
background-color: #161616;
}
.pun #brdtitle {
border-top: 1px solid #282828;
}
.pun #brdmenu {
color: #919191;
background-color: #1c1c1c;
border-top: 1px solid #282828;
border-bottom: 1px solid #282828;
}
.pun .box {
border-color: #282828;
border-top: 0px;
}

#brdmain .blockform h2, #brdmain #rules h2, #brdmain #searchform h2, #brdmain .blockmenu h2, #brdmain .block h2 {
background-color: #161616;
border: #3e3e3e 1px solid;
border-bottom: 0 !important;
color: #919191;
}

/* Powiadomienie */
.growlstatus {
background-color:#161616;
border: #3e3e3e 1px solid;
color: #919191;
}

/* Nagłówek forum */
.pun .blocktable h2 {
background-color: #1c1c1c;
color: #a0a0a0;
border: 1px solid #282828;
}
.blocktable .box {
border-color: #282828;
}

/* Podpis kolumn */
.pun th,
.pun fieldset {
border: 0px;
color: #afafaf;
}

.pun th {
background-color: #2f2f2f;
}

/* Podpis forum */
.forumdesc,
tbody {
color: #b7b7b7 !important;
}

.newtext,
.byuser,
.pagestext,
.polltext{
color: #ababab !important;
}

/* Działy forum */
td {
border-color: #626262 !important;
}
.rowodd,
.rowodd .tc2,
.rowodd .tc3 {
background-color: #414141 !important;
}
.roweven,
.roweven .tc2,
.roweven .tc3 {
background-color: #333333 !important;
}

/* Nowy post */
.pun .poll ol label {
background-color: #1c1c1c;
}
.pun .box fieldset {
background-color: #1c1c1c;
}
fieldset {
border: #5f5f5f 1px solid !important;
}

/* Posty */
.pun .blockpost h2 {
background-color: #222222;
}
.pun .postright,
.pun .postfootright {
border-left-color: #282828;
}
.postbody .postright .postsignature.postmsg hr {
background-color: #626262;
height: 1px;
}
.pun .postleft,
.pun .postfootleft,
.pun .blockpost label,
.pun .codebox,
.pun .quotebox {
background-color: #282828;
}
.postright {
color: #b7b7b7 !important;
background-color: #2f2f2f !important;
}
.postleft {
color: #b7b7b7 !important;
background-color: #282828 !important;
}
.roweven .inbox,
.rowodd .inbox {
background-color: #2f2f2f !important;
}
.pun #brdmain .box {
border-color: #3e3e3e;
}
.pun #brdmain div[id*="idx"] .box,
.pun #brdmain #vf .box {
border: 0;
}
.pun #brdmain #brdstats .box {
border: #282828 1px solid;
}
#quickpost .box {
border-color: #282828 !important;
border-top: #282828 1px solid;
}
.pun .blockpost .box,
.pun .postright,
.pun .postfootright,
.pun .deletemsg {
background-color: #2f2f2f;
}
#msg .box,
#brdfooter .box {
border-top: #282828 1px solid;
}
#brdfooter .box #modcontrols {
border-bottom: #282828 1px solid;
background-color: #1c1c1c;
}
.postheadline {
border: #3e3e3e 1px solid !important;
}
#postform .box,
#editform .box,
.blockform .box {
border: #5f5f5f 1px solid !important;
}
#postpreview h2,
#postreview .box {
border: #4a4a4a 1px solid;
}

#brdmain .blockform .box {
border: #3e3e3e 1px solid !important;
}

/* Lista użytkowników */
#brdmain #users1,
#brdmain #users1 .box tbody tr td,
#brdmain #users1 .box thead,
#brdmain #users1 h2 {
border: #3e3e3e 1px solid !important;
}
#brdmain #users1 h2 {
border-bottom: 0 !important;
}
#brdmain #users1,
#brdmain #users1 .box table tbody tr {
border: 0px !important;
}
#brdmain #users1 h2 {
border: 0px;
}
#brdmain #users1 .box {
border: 0px;
}
#brdmain #users1 .box tbody {
border: 0px !important;
}
#brdmain #users1 .box thead tr th {
background-color: #232323 !important;
}
#brdmain #users1 .box tbody tr,
#brdmain #users1 .box tbody tr .tc2,
#brdmain #users1 .box tbody tr .tc3 {
background-color: #2f2f2f;
}
#brdmain #users1 .box tbody tr:nth-child(odd),
#brdmain #users1 .box tbody tr:nth-child(odd) .tc2,
#brdmain #users1 .box tbody tr:nth-child(odd) .tc3 {
background-color: #343434;
}

/* Szukaj z google */
#brdmain .main-head h2 {
border: 0 !important;
background: none !important;
color: #bfbfbf;
}

/* Szukaj */
fieldset div.infldset div.multiselect {
color: #bfbfbf !important;
}

#brdmain #searchform .box {
border: #3e3e3e 1px solid !important;
}

/* Raporty */

#brdmain #adminconsole table {
border: #000 1px solid !important;
}

#brdmain #adminconsole th {
background-color: #1d1d1d;
}

#brdmain #adminconsole td {
background-color: #232323;
}

#brdmain #adminconsole th,
#brdmain #adminconsole td {
border: 0 !important;
}

#brdmain #adminconsole th {
border-right: #000 1px solid !important;
}

#brdmain #adminconsole .location {
border-bottom: #000 1px solid !important;
}

/* Profil */
#brdmain #profile .blockmenu .box .inbox {
border: #3e3e3e 1px solid;
background-color: #161616;
}
#brdmain #profile .blockform .box {
border: #3e3e3e 1px solid !important;
}
#brdmain #profile .box {
border: 0;
}
/* Zasady Forum */

#brdmain #rules .box {
border: #3e3e3e 1px solid;
background-color: #161616;
}
/* Panel admina */

#brdmain #adminconsole #adminmenu .box,
#brdmain #adminconsole #adintro,
#brdmain #adminconsole #adstats {
border: #3e3e3e 1px solid;
background-color: #161616;
}
#brdmain #adminconsole #adstats .inbox dl dd {
border: #3e3e3e 1px solid;
background-color: #1c1c1c;
}
/* Przycisk nowy temat/odpowiedz */

.pun .postlink.conr a {
padding: 2px 20px 3px 38px;
background: #282828 url("http://nyan.skanlacje.pl/images/ansi-arrow.png") no-repeat;
background-size: 20px 20px;
background-position: 8px center;
border: 1px solid #4e4e4e;
}
.pun .postlink a:hover {
background-color: #2f2f2f;
}

/* Poniżej są elementy posiadające inne kolory dla każdej kolorystyki */
/* Spoiler, Code i Quote */
.spoiler_wrap,
.codebox,
.quotebox {
border: #4a4a4a 1px solid !important;
background: #3e3e3e;
}
.quotebox cite {
color: #26b027 !important;
text-shadow: 0 0 5px rgba(101, 81, 255, 0.4) !important;
}
.pun .forminfo {
border: #4a4a4a 1px solid !important;
background: #1c1c1c;
}
.spoiler_head {
color: #26b027 !important;
text-shadow: 0 0 5px rgba(101, 81, 255, 0.4) !important;
}
.spoiler_text {
color: #b7b7b7;
}

/* Kwadraty */
.icon {
border-color: #ececec #d7d7d7 #cbcbcb #d7d7d7 !important;
}
.icon-new {
border-color: #26b027 #3bb237 #60a52a #3bb237 !important;
}

/* Linki - Brak nowych postów */
#vf a:link,
#vf a:visited,
#vf a:hover {
color: #afc2ff !important;
text-shadow: 0 0 5px rgba(101, 81, 255, 0.4) !important;
}

/* Linki - Nowe posty*/
#vf [class*="inew"] a:link,
#vf [class*="inew"] a:visited,
#vf [class*="inew"] a:hover {
color: #26b027 !important;
text-shadow: 0 0 5px rgba(101, 81, 255, 0.4) !important;
}

/* Linki */
a:link,
a:visited,
a:hover,
a:link strong,
a:visited strong,
a:hover strong,
a:link img,
a:visited img,
a:hover img,
a:link em,
a:visited em,
a:hover em,
a:link .bbu,
a:visited .bbu,
a:hover .bbu,
a:link .bbs,
a:visited .bbs,
a:hover .bbs,
a:link span,
a:visited span,
a:hover span,
legend {
color: #26b027 !important;
text-shadow: 0 0 5px rgba(101, 81, 255, 0.4) !important;
text-decoration: none;
}
a:link:hover,
a:visited:hover,
a:hover:hover,
a:link strong:hover,
a:visited strong:hover,
a:hover strong:hover,
a:link img:hover,
a:visited img:hover,
a:hover img:hover,
a:link em:hover,
a:visited em:hover,
a:hover em:hover,
a:link .bbu:hover,
a:visited .bbu:hover,
a:hover .bbu:hover,
a:link .bbs:hover,
a:visited .bbs:hover,
a:hover .bbs:hover,
a:link span:hover,
a:visited span:hover,
a:hover span:hover {
color: #afc2ff !important;
text-shadow: 0 0 5px rgba(101, 81, 255, 0.4) !important;
text-decoration: underline!important;
}

/* Ankieta */
.poll ol li p.progressbar {
border: 1px solid #353A63 !important;
border: 1px solid rgba(141,168,255,0.2) !important;
}

.poll ol li p.progressbar span {
background-color: rgba(101, 81, 255, 0.2);
box-shadow: 0 0 10px rgba(101, 81, 255, 0.2) inset !important;
}

.poll .total {
color: #919191;
}

/* Przyciski, pola tekstowe, pola rozwijane */
form button,
input[type="button"],
input[type="submit"] {
color: #26b027 !important;
text-shadow: 0 0 5px rgba(101, 81, 255, 0.4) !important;
background: #282828 !important;
border: 1px solid #4e4e4e !important;
padding: 3px 8px;
}
form button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
background-color: #2f2f2f !important;
}
input.longinput,
textarea,
input[type="text"],
input[type="password"] {
border: 1px solid #242426 !important;
border: 1px solid rgba(255, 255, 255, 0.15) !important;
background-color: #000 !important;
background-color: rgba(0, 0, 0, 0.6) !important;
box-shadow: 0 0 8px rgba(255, 255, 255, 0.04) !important;
color: #565658 !important;
}
input.longinput:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="password"]:focus {
outline: none !important;
color: #797979 !important;
border-color: #242426 !important;
border-color: rgba(255, 255, 255, 0.15) !important;
background-color: rgba(0, 0, 0, 0.7) !important;
box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.08) !important;
}
input.longinput:hover,
textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover {
-webkit-transition: border-color 0.25s ease-in-out, color 0.25s ease-in-out, background 0.25s ease-in-out;
-moz-transition: border-color 0.25s ease-in-out, color 0.25s ease-in-out, background 0.25s ease-in-out;
-o-transition: border-color 0.25s ease-in-out, color 0.25s ease-in-out, background 0.25s ease-in-out;
-ms-transition: border-color 0.25s ease-in-out, color 0.25s ease-in-out, background 0.25s ease-in-out;
transition: border-color 0.25s ease-in-out, color 0.25s ease-in-out, background 0.25s ease-in-out;
}

select {
background-color: #1c1c1c;
border: #5f5f5f 1px solid;
color: #919191;
}

select optgroup {
background-color: #1c1c1c;
border: #5f5f5f 0px solid;
color: #b7b7b7;
}

select optgroup option {
background-color: #1c1c1c;
border: #5f5f5f 0px solid;
color: #919191;
}

}

Dzięki za udostępnienie skórek.

kostek00 · 2016-02-08 22:14:44

Pamiętaj tylko, że wszelkie przyszłe aktualizacje nie obejmą twojej modyfikacji, będziesz sam musiał je wykonywać, a motyw dla forum nie jest jeszcze skończony.

Edycja: Dodałem instrukcję aktualizacji motywów sposobem ręcznym i automatycznym.

Ostatnio edytowany przez kostek00 (2016-02-08 22:52:03)

kostek00 · 2016-02-09 19:03:07

Wersja 1.1 wydana. Poprawiłem wszystkie znane mi błędy.

Panel admina/moderatora może mieć błędy graficzne, ale z oczywistych przyczyn nic z tym zrobić nie mogę.

Zapewne jeszcze przepiszę kod na nowo, bo zauważyłem pewien szablon w budowie forum. Jeśli go wykorzystam to pewnie CSS będzie mniej zajmował, a robił to samo. No i łatwiej będzie mi się w nim połapać, gdy wrócę do niego po jakimś czasie.

Ostatnio edytowany przez kostek00 (2016-02-09 19:05:28)

coellus · 2016-02-09 19:22:37

Hm. Jeszcze z wyszukiwarką Google zdałoby się coś zrobić.

kostek00 · 2016-02-09 19:33:48

Wersja 1.1.1 wydana. Szybka poprawa przeoczonych elementów. Tak to jest jak się najpierw wydaje, a potem sprawdza drugi motyw. -.-

Nie chce mi się więcej wklejać na forum kodu CSS, jak ktoś będzie chciał zrobić własną kolorystykę to może wejść na usertstyles i stamtąd go wziąć.

coellus napisał:

Hm. Jeszcze z wyszukiwarką Google zdałoby się coś zrobić.

Tego niestety nie mogę zmusić do działania.

Edycja: Choć w sumie mogę, "display:none" na linku do wyszukiwarki google i po problemie. Kto wie co to robi ten zrozumie. smile_lol
Edycja 2: Ja pier****, nie sprawdziłem najprostszego rozwiązania, które wywaliło obrazek z wyszukiwarki googla. cholera

Ostatnio edytowany przez kostek00 (2016-05-01 21:23:13)

ZlyLos · 2016-02-09 20:20:36

Podziękował. Zwłaszcza za Blacklight.

kostek00 · 2016-02-09 20:22:26

Wersja 1.1.2 wydana. Już nie ma obrazka na wyszukiwarce googla. To było takie proste. -.-

kostek00 · 2016-02-15 23:46:21

Wersja 1.2 wydana. Ta wersja zawiera całkowicie od nowa napisany kod. Jest on bardziej przejrzysty i łatwiejszy do ogarnięcia. Stworzyłem w nim taki jakby szkielet, który pozwoli na łatwe napisanie własnego stylu, jeśli ktoś będzie miał na to ochotę. Forum FluxBB napisano w masakrycznie **ujowy sposób. Tak ciężko na niektóre rzeczy nałożyć własny styl, że nerwica może człowieka złapać.

Udało mi się też dokopać do wielu rzeczy, które nie obejmowała poprzednia wersja. Na tyle na ile mam prawa dostępu to tyle też dołożyłem styl do panelu moderatora jak i jego opcji. Jeżeli jest w nim coś czego nie obejmuje mój motyw, to zapewne mogę to poprawić tylko, gdybym miał prawa dostępu takie jak moderator/administrator lub poprzez pożyczenie konta. Inaczej raczej się nie da.

Zmieniłem też odrobinę wygląd niektórych rzeczy, ale z racji niepamiętania co to było nie napiszę o nich.

Forum AnimeSub.info

#21 2016-02-08 10:36:12

Odp: Skórki DeepDark (forum ANSI i Nyaa.si)

#22 2016-02-08 11:19:12

Odp: Skórki DeepDark (forum ANSI i Nyaa.si)

#23 2016-02-08 11:57:51

Odp: Skórki DeepDark (forum ANSI i Nyaa.si)

#24 2016-02-08 12:17:58

Odp: Skórki DeepDark (forum ANSI i Nyaa.si)

#25 2016-02-08 12:34:23

Odp: Skórki DeepDark (forum ANSI i Nyaa.si)

#26 2016-02-08 12:36:03

Odp: Skórki DeepDark (forum ANSI i Nyaa.si)

#27 2016-02-08 12:42:32

Odp: Skórki DeepDark (forum ANSI i Nyaa.si)

#28 2016-02-08 15:06:37

Odp: Skórki DeepDark (forum ANSI i Nyaa.si)

#29 2016-02-08 17:49:59

Odp: Skórki DeepDark (forum ANSI i Nyaa.si)

#30 2016-02-08 18:19:08

Odp: Skórki DeepDark (forum ANSI i Nyaa.si)

#31 2016-02-08 18:44:48

Odp: Skórki DeepDark (forum ANSI i Nyaa.si)

#32 2016-02-08 19:58:09

Odp: Skórki DeepDark (forum ANSI i Nyaa.si)

#33 2016-02-08 20:42:07

Odp: Skórki DeepDark (forum ANSI i Nyaa.si)

#34 2016-02-08 22:14:44

Odp: Skórki DeepDark (forum ANSI i Nyaa.si)

#35 2016-02-09 19:03:07

Odp: Skórki DeepDark (forum ANSI i Nyaa.si)

#36 2016-02-09 19:22:37

Odp: Skórki DeepDark (forum ANSI i Nyaa.si)

#37 2016-02-09 19:33:48

Odp: Skórki DeepDark (forum ANSI i Nyaa.si)

#38 2016-02-09 20:20:36

Odp: Skórki DeepDark (forum ANSI i Nyaa.si)

#39 2016-02-09 20:22:26

Odp: Skórki DeepDark (forum ANSI i Nyaa.si)

#40 2016-02-15 23:46:21

Odp: Skórki DeepDark (forum ANSI i Nyaa.si)

Stopka forum