CSS apuja tarvitaan

[Hannu Tolonen 0]

Pitäisi saada kuvat.1g.fi palvelusta muutettua yhden kansion nimi lihavoiduksi. Kysyin Nebulalta asiasta ja vastasivat että CSS:n avulla pitäisi onnistua. Tästä löytyy malli css-tiedosto, mitähän tuosta pitäisi muuttaa ja miten että saisin yhden tietyn kansion nimen lihavoitua?

 

Hannu

[Juha Huvilinna 0]

Ei taida saada yhden kansion nimeä lihavoitua pelkkää css-koodia muuttamalla.

 

Kansioiden ulkoasuun vaikuttavat seuraavat pätkät css-tiedostossa, eikä näissä siis saa yksilöytyä kansiota.

 

Kansion nimi:

.FolderList A:LINK, .FolderList A:VISITED {
text-decoration: underline;
padding: 1px;
}

 

Kansion nimi kun kursori on viety tekstin päälle:

.FolderList A:HOVER {
color: #FFFFFF;
background: #0072BC;
padding: 1px;
text-decoration: none;
}

 

 

Html-koodia tuolla ei ole johon pääsisi määritykset tekemään vaan sivu muodostetaan dynaamisesti varmaankin php:llä, jolla haetaan tarvittavat tiedot tietokannasta. Näinollen tuon yhden kansion ulkoasuun vaikuttava määritys pitäisi päästä tekemään tietokannan rakenteeseen ja muokata php-tiedostoa siten että se noutaa tiedon tietokannasta. Näihin taas käyttäjällä ei ole pääsyä. Toden näköisesti yksi ja sama scripti hoitaa kaikken käyttäjien sivujen muodostamisen. Lisäksi nuo koodit ovat Nebulan kannalta liikesalaisuuksia...

 

Eli käyttäjille on mahdollista vain css-tiedoston muokkaus ja siinä on vaihtoehtona kaikki tai ei mitään. Tuota ominaisuutta ei ole määrittelyvaiheessa koettu tärkeänä eikä sitä pysty siihen kukaan muu kuin Nebula jälkikäteen lisäämään.

[Guest retu]

Kokeile käyttää attribuutin arvoon perustuvaa selectoria:

 

.FolderList a[href="kansion-url"] { font-weight: bold; }

 

Tuo hipsujen "" sisään tuleva teksti pitää tietysti olla sen halutun kansion url.

Huom! Tämä ei sitten toimi museoselaimilla!

 

Lisää css2-selectori virkosia opiskeltavaksi http://www.w3.org/TR/CSS21/selector.html

[Guest kenkku]

Huom! Tämä ei sitten toimi museoselaimilla!

Jos oikein erästä taulukkoa tulkitsen, se ei toimi IE6:lla.. Että onnea vaan. Kiittäkää Microsoftia

[Hannu Tolonen 0]

Kokeile käyttää attribuutin arvoon perustuvaa selectoria:

 

.FolderList a[href="kansion-url"] { font-weight: bold; }

 

Tuo hipsujen "" sisään tuleva teksti pitää tietysti olla sen halutun kansion url.

Huom! Tämä ei sitten toimi museoselaimilla!

 

Lisää css2-selectori virkosia opiskeltavaksi http://www.w3.org/TR/CSS21/selector.html

Pitäisikö tuon toimia niin että tuon koodin pätkän lisää johonkin kohti style.css tiedostoa, kokeilin lisätä tuon tiedoston loppuun, mutta ei tuntunut pelittävän?

 

Hannu

[Guest retu]

Pitäisikö tuon toimia niin että tuon koodin pätkän lisää johonkin kohti style.css tiedostoa, kokeilin lisätä tuon tiedoston loppuun, mutta ei tuntunut pelittävän?

 

Hannu

 

Pitäisi

 

Pitäisi toimia ie7 tai ff selaimilla, muttei varmastikaan toimi ie6:lla. Linkin url on myös kirjoitettava täsmälleen siten kuin se sivulla esiintyy.

 

En eilen katsonut tuon sivun koodia, vaan kommentoin ihan Huvilinnan viestin perusteella, mutta nyt vilkaisin esimerkkigalleriaa. Jos tuon esimerkkisivun lentokoneita-kansion haluaisi korostaa, css-tiedostoon tulisi koodi:

 

a[href="Lentokoneita/"] { font-weight: bold;}

 

Eli periaatteessa sen korostettavan linkin href-attribuutti kopiodaan sellaisenaan tuohon hakasulkujen väliin. Jos sivulla olevassa linkissä on protokolla ja domain, ne on oltava mukana myös hakasulkujen välissä. Tässä tapauksessa ei tarvitse, kun sivulla on suhteellinen url "Lentokoneita"-kansioon.

 

".FolderList" tuossa määreen alussa ei ole pakollinen, se vain kohdistaa määreen tarkemmin. Ilman sitä asetus vaikuttaa kaikkiin sivun linkkeihin joissa tuo url on. Sen kanssa vaikuttaa vain FolderList luokkaan kuuluvien lohkojen sisällä oleviin linkkeihin. Tuolla w3.org:n sivulla on selitetty tarkemmin.

 

[Hannu Tolonen 0]

Pitäisi

 

Pitäisi toimia ie7 tai ff selaimilla, muttei varmastikaan toimi ie6:lla. Linkin url on myös kirjoitettava täsmälleen siten kuin se sivulla esiintyy.

 

En eilen katsonut tuon sivun koodia, vaan kommentoin ihan Huvilinnan viestin perusteella, mutta nyt vilkaisin esimerkkigalleriaa. Jos tuon esimerkkisivun lentokoneita-kansion haluaisi korostaa, css-tiedostoon tulisi koodi:

 

a[href="Lentokoneita/"] { font-weight: bold;}

 

Eli periaatteessa sen korostettavan linkin href-attribuutti kopiodaan sellaisenaan tuohon hakasulkujen väliin. Jos sivulla olevassa linkissä on protokolla ja domain, ne on oltava mukana myös hakasulkujen välissä. Tässä tapauksessa ei tarvitse, kun sivulla on suhteellinen url "Lentokoneita"-kansioon.

 

".FolderList" tuossa määreen alussa ei ole pakollinen, se vain kohdistaa määreen tarkemmin. Ilman sitä asetus vaikuttaa kaikkiin sivun linkkeihin joissa tuo url on. Sen kanssa vaikuttaa vain FolderList luokkaan kuuluvien lohkojen sisällä oleviin linkkeihin. Tuolla w3.org:n sivulla on selitetty tarkemmin.

 

Kiitoksia paljon, nyt tuntuu toimivan. Jostain syystä tuo ei tunnu toimivan kuin suhteellisella osoitteella, mutta eipä sillä niin väliä kun kuitenkin toimii.

 

Hannu