En tiedä minkä WWW-sivujen teon aihealueeseen tämän threadin laittaisin.
http://www.guidetojapanese.org/finnish/particles.html
Tuolla sivulla kun kanji-merkkien päälle laittaa kursorin, niin ilmestyy tekstiloota sen luokse. Itsekin haluaisin tekstiini tuollaisia kohtia. En tiedä miten tuollaista tehdään. Käytössäni on ohjelma nimeltä KompoZer 0.7.10 (20070831).
http://www.guidetojapanese.org/finnish/particles.html
Tuolla sivulla kun kanji-merkkien päälle laittaa kursorin, niin ilmestyy tekstiloota sen luokse. Itsekin haluaisin tekstiini tuollaisia kohtia. En tiedä miten tuollaista tehdään. Käytössäni on ohjelma nimeltä KompoZer 0.7.10 (20070831).
Vastaukset 8
Vanhimmat
Ei tarvitse kertoa miten tekstiloota tekstin päällä kursorilla osoitettaessa juuri KompoZerilla tehdään. Voi vaikka kertoa minkälaista koodia käytetään sen tekoon tai jotain. En tiedä onko sille mitään yleistä nimitystä, niin jos on, voisi kertoa edes sen niin saattaisin osata etsiä paremmin ohjetta muualta.
Tuolla sivulla on käytetty
title -ominaisuutta
title="Tähän teksti joka näkyy laatikossa"
Niinpä, siellä on käytetty title-määritettä. Se on käytettävyydeltään surkea (hidas ilmestymään, nopea katoamaan, pientä fonttia, jota sivuntekijä ei voi suurentaa ja käyttäjä ei osaa suurentaa, jne.).
Ei kannata ruveta käyttämään. Ennemmin kannattaa googlata sanoilla "css tooltips" (ja valita niin yksinkertainen vaihtoehto, että itse ymmärtää, miten se toimii).
No tässä yksi melko simppeli CSS-koodi:
[data-tip] {
position: relative;
}
[data-tip]:hover:after {
position: absolute;
top: 1em;
left: 0;
width: 12em;
content: attr(data-tip);
background: white;
color: #030;
padding: 0.1em 0.2em;
border: solid 0.1em #060;
}
Tätä käytettäessä kirjoitetaan haluttu teksti data-tip-määritteeseen, esimerkiksi Hello world.
Lisäksi kannattaa miettiä, mistä käyttäjä voi arvata, että jotkin merkit tai merkkijonot ovat sellaisia, että viemällä osoittimen päälle saa jotain lisätietoa. Tähän ei ole hyvää ratkaisua, siedettävä saattaa olla margin-bottom-ominaisuudella tehty pisteviiva alla.
Tällaista nyt opin käyttämään kai HTML4.01:n seassa:
Heading 2-tyyppiselle tekstille:
Sivulla muuten näkyvä teksti
Leipätekstille:
Sivulla muuten näkyvä teksti
No oho, tuossa ei näykään sitä koodia.
korvaa html-koodin merkit < ja > vaikka tähdillä niin näkyy
Google
Google
Pitäis ihan title ominaisuudella saada näkymään
Yritit kai kirjoittaa
Google
Se on kyllä huono ajatus kyllä näin korjattunakin. Enkä nyt tarkoita sitä että title-määritteen arvo on typerä.