Konkurs na zmianę wyglądu - Lato 2016

Konkurs polega na zaproponowaniu nowego wyglądu forum.

Co trzeba zrobić?

Zaprojektować nowy wygląd forum używając - PORADNIK
Dodać do tego wątku swoją propozycję - zrzut ekranu (maksymalnie 3 propozycje na jednego użytkownika)

Co do wygrania?

Stworzony wygląd będzie głównym, używanym na forum
Losowa Trzytomówka od Waneko

Najlepsza wygląd wybierany jest przez głosowanie (administracja i sponsor).
Nie muszą być użyte wszystkie możliwe opcje modyfikacji dostępne w skrypcie.

Czekamy na pracę do 13 lipca (włącznie).

Oto moja propozycja - kolorystycznie to forum jest genialne i zmiany w kolorystyce buttonów, editów i w czcionkach byłyby największym błędem. Tło jest jedyną rzeczą, która może się zmienić żeby nie zniszczyć tego ładu, ja wrzuciłem tło z Log Horizon [MEDIA=imgur]e5ciRIw[/MEDIA], a logo wziąłem z jednej ze swoich prac (sry za kanty słabo się znam na obróbce PNG) i to chyba na tyle jeśli chodzi o moją opinię co do konkursu…

Jedyne co chciałbym zmienić w mojej propozycji jest napisz (animes.pl od fanów dla fanów) zmienić w sensie kolorystycznym i lokalizacji :slight_smile:
Byłbym wdzięczny jeśli ktoś by mi wyjaśnił jak to zmienić :slight_smile:
Dla chętnych
// ==UserScript==
// @name Animes.PL zmiana wyglądu
// @namespace animes.pl
// @version 0.1
// @description Zmienia wygląd strony.
// @match http://www.animes.pl
// @match http://www.animes.pl/*
// @match http://animes.pl
// @match http://animes.pl/*
// @copyright 2016, Domen
// ==/UserScript==

// Funkcja zmieniająca wygląd - NIE RUSZAĆ!
function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName(‘head’)[0];
if (!head) { return; }
style = document.createElement(‘style’);
style.type = ‘text/css’;
style.innerHTML = css;
head.appendChild(style);
}

// TUTAJ ZMIENIAMY WYGLĄD

// Kolory belek itd.
addGlobalStyle(’.content-search .textbox:focus { border-color: #3300cc; }’);
addGlobalStyle(’.prehead, .thead, a.button:hover, a.button:focus, .pollbar, button, input.button { background-color: #3300ff; }’);
addGlobalStyle(’.forum_on, .forum_minion, .forumstats .unapproved, .thread-summary .gotounread .unread, .post_head .postlink a, .forumstats .counter .fa, #stream .user, .content-search .textbox:focus, .content-search .textbox:focus ~ button, .mini-title a:hover { color: #3333ff }’);

// Logo
addGlobalStyle(’#mainhead {background: #121212; background-image: url([MEDIA=imgur]oYV4Ani[/MEDIA]); background-repeat: no-repeat; background-position: center;}’);

// Tło
addGlobalStyle(’#content { background-image: url([MEDIA=imgur]2YCpcKr[/MEDIA]);}’);

// Czcionka dla całej strony
addGlobalStyle(‘body {font-family: Arial;}’);

Konkurs super. Moja propozycja wyglądu forum.
http://puu.sh/pSsCo/c95ceb070d.jpg

Mój motyw z sao :smiley:

https://i.imgur.com/Cl9JCcj.jpghttps://i.imgur.com/IPUgzCc.jpg

Pierwsza z moich propozycji (można przedstawić trzy, prawda?) - motyw “Mushishi”.
Nie jestem autorką żadnego z wykorzystanych obrazów, ja tylko je edytowałam na potrzeby motywu.
http://puu.sh/pUBVS/f729f99fad.jpg
http://puu.sh/pUBY9/0d58d97b5b.jpg

Druga propozycja - Hatsune Miku (“Deep Sea Girl”)
http://puu.sh/pUGwN/c90c0b01be.jpg
http://puu.sh/pUGzd/6f28910242.jpg

Trzecia i ostatnia propozycja. Trochę w formie żartu/zabawy, bo od jutra mogę nie mieć czasu.
http://puu.sh/pV0Ke/27e0920d90.jpg
http://puu.sh/pV0Or/1efc28e384.jpg

(Zastrzegam sobie prawo do ewentualnych zmian, oczywiście do czasu zamknięcia konkursu)

Tak, możesz przedstawić trzy swoje propozycje :stuck_out_tongue_winking_eye:

!Działajcie!
http://animes.pl//emotki/malpka24.gif
Jeśli bedzie sporo zgłoszeń (powyżej.10 osob) to rozlosujemy nagrody “pocieszenia” wyróżnienia dla 3 dodatkowych prac…
Takich jak :
Jednotomowa losowa manga
Plakaty
Przypinki
Zakladki
POWODZENIA!
http://animes.pl//emotki/malpka39.gif

No to i ja dodam moją pierwszą propozycje ^^

https://d3higte790sj35.cloudfront.net/images/jt/mb/55dc1f08c164bdc98d4944661e1e12cc.pnghttps://d3higte790sj35.cloudfront.net/images/lm/ds/16d48d4db2998aab7d3edc185f36ee86.png
Dodam coś jeszcze ^^

Jeszcze 2 dni!

Początkowo miałem nie brać udziału, ale warto spróbować :smiley:

https://i.imgur.com/gs9uJe3.jpg

https://i.imgur.com/YTEWnq3.jpg
Reszta zdjęć:
Zapodaj.net - Darmowy hosting zdjęć i obrazków bez rejestracji! Zapodaj swoje zdjęcia znajomym!

Pewnie zrobię jeszcze jedno ^^

Jednak pierwszy jest dużo lepszy. Nawet nie pokazuję drugiego.

Chciałem zrobić coś letniego. Jak dowiem się, jak zmienić czcionkę, będę mógł zmienić kolorek paneli, żeby był milszy dla oka.
A więc to mój pierwszy projekt:
http://screenshooterusnortheu.blob.core.windows.net/engine4files/xroubyfrsurzpwjzxgqorapkzkusbwhtcjdgejcgxvwzinyzftyucdpbrggdzaxuzowzvssqdrotgpwdlzajfecopxrifrhwmqvf
http://screenshooterusnortheu.blob.core.windows.net/engine4files/qsptptywrrzwhivopdnljkxjaincwglcogzcaguugajiwjeuxprrvdvhksjlzbhazdslblwgsojcjyfhwmrzatoedpduyxipaipi
http://screenshooterusnortheu.blob.core.windows.net/engine4files/xnrfdptxmxkdrvsqdemsxqxzuyuitudnyqqkhyglcckcygzueqzjfcdmlsydvohnoeboigyeaqdqcjuskmbvpcxuanamfvzahuzb

I jakbym wiedział jak zmienić kolor paska zaraz pod logo, jak przesunąć napis “animes.pl” w lewo(i jak zmienić jego czcionkę) i zmienić kolor tego czarnego paska na samym dole… To już byłby perfect.
Lub chociaż Domiś , powiedz mi jaki to jest wgl język, to może dam radę wyszukać co nieco w kodzie strony u zedytować.

Póki nie znam kodu na kolor czcionki, wole jednak ten projekt, mniej słoneczny, mniej plaży w nim, ale lepsze to niż niewidoczna czcionka, a jest w pewien sposób odświeżający.

http://screenshooterusnortheu.blob.core.windows.net/engine4files/jxdzuvjhfqdcwcajfufjktafgrvicsqmztzxeywzqljrmyjyyxucbfyafrbkwlklocxybvsejixzildittnjohebtrlbpdgdbvki
Projekt numer dwa, dla tych co wolą ciemniejsze kolory. Osobiście bardzo mi się podoba, Ma fajny “efekt” w trakcie przesówania w dół. Ocko dziewczyny na chilę się pojawia, tworząc ciekawe wrażenie :d
http://screenshooterusnortheu.blob.core.windows.net/engine4files/wamdchstbgqdprupwoeqrsbocsdcixfxkspihjachqitlqdtawtnckcohbmyoswhtnsncnojpqxuliajfbptopgmxeagavbsxtde
http://screenshooterusnortheu.blob.core.windows.net/engine4files/mrhzvzqjswcmavdeiwlgoiyiaerabkkdhfewoihjvbnlcmimhlqawbvygennnixbvgkfwwaujyxrgdcpzvdapbfjoysmtiosaxjx
http://screenshooterusnortheu.blob.core.windows.net/engine4files/ujxjcknkjewrmbhvrplpxqkqbuxyqlquqpkshvyhnamhnswtlasptuehcjqgqbkqpdxhtflaiuonzvmemdtekhacckxurmduvban
http://screenshooterusnortheu.blob.core.windows.net/engine4files/qzexwfxbvzvcryzdekngxukmqubepwgjqrsxtxzoxxikkalkviomwnrhotxlvbsgmzpzqkjgzsfenxnbukufqhrlmfafvfedrsct
http://screenshooterusnortheu.blob.core.windows.net/engine4files/wyuorrpjiamztkepmrxyolvzkgnhdkwhgvxlqfmlmdtljkfrmmsljgkcmkdmzdwppctjhreifxvrwfwqxgqybqjldbfuooevesva
kod:

[spoiler]// ==UserScript==
// @name Animes.PL zmiana wyglądu
// @namespace animes.pl
// @version 0.1
// @description Zmienia wygląd strony.
// @match http://www.animes.pl
// @match http://www.animes.pl/*
// @match http://animes.pl
// @match http://animes.pl/*
// @copyright 2016, Domen
// ==/UserScript==

// Funkcja zmieniająca wygląd - NIE RUSZAĆ!
function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName(‘head’)[0];
if (!head) { return; }
style = document.createElement(‘style’);
style.type = ‘text/css’;
style.innerHTML = css;
head.appendChild(style);
}

// TUTAJ ZMIENIAMY WYGLĄD

// Kolory belek itd.
addGlobalStyle(’.content-search .textbox:focus { border-color: #000; }’);
addGlobalStyle(’.prehead, .thead, a.button:hover, a.button:focus, .pollbar, button, input.button { background-color: #363636; }’);
addGlobalStyle(’.forum_on, .forum_minion, .forumstats .unapproved, .thread-summary .gotounread .unread, .post_head .postlink a, .forumstats .counter .fa, #stream .user, .content-search .textbox:focus, .content-search .textbox:focus ~ button, .mini-title a:hover { color: #000; }’);
//http://beautifulnow.is/assets/sound_cloud/grid5-e8984cd53b1d9882418d429079052991.jpg
// Logo
addGlobalStyle(’#mainhead {background: #121212; background-image: url( http://screenshooterusnortheu.blob.core.windows.net/engine4files/ukiiwfkvihqafledwmihcxfmwqivzbjjyzgjvqrwtunannpkwgppnmbgkvugvnptrdndeuicfntneniimdbryevemcvmhesscows ); background-repeat: no-repeat; background-position: center;}’);

// Tło
addGlobalStyle(’#content { background-image: url( http://www.hdwallpapersphotos.com/wp-content/uploads/2014/10/Anime-Girl-With-White-Hair-And-Red-Eyes-Photos.jpg );}’);

// Czcionka dla całej strony
addGlobalStyle(‘body {font-family: Arial;}’);[/spoiler]
Taka finalna wersja:
http://screenshooterusnortheu.blob.core.windows.net/engine4files/eeqlyjtgdayuthidympvcanvhwblwzzbucgxkfkxexkuukylickpnlehtwrnkixapjhidbjcvcludmfyoshvqxgrrmuyamilppdx
Jeżeli to rzeczywiście konieczne, mogę usunąć skrypt z czcionką, ale naprawde nie podoba mi się aktualna…

No to może i ja wrzucę swój. Tak bo ooo. Nie zwracajcie uwagi na komunikat Windowsa, bo tu mam, że nieaktywowany, a panel sterowania twierdzi mi coś innego. Więc wtf.

http://puu.sh/q05kI/3e529d01c2.jpg

http://puu.sh/q05la/ef6389dd96.png

Prostota, prostota i jeszcze raz prostota.

Konkurs skończony, zwycięzcę podamy niebawem.

Konkurs wygrała Caroline.

Dlaczego ja również mam zwycięski wygląd forum u siebie?

A mozna dostac ta czarna wersje egila, bo brakuje mi takiej ciemnej wersji forum xd

też by było fajnie jakby tą czarną wersję wprowadzić, bo ja nie lubię fioletowych kolorów.

brawo caroline! :smiley: podoba mi sie

Mnie ciekawi tylko jedno a mianowicie dlaczego wygląd zaproponowany w konkursie różni się od tego dodanego :/. Ponadto tło w tle (dafuq) jest strasznie słabej jakości co mnie irytuje więc zostaje przy starym dobrym niebieskim.

Fajnie, że wygrałam, czuję się doceniona itd. Jednak jak na typowego Polaka przystało muszę ponarzekać.
[ol]
[li]Wybrano najgorszą z moich propozycji, którą zrobiłam od niechcenia.[/li][li]Logo - jeśli było w planach zostanie przy starym to po co w konkursie w skrypcie była możliwość jego zmiany? Nie mam nic do niego, jest dobrze wykonane, ale średnio mi się widzi oglądanie wypiętego tyłka narysowanej dziewczynki. No i jeszcze jest na szarym nijakim jednolitym tle.[/li][li]Laxty ma chyba rację. Teraz widzę, że przez zabawy ze zmianami kolorów tapeta trochę się rozpikselowała. Chyba w domu na komputerze mam oryginał, który może wyglądałby lepiej i można byłoby na niego podmienić tło.[/li][li]A gdyby tak zrobić ankietę tak by użytkownicy mogli wybrać swojego zwycięzcę? W końcu dodanie jeszcze jednego alternatywnego motywu to chyba nic wielkiego i przeciążającego?[/li][/ol]