Mikseri.net

#2 kirjoitettu 25.04.2006 18:07

Olen kerännyt kotisivuilleni muutamia tärppejä aloitteleville artistisivunikkareille.

Artistisivun muokkaus

Parasiitti korjasi yli puoli vuotta väärään paikkaan osoittaneen linkin. Nopeat liikkeet ovat näyttäviä 17:18 22.05.2007

Parasiitti korjasi linkkiä taas 18:46 08.12.2007

#3 kirjoitettu 25.04.2006 18:14

Laitetaan silti muutama ohje tähän.

a.topmenu:link { color: #000000; }
a.topmenu:visited { color: #000000; }
a.topmenu:hover { color: #000000; }
a.topmenu:active { color: #000000; }

Näillä siis saa artistisivun "lofi, hifi, download, x omistaa, lisää itsesi faniksi ja fanit (x)" linkkien värit vaihdettua. Eli kopioi rivit artistisivun css -laatikkoon ja vaihtaa haluamansa värit heksadesimaalimuodossa nollien (musta) tilalle.

Ensimmäinen rivi on linkin väri, toinen vieraillun linkin väri ja kolmas hover, eli se väri mikä vaihtuu kun hiiren osoitin viedään linkin päälle.
Neljäs on ns. aktiivinen linkki, joka on kyllä melko turha. Harvoin sillä on mitään vaikutusta.

Mahdollisuuksia artistisivun muokkaamiseen on todella paljon ja mikäli haluaa enemmän tehdä muutoksia, niin kannattaa tutustua css-kieleen paremmin.

deebp muokkasi viestiä 18:14 25.04.2006

Parasiitti kerkesikin laittaa saman linkin..

deebp muokkasi viestiä 18:36 25.04.2006

Korjasin yhden virheen. Kiitos parasiitille huomautuksesta..

deebp muokkasi viestiä 10:28 14.06.2006

#4 kirjoitettu 25.04.2006 18:21

Swap GSJ kirjoitti:
Vaikutteet -kohdan artistien nimet isolla alkukirjaimella:
Vapaa HTML-kenttään:

< style type="text/css" >
.artist_idols {text-transform: capitalize}
< /style >



Onhan tuolla tuo Vapaa CSS-kenttäkin sitä varten.

#5 kirjoitettu 25.04.2006 18:31

gebo modyo kirjoitti:
Onhan tuolla tuo Vapaa CSS-kenttäkin sitä varten.


Jep.. ja jos nyt pikaopiskeluna ymmärsin oikein, nuo /stylet voidaan jättää pois. Itsekin innostuin valtavasti tuon Parasiitin postauksen jälkeen kotisivun modauksesta. Lähdekoodi vain esiin ja muokkailemaan..

#6 kirjoitettu 25.04.2006 19:07

"Artistisivun CSS"-kohdan käyttöön yksi selkeimmistä avuista on tämä: http://www.w3schools.c...

CSS-tutorial löytyy samalta sivustolta osoitteesta: http://www.w3schools.c...

#7 kirjoitettu 25.04.2006 19:10

http://www.cssbasics.com/

Tuolla on myös aika hyvät ohjeet.

#8 kirjoitettu 26.04.2006 00:20

Swap GSJ kirjoitti:
< img src = "kuvan sijainti" >


Väärin, mukaan kuuluu vielä alt-atribuutti. Siispä siis pätkä menee oikeasti < img src="kuvan sijainti" alt="kuvaus" />

Nyt kun aletaan XHTML:ää käyttämään yhä enemmän niin yksinäisten tagien loppuun kuuluu tuo kauttaviiva.

#9 kirjoitettu 26.04.2006 07:03

K-mikko kirjoitti:
Väärin, mukaan kuuluu vielä alt-atribuutti. Siispä siis pätkä menee oikeasti < img src="kuvan sijainti" alt="kuvaus" />

Nyt kun aletaan XHTML:ää käyttämään yhä enemmän niin yksinäisten tagien loppuun kuuluu tuo kauttaviiva.


mitä tuo alt-komento sitten tekee? nimeää kuvan? itselläni on ainakin toiminut ilman sitäkin.

#10 kirjoitettu 26.04.2006 07:54

K-mikko kirjoitti:

Väärin, mukaan kuuluu vielä alt-atribuutti. Siispä siis pätkä menee oikeasti < img src="kuvan sijainti" alt="kuvaus" />



No joo, mutta tuo Swap GSJ:n esimerkki pelaa aivan yhtä hyvin kaikilla selaimilla, kuin esittämäsi oikeampi versio. Turha tehdä asioista tarpeettoman monimutkaisia aloittelijoille. Ei sitä Mikserin artistisivua saa W3C:n validaattorista läpi, vaikka kuinka säätäisi.
Swap GSJ kirjoitti:

Jep.. ja jos nyt pikaopiskeluna ymmärsin oikein, nuo /stylet voidaan jättää pois.


Ymmärsit ihan oikein. Kun käyttäjä kirjoittaa omaa CSS -koodia sille varattuun laatikkoon, tallennetaan tuotokset omaan CSS -tiedostoonsa osoitteeseen h ttp://files.mikseri.net/mods/XXXXX.css, jossa X -kirjainten tilalla on artistin oma ID-numero. Erillisissä CSS -tiedostoissa ei muuta ole, kuin CSS:ää, joten erillisiä tägejä ei tarvita. < style type="text/css" > -tägiä käytetään, jos halutaan sisällyttää CSS -koodi itse HTML -sivun sisään. Mikserin tietoturvapäivityksen jälkeen viimeksimainittu ei enään taida olla edes mahdollista. Eli siis kuinka koodi pitäisi tulla CSS -lootaan nykymuodossaan:
.artist_idols {
text-transform: capitalize;
}

Ja lisätään nyt vielä pari kikkaa.

Päivämäärä ja kellonaika näkyviin päiväkirjan viesteihin:
.guestbook_entry_date {
display: inline;
float: right;
}

Historia/jäsenet/jne. -kentät lontooksi:
div > b:first-child {
display: none;
}

.artist_history:before {
content: "History:";
font-weight: bold;
}

.artist_members:before {
content: "Members:";
font-weight: bold;
}

.artist_idols:before {
content: "Influences:";
font-weight: bold;
}

.artist_equipment:before {
content: "Equipment:";
font-weight: bold;
}

(Ei pelaa IE6:ssa selaimen huonon CSS -tuen johdosta.)

Ja vielä yksi juttu astetta kehittyneemmille modaajille. Välttäkää pseudoluokkien(:before, :after:, :first-child jne. ) käyttöä, jos haluatte, että sivunne näkyvät kaikille vierailijoille samanlaisina.
mitä tuo alt-komento sitten tekee? nimeää kuvan? itselläni on ainakin toiminut ilman sitäkin.


alt="" sisältää tekstin, mikä näytetään käyttäjälle, jos kuvaa ei jostain syystä ladata.

#11 kirjoitettu 26.04.2006 09:17

Jos nyt haluan esimerkiksi muuttaa artistisivun yläreunasta väriä (siitä, missä lukee bändin nimi), mitä muuta minun tulee kirjoittaa css-laatikkoon kuin:

< td class="artistbar" bgcolor="#1e90ff" >
& nbsp ;Swap GSJ<br >
< /td >

Vai onko tuossa jotain ylimääräistä?

Vähän eilen kokeilin tuota modaamista, muttei ollut ihan niin helppoa mitä aluksi luulin.

Swap GSJ muokkasi viestiä 09:17 26.04.2006

#12 kirjoitettu 26.04.2006 10:11

TMT kirjoitti:
Suosittelisin perehtymään niihin mainittuihin css oppaisiin. Tuo ei ole paljon css:ää nähnyt.

Tässä nyt kuitenkin tuo koodin pätkä jolla tuon saa vaihdettua.


Heh Selvä. Eikun opiskelemaan.

#13 kirjoitettu 26.04.2006 11:54

Parasiitti kirjoitti:
alt="" sisältää tekstin, mikä näytetään käyttäjälle, jos kuvaa ei jostain syystä ladata.

Internet Explorerissa alt-kohtaan laitettu teksti näkyy myös tuollaisessa keltaisessa laatikossa kun kuvaa osoittaa hiirellä. Mozilla Firefoxissa näin ei tapahdu. Sen sijaan jos käyttää vastaavaa title-komentoa, näkyy teksti molemmilla selaimilla. Titleä voi käyttää myös tekstilinkkien kanssa, esim. <a href="http://mikseri.net" title="Mikseri on hieno sivusto.">Mikseri</a>

#14 kirjoitettu 26.04.2006 12:04

Alt-tagi on vaihtoehtoinen teksti kuvan tilalle selaimia varten jotka syystä tai toisesta eivät näytä kuvia tai jos kuva ei lataudu tms. Kokeilkaapa mennä esim. Matkahuollon sivuille niin että selain ei näytä kuvia; käytettävyydestä ei oikein voi enää puhua siinä vaiheessa. Alt-tagin käyttö on siis enimmäkseen kohteliaisuutta vieraita kohtaan, eihän se varsinaisen kuvan toimivuuteen vaikuta.

atheos kirjoitti oikein 12:04 26.04.2006

#15 kirjoitettu 26.04.2006 14:13

Pystyykö Download, HiFi, lofi ja mun mikseri -nappien vasemmalla puolella olevia nuolia vaihtamaan? Vähän aikaa tapeltuani en itse ainakaan onnistunut

#16 kirjoitettu 26.04.2006 14:17

Oi rakkaat CSS-gurut! Olen tekemässä uusia modeja artistisivuilleni, mutta törmäsin seuraavanlaiseen ongelmaan:

Yläpalkin (artistlinkbar) hifi-, lofi-, ja download linkkien välissä olevat erottimet, sekä projektin pikaosoite, pysyvät sivuilla vaikka minkälaista koodia heittää. Olen kokeillut display: none;, sekä font-size: 0;. Jälkimmäinen näistä toimi firefoxilla, mutta IE näytti kyseiset palikat 1 pt:n kokoisina, eli eivät kadonneet kokonaan. Suunnitelmieni suhteen tämä ei sovi lainkaan, joten jos joku osaisi opastaa, kuinka nuo saisi kokonaan piiloon, niin olisin hyvin kiitollinen.

#17 kirjoitettu 26.04.2006 15:10

atheos kirjoitti:
Alt-tagin käyttö on siis enimmäkseen kohteliaisuutta vieraita kohtaan, eihän se varsinaisen kuvan toimivuuteen vaikuta.


Jep, näinhän se käytännössä on. Standardissa (xhtml 1.1) alt-tagi on kuitenkin määritetty pakolliseksi.

Periaatteessa homman pitäisi kait mennä niin että css:llä tehdään taustakuvat yms. elementit jotka eivät tarvitse selitystä ja img-tagilla sellaiset kuvat joilla on oikeasti jotain tieto-arvoa sivulla ja jonka olemassaolosta on hyvä ilmoittaa myös kuvia käyttämättömille selailijoille.

--
apo

#18 kirjoitettu 26.04.2006 16:47

Putte kirjoitti:
Oi rakkaat CSS-gurut! Olen tekemässä uusia modeja artistisivuilleni, mutta törmäsin seuraavanlaiseen ongelmaan:

Yläpalkin (artistlinkbar) hifi-, lofi-, ja download linkkien välissä olevat erottimet, sekä projektin pikaosoite, pysyvät sivuilla vaikka minkälaista koodia heittää. Olen kokeillut display: none;, sekä font-size: 0;. Jälkimmäinen näistä toimi firefoxilla, mutta IE näytti kyseiset palikat 1 pt:n kokoisina, eli eivät kadonneet kokonaan. Suunnitelmieni suhteen tämä ei sovi lainkaan, joten jos joku osaisi opastaa, kuinka nuo saisi kokonaan piiloon, niin olisin hyvin kiitollinen.


Vaihtelevalla menestyksellä toimii muutenkin CSS IE:ssä ja Firefoxissa. Toisessa näyttää toiselta ja toisessa toiselta. Kyseiseen ongelmaan:

Nuo | merkit sijaitsee <td>-tagin sisällä, joten auttaisiko td-tagin sisällä tehdyt

td.artistlinkbar
{
... blaa blaa ...
}

säädöt jotain?

gebo modyo muokkasi viestiä 16:56 26.04.2006

Itseasiassa onkin td class="artistlinkbar" tuo.

#19 kirjoitettu 26.04.2006 17:05

gebo modyo kirjoitti:
td.artistlinkbar
{
... blaa blaa ...
}

Suurkiitokset gebo! Pähkäilin tuon kanssa tunnin jos toisenkin. Homma hoitui tälläisellä koodinpätkällä:

td.artistlinkbar p {
display: none;
}

..työ jatkukoon.

Putte muokkasi viestiä 17:06 26.04.2006
Äh, puhuinkin höpöjä. Sama ongelma vieläkin ratkaisematta. Palailen kun taas luulen onnistuvani.

#20 kirjoitettu 26.04.2006 17:15

Putte kirjoitti:

Äh, puhuinkin höpöjä. Sama ongelma vieläkin ratkaisematta. Palailen kun taas luulen onnistuvani.


Ongelmana on, että tuohon td.artistlinkbar kuuluu myös nuo linkit Hifi/Lofi etc. Että jos laittaa vaikka visibility: none ( tai font-size: 0 ), niin nekin siitä häviää. Minkä varmaan jo huomasitkin.

Mutta tuo vaikeuttaa kyllä noiden | -merkkien hävittämistä.

#21 kirjoitettu 26.04.2006 19:21

gebo modyo kirjoitti:
Ongelmana on, että tuohon td.artistlinkbar kuuluu myös nuo linkit Hifi/Lofi etc. Että jos laittaa vaikka visibility: none ( tai font-size: 0 ), niin nekin siitä häviää. Minkä varmaan jo huomasitkin.

Mutta tuo vaikeuttaa kyllä noiden | -merkkien hävittämistä.

Juu koko palkki hävisi tuolla, mutta noiden linkkien poisto oli myös tarkoitus. Tarkoituksena on käyttää tuota tyhjänä tilana koko sivun kattavaa yläbannua varten, mutta kiersin ongelman poistamalla .artistlinkbar:n ja .search:n ja käyttämällä artistbar:ia kyseiseen virkaan. Vieläkin sinne jää IE:llä tarkastaessa muutaman pikselin verran ylimääräistä roipetta, mutta ainakin solujen muoto menee kuten pitää.

#22 kirjoitettu 07.05.2006 13:01

Moroo !

Ite tässä vasta yritän kokeilla ja tutustuu tähän sivujen ulkoasun parantelemiseen ja nyt kun täällä näyttäis olevan fiksuu porukkaa liikenteessä niin varmaan helpointa olis täältä kysellä alottelijalle neuvoja.

Eli en oo sivuista tekemässä tässä vaiheessa mitään mestariteoksia, mutta yks juttu on tässä ollu mielessä eli miten saan ton vieraskirjan pohjavärin muutettua ?
Yritin sitä muuttaa samalla tavalla millä sain muutettua arvosanakentän värejäkin eli seuraavanlainen koodipätkä ei tunnu toimivan.

.artist_guestbook {background: #E8E7E4; color: #000000;}

Ite arvelen et toi "artist_guestbook" alku ei taida olla oikein vai missä mahtaa olla vika ?

Eli tarkoituksena olis saada pohjaksi vaalean harmaa ja teksti mustalla.

#23 kirjoitettu 07.05.2006 13:25

LILQuest kirjoitti:
Eli tarkoituksena olis saada pohjaksi vaalean harmaa ja teksti mustalla.

Olisiko tämmöinen haaveitasi lähellä:

.guestbook_bg1 {background-color: #CAC9C8;}
.guestbook_bg2 {background-color: #AAAAA9;}

#guestbook_messages,
#guestbook_container {background-color: #E8E7E4;}

#artist_guestbook,
guestbook_cell_submit_title,
#guestbook_cell_message_title,
#guestbook_cell_username_title,
a.guestbook:link,
a.guestbook:visited,
a.guestbook:hover,
a.guestbook:active {color: #000;}

#24 kirjoitettu 07.05.2006 16:03

Kyllä, risuaidallakin toi toimi, mutta noi värit jotka olin valinnu ni ei sitten oikeen natsannu. En tiiä olisko toiminu jos olis värit pistäny oikeiks...

Mutta toi toinen sitten jo näytti siltä jollasta omassa päässä oli tarkoituksena kehitellä. Eipä sitten tarvinu kehitellä ite mitään kun sen verran avuliaita ihmisii täältä löytyy, suuret kiitokset !

Noista parista rivistä pystyy jo ite opiskella ja kehitellä tätä sitten taas pidemmälle.

#25 kirjoitettu 08.05.2006 18:09

Tein muutaman valmiin värimallin tuosta vieraskirjasta ihmisille, jotka eivät halua vain tuon takia alkaa opettelemaan CSS:ää. Löytyy jälleen päiväkirjastani.

Parasiitti muokkasi viestiä 18:49 08.12.2007

Eipä löydykään enää päiväkirjasta, vaan täältä .

#26 kirjoitettu 08.05.2006 20:45

Hienoo, kyllä pääsee vähällä kun jotkut jaksaa.
Toi CSS on vähä semmonen kieli mitä ei niin helposti missään tarvii jos ei tämmösii hommii ennen oo duunaillu.
Itekki kyl C:t ja kaiken maailman automaatiotekniikkaan liittyvät assemblerit ja logiikkaohjelmoinnit kyl handlaan, mut toi oli kyl täyson vierasta kun aloin tota sivumuokkausta tsekkailee...

#27 kirjoitettu 17.05.2006 14:37

Miten saan tehtyä sivulleni (esim. vapaa html kohtaan) sellaisen linkin, että sivun yläosassa on kuva tai logo ja sitä klikkaamalla avautuu yhtyeen kotisivut (mielummin omaan ikkunaan)?

#28 kirjoitettu 17.05.2006 14:46

Versoband kirjoitti:
Miten saan tehtyä sivulleni (esim. vapaa html kohtaan) sellaisen linkin, että sivun yläosassa on kuva tai logo ja sitä klikkaamalla avautuu yhtyeen kotisivut (mielummin omaan ikkunaan)?


< a href = " http://www.yhtyeenkoti..." target = "_blank">< img src = "kuva.jpg">< /a >

Huom! poista turhat välit ennen "<" -merkkejä ja niiden jälkeen. Sama koskee myös "=" -merkkiä.

Tuohon "kuva.jpg":n kohdalle polku jossa kuva sijaitsee esim. mikserissä se on jotain tyyliin http://files.mikseri.n....

no jo on vaikeaa... 14:49 17.05.2006

#29 kirjoitettu 17.05.2006 16:42

Zeip kirjoitti:
Versoband kirjoitti:
Miten saan tehtyä sivulleni (esim. vapaa html kohtaan) sellaisen linkin, että sivun yläosassa on kuva tai logo ja sitä klikkaamalla avautuu yhtyeen kotisivut (mielummin omaan ikkunaan)?


< a href = " http://www.yhtyeenkoti..." target = "_blank">< img src = "kuva.jpg">< /a >

Huom! poista turhat välit ennen "<" -merkkejä ja niiden jälkeen. Sama koskee myös "=" -merkkiä.

Tuohon "kuva.jpg":n kohdalle polku jossa kuva sijaitsee esim. mikserissä se on jotain tyyliin http://files.mikseri.n....

no jo on vaikeaa... 14:49 17.05.2006



Kiitti!! Hommahan toimi.

#30 kirjoitettu 18.05.2006 13:11

impronen kirjoitti:
Mystinen ongelma on noussut esiin vaatimattomien modausyritysteni keskeltä. Vaikka kuinka pastean noihin "taustan väri", "linkin väri" ja muihin lootiin värikoodeja, eivät sivujen värit muutu yhtään miksikään. Mitähän tässä tarvis tehdä kun toi vaaleansininen on aika ruma?

Katsoin sun sivun lähdekoodia, ja siellä näyttää värikoodin edessä olevan kaksi risuaita-merkkiä malliin ##0000c. Jos olet pastennut värikoodin risuaita-merkin kanssa, liitä se ilman sitä. Siis pelkkä kuuden luvun sarja malliin f0f0f0.

djmarko muokkasi viestiä 13:12 18.05.2006

#31 kirjoitettu 25.05.2006 21:33

DjRaven kirjoitti:
...biisien linkki tekstit (Lofi, Hifi Download yms.. ) pelkästään eri värisiks...

Jep, CSS-koodi (normaali+vierailtu linkki mustana ja aktiivinen+hiiri_päällä -linkki punaisena)


tr.songbuttons a:link,
tr.songbuttons a:visited {
color:black;
}

tr.songbuttons a:hover,
tr.songbuttons a:active {
color:red;
}

#32 kirjoitettu 27.05.2006 17:36

Edelliseen viestiin vastausta. Tällaisen saa aikaan oheisella CSS-koodilla:

.artist_song {
/* laatikko, jossa alaosa on piilotettu */
border-style:solid solid none solid;
}

.artist_rates {
border:1px solid #00FF00; /* raja */
/* piilotetaan laatikosta ylä-border */
border-style:none solid solid solid;
padding:6px 12px;
}


/* biisien välillä oleva rako */
table table table {
margin-top:26px;
}


/* jottei ylläoleva (table table table) vaikuta muihin taulukoihin */
table table table table {
margin-top:2px;
}


/* piilotetaan turhat spacerit */
.artist_line,
.artist_linespacer {
display:none;
}

#33 kirjoitettu 13.06.2006 19:51

Kiitos kaikille noista mahtavista neuvoista.
Oon päässyt nyt paljon pitemmälle tuossa
projektinulkoasussa.

Mut voisko joku sanoa onko noi modini aivan
pellet.
Kun jäi itelleni vähän homomaku noista sählingeistä.
Tuli vähän porsasteltua noiden kilkuttimien kanssa...
Projektini Mars
Eli kyseessä on pieni RAVE -projekti. Anteeksi mainostus.

#34 kirjoitettu 13.06.2006 21:45

Kellner kirjoitti:
Mut voisko joku sanoa onko noi modini aivan
pellet.


Ainakin monessa kohtaa teksti on sellaista taustaa vasten ettei siitä saa mitään selvää. Siihen nyt aluksi kiinnittäisin huomiota.

#35 kirjoitettu 14.06.2006 00:13

Kellner kirjoitti:
Mut voisko joku sanoa onko noi modini aivan
pellet.

Idea on mielestäni hyvä. Biiseille voisi olla aivan oma taustakuvansa tai -värinsä, jolloin ne erottuisivat paremmin sivun taustasta. Pidä tarpeeksi suuri kontrastiero taustassa ja tekstissä, niin erottuu paremmin (toivon mukaan)

Ihan makuasia, mutta nuo vaaleanpunaisen oloiset värit esim. vieraskirjassa ei mielestäni sovi kokonaisteemaan parhaalla mahdollisella tavalla.

Kannattaa muuten yleensäkin muistaa sopiva hillitty värien käyttö www-sivuilla. Liian monta eri väriä saattaa tehdä sivun sekavan näköiseksi. Keep it simple niin hyvä tulee

#36 kirjoitettu 14.06.2006 02:22

Kaikesta on ollut hurjasti apua, mutta itselläni ainakin olisi yksi kysymys. Kiitos parasiitin, tiedän, että "Vieraskirja" -teksti on CSS:ssä #guestbook_title... Mutta miten helvetissä mä saan sen vaihdettua sitten "Vieraskirja" -nimestä "Guestbook" -nimeen. Olisko jotain valmista koodia?

#37 kirjoitettu 14.06.2006 07:54

deebp kirjoitti:
a.topmenu:active { color: #000000; }

Neljän on ns. aktiivinen linkki, joka on kyllä melko turha. Harvoin sillä on mitään vaikutusta.

Olen aina ihmetellyt mitä tuo 'active link' tarkoittaa, joten voisitko selittää hieman tarkemmin.

Minä opin aika paljon juuri tuon Parasiitin päiväkirjan avulla.

#38 kirjoitettu 14.06.2006 08:05

Paras modaukseni on luultavasti täällä www.mikseri.net/ceox.
Kyllä tuon modaamiseen pari päivää meni, kun piti aina tarkistaa menikö oikein ja sillälailla. Sitten ainoat kotisivuni ovat myöskin onnistuneet suht koht hyvin XHTML:llää käytämällä ( http://personal.inet.f... ).

Ceox muokkasi viestiä 08:14 14.06.2006

#39 kirjoitettu 14.06.2006 10:18

Ceox kirjoitti:
Paras modaukseni on luultavasti täällä www.mikseri.net/ceox.



No offense, mutta ei mitään mikserin eliittiä. Päinvastoin. Teksti juuri ja juuri erottuu taustasta.

#40 kirjoitettu 14.06.2006 10:32

Ceox kirjoitti:
Olen aina ihmetellyt mitä tuo 'active link' tarkoittaa, joten voisitko selittää hieman tarkemmin.

Minä opin aika paljon juuri tuon Parasiitin päiväkirjan avulla.


Selaimilla on vähän erilaisia käsityksiä siitä, milloin linkki on ns. aktiivisessa tilassa. Mozillassa se tarkoittaa sitä, kun linkkiä on painettu, mutta hiirtä ei ole vielä päästetty ylös. Sen huomaa noista mukavista katkoviivoista linkin ympärillä, jotka on todella hankalaa saada pois.

Vanhemmissa Mozillan selaimissa oli muistaakseni niin, että linkki on aktiivinen kun sitä on painettu, mutta selain vasta lähettää pyyntöä/vastaanottaa sivua palvelimelta. Nykyisillä nettiyhteyisillä tämä on aika lyhyt aika.

Tietenkin vielä IE tekee asiat eri tavalla.. Linkki on aktiivinen, silloin kun sitä on juuri seurattu. Eli painettu jotain linkkiä ja sitten palattu takaisin edelliselle sivulle. Ei pidä kuitenkaan sekoittaa tätä visited-luokkaan. Active-tilassa näkyy ainoastaan se, mitä on viimeksi painettu. Tässäkin on kyllä jotain ihmeellistä, sillä läheskään aina tämä ei taida oikein toimia. Ainakaan oikein..

Eli käytännössä sillä on aika pieni merkitys, eikä siihen kannata kiinnittää erityistä huomiota. Oletusarvoinen tapa näyttää tuo tila, on juuri katkoviiva "lohkon" ympärillä, mitä ei taida edes css:llä saada pois. On toki mahdollista laittaa erilaisia värejä yms. mutta kun aika harvoin tulee nähtyä noita aktiivisia linkkejä, niin se on tosiaan aika merkityksetöntä.

Toivottavasti avasi vähän aktiivisen linkin saloja.