Webdesign-dugnad

[Floyd-ATC]

Hei

Morder har sparket liv i et tema som har plaget meg en stund, og det er websiden. Designet som er under utvikling later til å ha viklet seg fast. Jeg har mottatt et forslag fra Morder som bygger videre på det vi har idag men jeg tror vi kan gjøre bedre enn som så. Nøkkelen her er CSS og pixel art. CSS har jeg kontroll på, pixel art VET jeg at det er andre her i forumet som har kontroll på, og jo mer jo bedre.

Her er ideen:

(1) Banneret på topp bør vise en generisk Minecraft-horisont med noenlunde flatt/nøytralt terreng mot en himmel med litt skyer og gjerne en sol. Vi behøver ikke kun ETT slikt, prøv gjerne å snappe en "serie" med bilder som har ca. samme perspektiv og kan roteres. Ideen er at det skal IKKE finnes noen bygninger eller tekst på disse bannerne.

(2) Logoen legges over som HTML med CSS sånn at den kan sentreres pent

(3) Menyen på venstre side - NB! KUN linken "Forum" skal peke til forumet, resten av lokalt innhold skal ligge på web'en siden forumet ligger på min hjemmeserver og er nede i hytt og pine pga. lynnedslag, strømbrudd og annen moro. Kopier heller teksten fra innleggene.

(4) Innhold. Her må vi starte med et grunndesign og jobbe oss oppover. Hver artikkel bør ha sin pixel art for å spice opp. Hovedbakgrunnen bør være dirt-brun men vi fyller på med andre "underjordiske farger" med pixel art (i.e caverns, dungeons etc.)

(5) Copyright-footer med lava/bedrock theme plasseres nederst med CSS, selve teksten legges oppå som HTML.

(6) Mer random pixel art

(7) Mer random pixel art

(8) Screenshots av bygninger kan legges OPPÅ banneret med CSS (men under tittelen), så lenge de er avbildet med samme perspektiv som selve banneret. Igjen, jo flere bygninger som matcher, jo mer kan vi variere.

Selve sammensetningen av websiden (dynamisk innhold mm) kan løses med Javascript eller med server-side tricks som jeg kan fikse etterhvert. Jeg er programmerer, ikke designer, så gi meg grafiske elementer + statiske HTML-sider å jobbe med og jeg kan sy sammen det ferdige resultatet.

Folkens, får vi til dette så kan vi lage den beste Minecraft-websiden for å matche den beste Minecraft-serveren på nettet ;-)

[Morder269]

Gode ideer Floyd, pixel art kan du enkel få tak i om du warper til "Pixel".
Men det du kan gjøre er å for eksempel gi en ren tekstfil over alt du har skrevet i tråden "Server info" så vil det bli lettere å lage sider som viser riktig info uten å måtte gjenskrive alt du har skrevet.

Men et lite tips, oppdater infoen om hvem som er moderator.

[Oys]

Jeg melder meg frivillig til pixelare-delen.

[Oys]

Jeg skulle gjerne ha hatt noen templater jeg kan jobbe utifra da

[Floyd-ATC]

Rammeverk til designet: http://minecraft.atc.no/m

(Legg merke til "m")

[Morder269]

Legg ut alt som en zip fil i bin?

[Oys]

@Morder269 Ja! Det hadde vært veldig nyttig

[Morder269]

La ved en viktig ting for nettsida.

[Floyd-ATC]

Legg ut alt som en zip fil i bin?

Rammeverket består av en haug med HTML-fragmenter som settes sammen ved hjelp av HTML::Mason, litt på samme måte som PHP bare med Perl i bunnen.

Kode: [Velg]

$ ls -la
total 76
drwxr-xr-x. 5 floyd floyd 4096 Oct  9 18:51 .
drwxrwxr-x. 8 floyd floyd 4096 Oct  9 14:06 ..
-rw-rw-r--. 1 floyd floyd  607 Oct  9 16:15 autohandler
-rw-rw-r--. 1 floyd floyd 3681 Oct  9 18:17 ban.html
drwxr-xr-x. 2 floyd floyd 4096 Oct  9 14:12 bin
drwxr-xr-x. 2 floyd floyd 4096 Oct  9 18:18 css
-rw-rw-r--. 1 floyd floyd  303 Oct  9 16:40 forum.html
-rw-rw-r--. 1 floyd floyd  676 Oct  9 18:13 griefing.html
drwxr-xr-x. 2 floyd floyd 4096 Oct  9 17:26 img
-rw-r--r--. 1 floyd floyd 2344 Oct  9 15:38 index.html
-rw-rw-r--. 1 floyd floyd  281 Oct  9 16:31 kart.html
-rw-rw-r--. 1 floyd floyd   21 Oct  9 18:51 Makefile
-rw-r--r--. 1 floyd floyd  601 Oct  9 18:16 menubar.m
-rw-rw-r--. 1 floyd floyd  761 Oct  9 18:20 op.html
-rw-r--r--. 1 floyd floyd   97 Oct  9 16:07 pagefooter.m
-rw-r--r--. 1 floyd floyd  349 Oct  9 17:30 pageheader.m
-rw-r--r--. 1 floyd floyd   16 Oct  9 14:15 serverinfo.html
-rw-r--r--. 1 floyd floyd   10 Oct  9 14:12 sidebar.m
-rw-rw-r--. 1 floyd floyd  383 Oct  9 16:44 vip.html
Hvert enkelt dokument som publiseres behøver da KUN å inneholde selve teksten, ikkeno repetisjon av meny, header, footer mm.

F.eks.

Kode: [Velg]

cat kart.html
Kart over serveren finnes på følgende adresse når serveren er oppe:
<UL>
<LI><A href="http://minecraft.atc.no:8123/">http://minecraft.atc.no:8123/</A></LI>
</UL>

NB! Dersom linken ikke fungerer s&aring; betyr det at serveren er nede pga.
feil eller vedlikehold.
For å teste/tweake designet lokalt, last ned index.html, default.css og relevant grafikk.

[Oys]

Jeg kan få "freshet" opp sida hvis jeg kan få noen teplates å jobbe på, ihvertfall noen dimensjoner.

[Morder269]

Er dette en skrivefeil?

Jeg logget av og spilte ikke på etpar dager.

[Floyd-ATC]

Hvis dere titter på minecraft.atc.no/m nå så har jeg plugget fra hverandre et screenshot av himmelen og satt det sammen igjen med CSS. Selve himmelen er ett bilde, skyene et annet, og teksten flyter oppå. (Endre størrelsen på vinduet for å se)

Det vi trenger aller mest nå er pixel art til å putte i det grønne feltet. Her må vi prøve litt forskjellige fremgangsmåter, men jeg mistenker at det som vil fungere best er håndlaget pixel art som viser typiske Minecraft-ting i 2D. Altså ikke screenshots av pixel art i spillet men samme type grafikk møysommelig tegnet i f.eks. Paint.

Ja, også trenger jeg forslag til hvordan vi kan gjøre den brune bakgrunnen penere. Jeg har eksperimentert litt med ulike textures men dette er vanskelig...

[Oys]

Vis jeg får bakgrunnen skal jeg gjøre den mer "minecrafty", men da m jeg få den

[Oys]

Vi bør dele opp så alle har sin oppgave, jeg kan være Grafisk DEsigner

[Morder269]

Ville nokk ha gjort bakgrunnen litt lysere, vanskelig å se teksten når den kommer i store mengder mot deg. Blir litt skremmende.