Konkurs na zmianę wyglądu - Lato 2016

Status
Ten wątek został zamknięty.

Domen

Potężny Admin
Członek ekipy
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).
 
Ostatnia edycja:
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 , 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…
 
Ostatnia edycja:
Jedyne co chciałbym zmienić w mojej propozycji jest napisz (animes.pl od fanów dla fanów) zmienić w sensie kolorystycznym i lokalizacji :)
Byłbym wdzięczny jeśli ktoś by mi wyjaśnił jak to zmienić :)
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( ); background-repeat: no-repeat; background-position: center;}’);

// Tło
addGlobalStyle(’#content { background-image: url( );}’);

// Czcionka dla całej strony
addGlobalStyle(‘body {font-family: Arial;}’);
 
Ostatnia edycja:
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)
 
Ostatnia edycja:
Tak, możesz przedstawić trzy swoje propozycje ;P
 
Ostatnia edycja:
!Działajcie!

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!
 
Ostatnia edycja:
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....brggdzaxuzowzvssqdrotgpwdlzajfecopxrifrhwmqvf
http://screenshooterusnortheu.blob....hksjlzbhazdslblwgsojcjyfhwmrzatoedpduyxipaipi
http://screenshooterusnortheu.blob....mlsydvohnoeboigyeaqdqcjuskmbvpcxuanamfvzahuzb

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....afrbkwlklocxybvsejixzildittnjohebtrlbpdgdbvki
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....ohbmyoswhtnsncnojpqxuliajfbptopgmxeagavbsxtde
http://screenshooterusnortheu.blob....ygennnixbvgkfwwaujyxrgdcpzvdapbfjoysmtiosaxjx
http://screenshooterusnortheu.blob....hcjqgqbkqpdxhtflaiuonzvmemdtekhacckxurmduvban
http://screenshooterusnortheu.blob....hotxlvbsgmzpzqkjgzsfenxnbukufqhrlmfafvfedrsct
http://screenshooterusnortheu.blob....cmkdmzdwppctjhreifxvrwfwqxgqybqjldbfuooevesva
kod:

// ==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....gkvugvnptrdndeuicfntneniimdbryevemcvmhesscows); background-repeat: no-repeat; background-position: center;}’);

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

// Czcionka dla całej strony
addGlobalStyle(‘body {font-family: Arial;}’);
Taka finalna wersja:
http://screenshooterusnortheu.blob....htwrnkixapjhidbjcvcludmfyoshvqxgrrmuyamilppdx
Jeżeli to rzeczywiście konieczne, mogę usunąć skrypt z czcionką, ale naprawde nie podoba mi się aktualna…
 
Ostatnia edycja:
Konkurs skończony, zwycięzcę podamy niebawem.

Konkurs wygrała Caroline.
 
Ostatnia edycja:
A mozna dostac ta czarna wersje egila, bo brakuje mi takiej ciemnej wersji forum xd
 
Ostatnia edycja:
też by było fajnie jakby tą czarną wersję wprowadzić, bo ja nie lubię fioletowych kolorów.
 
Ostatnia edycja:
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.
 
Ostatnia edycja:
Fajnie, że wygrałam, czuję się doceniona itd. Jednak jak na typowego Polaka przystało muszę ponarzekać.
  1. Wybrano najgorszą z moich propozycji, którą zrobiłam od niechcenia.
  2. 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.
  3. 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.
  4. 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?
 
Ostatnia edycja:
Status
Ten wątek został zamknięty.
Powrót
Top