Konkurs na zmianę wyglądu - Lato 2016

  • Uwaga! Jeśli miałeś już konto na wcześniejszej wersji forum, wygeneruj nowe hasło przez funkcję Zapomniałem hasło.
Status
Ten wątek został zamknięty.
Domen

Domen

EkipaAnimes
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:
1

1112

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
https://imgur.com/e5ciRIw
, 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:
larkson

larkson

Active member
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(
https://imgur.com/oYV4Ani
); background-repeat: no-repeat; background-position: center;}’);

// Tło
addGlobalStyle(’#content { background-image: url(
https://imgur.com/2YCpcKr
);}’);

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

Caroline

Member
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:
Domen

Domen

EkipaAnimes
Członek ekipy
Tak, możesz przedstawić trzy swoje propozycje ;P
 
Ostatnia edycja:
Avenida

Avenida

Donator
!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:
Egil

Egil

New member
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:
Domen

Domen

EkipaAnimes
Członek ekipy
Konkurs skończony, zwycięzcę podamy niebawem.

Konkurs wygrała Caroline.
 
Ostatnia edycja:
U

ulczi

Donator
Dlaczego ja również mam zwycięski wygląd forum u siebie?
 
Ostatnia edycja:
Yankesss

Yankesss

Donator
A mozna dostac ta czarna wersje egila, bo brakuje mi takiej ciemnej wersji forum xd
 
Ostatnia edycja:
G

GodKiklors

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

Laaks

New member
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:
Caroline

Caroline

Member
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.
Top Bottom