Keskustelu: Nettisivujen teko: http://www.freewebs.com/dungeon86/

http://www.freewebs.com/dungeon86/ <-- Siinä on viimeisin päivitys! Nyt ei taustasta ole ongelmaa, kertokaa mielipiteitänne! Päivityksiä tulossa...

dungeon86 kirjoitti:

Nyt ei taustasta ole ongelmaa

Pah!
Et sitten tyylistäsi luovu. Eli taustoista jotka tekevät lukemisesta vaikeaa tihruttamista. Linkitkin ovat sinisiä sinisellä taustalla.

miten niin linkit ovat sinisiä?

Ainakin firefoxilla ne ovat siniset. Ja eipä se mustakaan teksti sieltä taustalta näy. Mieti nyt vähän värejä ja mikä tärkeintä, testaa sivut eri selaimilla. Testasin IE:llä niin sivut näyttävät sille jopa siedettäviltä.

Juu operalla näyttää samalta kuin firefoxilla. Sivujen ulkonäkö näyttisikin toimivan vain IE:llä. Että laitappas se tosiaan toimimaan muillakin selaimilla.

käytän siinä vain css:ää? mikä vikana?
Entä miten saisin tehtyä onmouseout ja onmouseover eventit suoraan linkkiin eikä tarvisi kutsua funktioita?

<a href="main.html" target="main" onmouseover="m_over0()" onmouseout="m_out0()"><img src="../pictures/home.jpeg" alt="Etusivu" border="0"></a>

- Luovu frameista
- Muut valikon taustaväri
- Poista 'dungeon86' animaatio
- Vaihda linkkien väri

Munki mielipide kallistuu tuonne "melko kamala"-osastolle.

Pitäiskös tuota tekstiä tosiaan pystyä lukemaan? Tuo taustakuva hiiteen ja vähän äkkiä.

Nappaanpas kuvien latauksen takaisin pois päältä, niin pystyy lukemaan.

Miksi tuollaiset mustat palkit ylä ja alareunassa? Vievät vaan turhaan tilaa.

Nuo navipalkin kuvat ei oo mitenkään erikoisen itsestäänselviä. Voisit laittaa tekstin mukaan.

Ja sitten sitä sisältöä... Onko nuo olevinaan sun kotisivut? Eihän sieltä selviä edes, kuka sää oot.

IE:llä näkyy ihan siedettävästi mutta Firefoxilla on aika kamala kun värit menevät vähän kuin sattuu...

On nuo nyt paremmat kuin edelliset ja saa selvää sisällöstä, parannusta on siis tapahtunut.

Ja pieniä vinkkejä:
-Tee rivinvaihdot <br> tagilla äläkä laita kokoajan uutta kappaletta <p>.
-Älä tee jokaiselle kuvalle omaa onMouseOver onMouseOut JavaScript funktiota. Yksi riittää ja annat sille vain parametreinä tarvittavat tiedot.
-

body
{
 background-color: "#000000";
}

Ei lainausmerkkejä noihin css-tyyleihin.
-Laita sähköposti-kohtaan nimimerkkisi tilalle mielummin sähköpostiosoitteesim sillä käyttäjä voi haluta käyttää muuta sähköpostiohjelmaa kuin mikä selaimesta aukeaa oletuksena.

dungeon86 kirjoitti:

käytän siinä vain css:ää? mikä vikana?
Entä miten saisin tehtyä onmouseout ja onmouseover eventit suoraan linkkiin eikä tarvisi kutsua funktioita?

<a href="main.html" target="main" onmouseover="m_over0()" onmouseout="m_out0()"><img src="../pictures/home.jpeg" alt="Etusivu" border="0"></a>

Ei CSS:ssä ole mitään vikaa, mutta

dungeon86:n sivu´jen lähdekoodi kirjoitti:

<link rel="stylesheet" type="text/css" href="../styles/style.css" />

viittaa tiedostoon jota ei ole!

Mää sanoin viime kerralla että haalea taustakuvio, toi on aika turhan voimakas :) Ja musta teksti (tumman)sinisellä taustalla on huonon näkönen, vielä huonompi on siniset linkit sinisellä taustalla.

Eikä mitään tommosia GIF-animaatiologoja.

Ja navigaatiolinkeiksi tavalliset tekstit eikä mitään kuvia.

Rumalta näyttää myös valkoinen palkki vasemmalla, jolla ne kuvalinkit onkin.

Tausta on liian tumma. Itse en kylläkään ala sanoa millaiset niitten pitäisi olla, mutta ei ainakaan noin tummee taustaa.
Navigaattori oli minusta(huom. minusta) ihan kiva :D Tietenkin tekstin värin vaihto voi auttaa asiaa...

Joo navigaattori oli hauska.

Hirveät ovat, täytyy myöntää. Eikä sitä JS:ää tarvi niiden kuvien vaihtamiseen kun sama onnistuu CSS:llä. Pistät kuvat linkkien taustakuviksi ja yhteen kuvaan kuvan "molemmat vaiheet". Ja sitten vain vaihtelet kuvan sijaintia hoverissa.

lainaus:

Ei CSS:ssä ole mitään vikaa, mutta "../styles/style.css" viittaa tiedostoon jota ei ole!

miten muka? kyllä se tiedosto siellä on!

entä miten käytännössä kuvien vaihto tapahtuu css:llä?

dungeon86 kirjoitti:

entä miten käytännössä kuvien vaihto tapahtuu css:llä?

Esimerkkisivu: http://www.alistapart.com/d/sprites/ala-buttons1.html

dungeon86 kirjoitti:

miten muka? kyllä se tiedosto siellä on!

No eikä ole.

[blaze@sakura2 ~]$ lynx -head -dump http://www.freewebs.com/dungeon86/../styles/style.css
HTTP/1.1 302 Found
Date: Thu, 09 Dec 2004 15:03:57 GMT
Server: Apache/1.3.31 (Unix) mod_gzip/1.3.19.1a mod_throttle/3.1.2
Location: http://www.freewebs.com/notfound.htm
Connection: close
Content-Type: text/html; charset=iso-8859-1

Saattais muuten olla älykästä ottaa noi kaks pistettä pois tosta linkistä..
http://www.freewebs.com/dungeon86/../styles/style.css
=> http://www.freewebs.com/dungeon86/styles/style.css

;)

Niin, jos hieman oltaisiin tutkittu sitä lähdekoodia. Sivuthan toimivat kehyksillä ja varsinaiset html-tiedostot sijaitsevat hakemistossa 'pages' ja täältä hakemistosta katsottuna tuo '../styles/style.css' on aivan oikein.

Pöh, ei tommosta voi huomata, kun kehykset piilottaa ne osotteet >_<

No eniwei, syy toimimattomuuteen näyttää olevan se, että tuossa tyylisivussa on syntaksivirheitä. Validoi se.

Tässä vähän vertailumateriaalia:

IE: http://kimmoke.mine.nu/a/d86ie.PNG
Firefox: http://kimmoke.mine.nu/a/d86ff.PNG

Ja IE on siis kokeilemistani selaimista ainut, joka näyttää tekstin valkoisena ja navigaatiopalkin mustana.

Nuo linkit näyttävät olevan punaisia, ja tausta sininen, ei kovin hyvä yhdistelmä :)

Sivut latautuvat aivan liian hitaasti vaikka onkin 2 megan netti :o

ja minun mielestäni sivuilla on tyhmä ulko asu se sininen höpelispömelis juttu ja sitten kannataisiko ottaa vähän lyhyempi osoite: www.urli.net/www.dot.tk/www.cjb.net __>

Yääk sanon minäkin. Framet on ihan turhat, pyörivä logo häiritsee, linkkikuvien muuttuminen bugaa, tausta on turhan räikeä eikä tekstistä saa selvää. Yhdyssanavirheitäkin löytyy. :P

Enpä haluaisi olla ilkeä mutta tuo sivu(sto) ei liene koskaan kuullutkaan sanaa "standardi". Ei koodi, saatikka ulkoasu. Ulkoasun väritys ja väriyhdistelmät eivät noudata minkäänlaista visuaalista "ohjesääntöä", ja asettelu ontuu. Ja se on tosissaan turha se pyörivä animaatio.

Hyvin poikkeava sivusto :D

Ihan hitonmoisesti on työtä jos tuosta meinaa saada TOIMIVAN sivuton. Ensin tuo CSS kuntoon, sitten _OTSIKKO_ (kyllä, sellainen täytyy oikeasti olla, tuo pyörivä logo on liian pieni, tai erihuonolla ympäristöllä: korosta väreillä. Ihminen tarvitse värejä ehostaakseen elinympäriströään, joten mikset sinä?)