Moikka.
Tulen nyt ihan takavasemmalta tänne "tunkeilemaan". Mutta tämä tuntuu olevan suomensivustoista se minkä puoleen nyt kannattaa kääntyä?
Opiskelen verkkomediaa ja teen asiakkaalle kotisivuja. Nyt on hakusessa se sellainen koodi jo "valaisee sitä mukaan kun liikkuu eteenpän". Vaikia selittää, mutta siis epäolennaiset näkyy tummempana. Osaako joku auttaa? En löytänyt vaikka kokeilin ties mitä hakusanoja. Jos joku vaikka edes tietäisi sellaisen koodin nimen millä kannattaisi lähteä etsimään.
Kiitos miljoonasti jos joku osaa auttaa, ja anteeksi jos olen ihan väärällä foorumilla kysymuksineni? :-)
Heleen
Mod. huom: Lähetä viestit jatkossa oikealle keskustelualueelle, ja lue keskustelun ohjeet.
Olet ihan oikealla foorumilla, mutta väärän aihealueen alla. Kannattaisi mainita myös kieli, jota käytetään. Myös esimerkit ovat käteviä ja jos jollain sivulla on samanlainen, niin linkki sinne.
Selityksestäsi ei saa kyllä yhtikäs mitään selvää. Yritä nyt edes keksiä esimerkkisivu ja selittää sen avulla, mitä sivulla näkyy aluksi, mitä käyttäjä sitten tekee ja mitä sivulla pitäisi näkyä sen jälkeen.
Ei varmasti ole olemassa mitään suurta Valaisukoodia™, vaan sellainen pitää itse ohjelmoida jollakin ohjelmointikielellä – esimerkiksi JavaScriptilla.
Teet asiakkaalle kotisivuja ja tarvitset koodia joka "valaisee sitä mukaan kun liikkuu eteenpän".
Mihin tämä oikein liittyy? Onko sivuille tulossa jokin peli? Vai puhutaanko me jostain leivänmuruista ?
Vai onko kyseessä jokin korostustoiminto, jolla saadaan esim. samassa aihepiirissä olevat asiat korostumaan, kun vie hiiren päälle tms.
ps. kuva/linkki -esimerkistä olisi kiva.
Heippa Heleen!
Jos tarkoittamasi valaiseminen on yhtäkuin text highlighting niin tsekkaa tämä
Kääks. Anteeksi. Tosiaan vaikea pukea sanoiksi. Tarkoitan sellaista efectiä joita olen joskus nähnyt jossain, että kun liikkuu sivustolla vaakasuunnassa eteenpäin, keskikohta näytöstä on valaistu: näkyy valoisampana ja reunat taas näkyy tummempana. Aivan kuin keskellä näyttöä olisi lamppu joka valaisee sivustoa. :-S Auttoikohan yhtään? En tiedä ohjelmoinnista paljoakaan, eli en tiedä millä koodilla tuollainen näkemäni oli toteutettu. :-(
Heleen
Tee tuommoiset ihan taustakuvalla, tai jos haluat jonkinsortin kampanjasivustoa tehdä, niin luo sivu esim. Adoben flash-tekniikalla. Tällöin tosin sivuston yhteensopivuus esim. mobiililaitteilla on paljon heikompi, mutta sivustosta saa helpommin näyttävämmän. Tietenkään, jos graafista silmää ei ole, niin sivusto on myös helppo pilata kaikella ylimääräisellä.
Itse suosittelen, että aluksi teet ihan perussivuston ilman ylimääräisiä kikkailuja, jolloin sivustot toimivat mahdollisimman monella kävijällä. Sitten kun perusasiat on hallussa, niin voit lisäillä kaiken maailman Valaisukoodeja™.
Ehkä tarkoitit jotakin tälläistä?
Heippa taas Heleen!
Halutessasi voit ladata täältä yksinkertaistetun viritelmän, jonka javascript-koodia tutkimalla pääset varmasti alkuun.
Neau33: esimerkkisi toimii näemmä vain IE-selaimella.
Myös taustavärin vaihto taustakuvalla on aika eksoottinen vaihtoehto tässä tapauksessa, varsinkin kun taustakuva on yksivärinen valkoinen....
JavaScriptin käyttö tuossa oli jotenkin yliampuvaa, kun pelkällä css:lläkin tuo olisi onnistunut.
edit:
Hauskaa, miten jokaisella vastaajalla on oma käsitys kyseiseen kysymykseen, sillä itsellä on alunalkaen vieläkin tämmöinen kuva "ongelmasta":
https://picasaweb.google.com/
Eli koko nettisivua voi raahailla esim. sivusuunnassa, ja sivu näkyy kuin "taskulampun" valossa, pimentyen sivusuunnassa.
Heippa taas!
Joo IE:ssä toimii, mutta voisiko joku valaista miksi oheinen viritelmä ei toimi Mozilla Firefox'lla (toimii IE'lla Opera'lla, Safari'lla & Chrome'lla) vaikka muut javascript viritelmät toimivat Firefox'lla?
<!DOCTYPE HTML>
<html lang="fi">
<head><title></title>
</head><body bgcolor="#CCCCCC">
<table border="0" width="100%" id="table1" height=100%>
<tr>
<td width="25%" height="100%"></td>
<td width="50%" height="100%" align="center" valign="top">
<div onmouseover="this.style.background='#FFFFFF'"
onmouseout="this.style.background='#CCCCCC'"><br />
sample text sample text sample text sample text<br />
<br /></div></td>
<td width="25%" height="100%"></td>
</tr>
</table>
</body></html>neau33: Miksi tuon muka pitäisi toimia? Et aseta missään arvoa muuttujalle div_mid. Jos haluat elementin kyseisellä id:llä, kirjoita document.getElementById("div_mid"). Muutenkaan koodissasi ei kyllä ole kehumista: teet HTML:llä ja JS:llä paljon asioita, jotka pitäisi tehdä CSS:llä ja käytät vanhentuneita attribuutteja. Pari sanaa on jopa kirjoitettu väärin. Olisi kiva, jos viitsisit tehdä toimivia, nykyaikaisia ja tyylikkäitä esimerkkejä etkä vain aina epämääräisiä räpellyksiä. Sitä paitsi omaan kysymykseesi olisit helposti saanut vastauksen vilkaisemalla Firefoxin virhekonsolia.
Alkuperäiseen ongelmaan ehdottaisin ensisijaiseksi ratkaisuksi suunnitelman muutosta: tuollainen "ominaisuus" ei tuo sivulle mitään lisäarvoa ja usein jopa haittaa normaalia käyttöä. Jos on ihan pakko, voi kokeilla ikkunan reunoihin kiinnitettyjä (position: fixed) palikoita, joissa on taustalla liuku mustasta läpinäkyvään. Liu'un voi tehdä kuvana tai CSS3:n uusilla ominaisuuksilla.
Vaakasuunnassa vieritettävä sivu on yleensä huono idea. Kehottaisin suunnittelemaan sivun niin, että sivuttain ei tarvitse liikkua. Esimerkiksi tavanomaisella rullahiirellä voi rullata vain pystysuunnassa, ja siihen ihmiset ovat joka tapauksessa tottuneet.
Kiitos Lebe80! Tarkoin juuri nimenomaan tuota! Kiitos, kiitos, kiitos!!!! Ja special thanks Neau33 kun otit tiedusteluni vastaan kaikella avoimuudella ja ystävyydellä. :-)
Jep, sitten vaan Metabolixin vinkein leijuvia divejä nettisivuille, tosin suurin osa linkeistä hyvin todennäköisesti lopettaa toimintansa noiden divien alla.
Metabolixin viestin sisältö kannattaa muutenkin lukaista, jotta muutkin ongelmakohdat varmasti tulee esille, eli juurikaan mitään lisäarvoa tuo ei tule tuomaan sivustolle, vaan enemmänkin "rikkoo" sitä.
Aihe on jo aika vanha, joten et voi enää vastata siihen.