DeletedUser2111233
Gość
Gość
Hej popełniłem takie małe dzieło, może się komuś przyda, wrzucam tutaj choć nie do końca wiem czy dział skrypty jest odpowiedni na takie coś. Całość popełniłem pod wpływem impulsu i zdaję sobie sprawę, że pewne rzeczy mogą być niedopracowane, więc zawsze można coś poprawić 
Nie wrzucam tego gdzieś w świat na dedykowany hosting stylusa, gdyż uważam, że tutaj jest bardziej odpowiednie miejsce. Oprócz zmiany wyglądu grafiki i kolorów nic więcej się nie zmienia. W samym kodzie nie ma nic co mogłoby zagrozić waszym urządzeniom, jest to tylko CSS, który jest nieszkodliwy, gdyż odpowiada za sposób wyświetlania elementów na stronie www. Po więcej informacji odsyłam do Wikipedii.
Informacje o CSS: https://pl.wikipedia.org/wiki/Kaskadowe_arkusze_stylów
Informacje o rozszerzeniu: https://pl.wikipedia.org/wiki/Stylus_(rozszerzenie_przeglądarki)
Link do pobrania ze sklepu Google: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=pl
Po dodaniu Stylus'a do przeglądarki wybieramy importuj i wklejamy kod, zaznaczamy "podgląd na żywo" i cieszymy się życiem
Ja osobiście tworzyłem na Chrome, więc nie wiem jak będzie działać na innych przeglądarkach, ale raczej nie powinno być problemu.
Nie wrzucam tego gdzieś w świat na dedykowany hosting stylusa, gdyż uważam, że tutaj jest bardziej odpowiednie miejsce. Oprócz zmiany wyglądu grafiki i kolorów nic więcej się nie zmienia. W samym kodzie nie ma nic co mogłoby zagrozić waszym urządzeniom, jest to tylko CSS, który jest nieszkodliwy, gdyż odpowiada za sposób wyświetlania elementów na stronie www. Po więcej informacji odsyłam do Wikipedii.Informacje o CSS: https://pl.wikipedia.org/wiki/Kaskadowe_arkusze_stylów
Kod:
@-moz-document url-prefix("https://forum.the-west.pl/index.php") {
/*
------------------------------------------------------------------------------------------------------------------------------------------------------
Data powstania stylu dla forum the west: 13-14.IV.2023
Wersja: 1.0
Powód:https://forum.the-west.pl/index.php?threads/blokada-serwer%C3%B3w-rosyjskich.64068/post-578936
A dokładnie to:
Kakanaka:@Patelkowa jak tą flagę ukrainy wyłączyć z forum bo mnie to razi. Powinna być dla chętnych a nie wymuszona na każdym. Za dużo polityki here.
Patelkowa:@Kakanaka nie ma możliwości wyłączenia flagi.
i ktoś napisał, że:
LegolasPL:Proponuje tu nie wchodzić.
Więc postanowiłem coś z tym zrobić, a że apetyt rośnie w miarę jedzenia to zmieniłem więcej niż planowałem hihi ;-)
Mam nadzieję, że każdy coś znajdzie dla siebie i zachęcam do samodzielnych przeróbek i ulepszeń <3
A na koniec zapraszam do wspólnej gry - John Hauter z The West PL
Link polecający: https://www.the-west.pl/?locale=pl_PL&ref=west_invite_linkrl&player_id=2111233&world_id=28&hash=6e70
------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.p-header {
background: url(https://sendeyo.com/images/pattern.png) repeat;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: -1;
}
.p-pageWrapper:before {
content: "";
display: block;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -999999;
background: url(https://q-xx.bstatic.com/xdata/images/hotel/840x460/51319391.jpg?k=7a6f4436843d5b2ef8ad55e09b0265059c6469b54522545a12db06bfdb41f2bb&o=) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover
}
.block-container,
.block--messages .message,
.block--messages .block-row {
color: #93ffe2;
background: #cec4a630;
}
a,
.node-description,
.contentRow-minor,
.message-attribution,
.structItem-minor {
color: #a29865
}
.structItemContainer-group--sticky,
.reactionsBar,
.block-footer,
.message-cell.message-cell--user,
.message-cell.message-cell--action,
.bbCodeBlock,
.bbCodeBlock-title,
.fr-box.fr-basic,
.fr-box.fr-basic.is-focused,
.bbTable > table > thead > tr > td,
.bbTable > table > tbody > tr > td,
.message-responseRow,
.blockLink.is-selected,
.blockLink:hover,
.blockLink.is-selected,
.blockLink:hover,
.memberOverviewBlock-seeMore,
.memberHeader-main,
.fr-box.fr-basic.is-preview,
.fr-box.fr-basic.is-preview .fr-toolbar .fr-btn-grp.rte-tab--preview {
background: rgba(233, 221, 188, 0);
}
.node-extra-row,
.structItem-parts > li:nth-child(even) {
color: #efa130;
}
.pairs > dt {
color: #eab9e5;
}
.memberHeader-name {
color: #dcca96;
}
.p-header-logo.p-header-logo--image img {
display: none;
}
.p-header-content {
padding: 170px;
margin-left: 60px;
background-image: url(https://media.innogamescdn.com/External_Community_Management/The_West/2020/west_backing_logo_big.png);
background-repeat: no-repeat;
}
.p-nav {
color: #dad769;
background: #716256;
}
.p-sectionLinks {
font-size: 11px;
color: #a490ca;
background: #443528;
border-bottom: 1px solid #d6c082;
}
.p-body {
/*padding: 250px 10px;*/
padding-top: 250px;
}
.fr-box.fr-basic .fr-toolbar.fr-top {
background: #54905f;
}
.fr-box.fr-basic.is-focused .fr-toolbar.fr-top,
.input:focus,
.input.is-focused {
background: linear-gradient(180deg, #54905f, #daef61);
}
.fr-box.fr-basic.is-focused .fr-element {
color: #93ffe2;
}
.far {
color: #443528;
text-shadow: 1px 1px 2px #93ffe2;
}
.input {
background: #9ba6ab
}
.message-signature,
.block-formSectionHeader,
.formRow .iconic > i {
color: #60cd5e;
}
.tooltip--bookmark .tooltip-content,
.tooltip--member .tooltip-content,
.tooltip--share .tooltip-content {
background: #29474b;
}
.block-minorHeader {
background: #41a39d;
/* background: url(/styles/game/catbg.png) repeat-x top; */
}
.inputGroup.inputGroup--joined .inputGroup-text:first-child {
background: #60ca98;
}
.inputGroup.inputGroup--joined .input + .inputGroup-text,
.inputGroup.inputGroup--joined .input + .input,
.inputGroup.inputGroup--joined .inputGroup-text + .input {
background: #8fc8c8;
}
.memberTooltip-header {
background: #5e7e78;
}
.button.button--link,
a.button.button--link {
background: #486e7a;
color: #c0bd9a;
border-color: #dcca96 #d0b66f #d0b66f #dcca96;
}
.button.button--link:hover,
a.button.button--link:hover,
.button.button--link:active,
a.button.button--link:active,
.button.button--link:focus,
a.button.button--link:focus {
background: #5e5744;
}
.overlay-title {
background: #a79f8b;
}
.overlay,
.formRow > dt {
background: rgba(233, 221, 188, 0);
}
.button.button--primary,
a.button.button--primary {
color: #761400;
background: #a79f8b;
}
a:hover {
color: #f27dff;
}
.formSubmitRow-bar {
background: rgb(167 159 139);
}
.button.button--primary:not(.button--splitTrigger):hover,
a.button.button--primary:not(.button--splitTrigger):hover,
.button.button--primary.button--splitTrigger > .button-text:hover,
a.button.button--primary.button--splitTrigger > .button-text:hover,
.button.button--primary.button--splitTrigger > .button-menu:hover,
a.button.button--primary.button--splitTrigger > .button-menu:hover,
.button.button--primary:not(.button--splitTrigger):focus,
a.button.button--primary:not(.button--splitTrigger):focus,
.button.button--primary.button--splitTrigger > .button-text:focus,
a.button.button--primary.button--splitTrigger > .button-text:focus,
.button.button--primary.button--splitTrigger > .button-menu:focus,
a.button.button--primary.button--splitTrigger > .button-menu:focus,
.button.button--primary:not(.button--splitTrigger):active,
a.button.button--primary:not(.button--splitTrigger):active,
.button.button--primary.button--splitTrigger > .button-text:active,
a.button.button--primary.button--splitTrigger > .button-text:active,
.button.button--primary.button--splitTrigger > .button-menu:active,
a.button.button--primary.button--splitTrigger > .button-menu:active {
background-color: #98a884;
}
.contentRow-extra.contentRow-extra--large {
color: #8ec49b;
}
.username--style39,
.username--style43,
.username--style45,
.username--staff {
text-shadow: 1px 1px 3px #000000;
}
.userBanner.userBanner--staff,
.userBanner.userBanner--primary {
color: #9de76e;
border-radius: 12px;
background: #56544f;
}
.menu-tabHeader,
.menu-content {
color: #325e6a;
}
.menu-tabHeader,
.menu-row.menu-row--alt {
background: #498881;
}
.block-footer {
color: #dfba9d;
}
}Informacje o rozszerzeniu: https://pl.wikipedia.org/wiki/Stylus_(rozszerzenie_przeglądarki)
Link do pobrania ze sklepu Google: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=pl
Po dodaniu Stylus'a do przeglądarki wybieramy importuj i wklejamy kod, zaznaczamy "podgląd na żywo" i cieszymy się życiem
Ja osobiście tworzyłem na Chrome, więc nie wiem jak będzie działać na innych przeglądarkach, ale raczej nie powinno być problemu.
