Käytössä on Dreamweawer MX
Mulla on sivupohjatiedosto, jossa linkkien väri määritelty siniseksi, mikä OK kun linkit ovat sivun sisällössä.
Sivupohjan alalaidassa on tumman sininen palkki jossa lukee nämä yleiset copyright ym. tiedot ja jotka toistuvat joka sivun alalaidassa. Nämä tekstit ovat siis valkoisia sinisellä pohjalla.
Nyt tuohon alalaidan siniseen palkkiin pitäi saada tektimuodossa navigointipalkin linkit. Jeps, onnistuu. Mutta niiden pitäisi samalla säilyä myös väriltään valkoisina kun muualla sivulla linkit saisivat olla siniset.
Page properties-valikosta voin muuttaa koko sivun linkkien värejä, mutta miten muuttaa vain niiden alaosan likkien väriä ilman että muutos vaikuttaisi muihin?
CSS ei ole tuttu.
Mulla on sivupohjatiedosto, jossa linkkien väri määritelty siniseksi, mikä OK kun linkit ovat sivun sisällössä.
Sivupohjan alalaidassa on tumman sininen palkki jossa lukee nämä yleiset copyright ym. tiedot ja jotka toistuvat joka sivun alalaidassa. Nämä tekstit ovat siis valkoisia sinisellä pohjalla.
Nyt tuohon alalaidan siniseen palkkiin pitäi saada tektimuodossa navigointipalkin linkit. Jeps, onnistuu. Mutta niiden pitäisi samalla säilyä myös väriltään valkoisina kun muualla sivulla linkit saisivat olla siniset.
Page properties-valikosta voin muuttaa koko sivun linkkien värejä, mutta miten muuttaa vain niiden alaosan likkien väriä ilman että muutos vaikuttaisi muihin?
CSS ei ole tuttu.
Vastaukset 4
Vanhimmat
Dreamweaver MX -käsikirja esiin...missäs...tässä.
"Vie kohdistin ko. linkin päälle ja "Properties".
panelista voit valita sille ominaisuuksia tai
hoida homma manuaalisesti valitsemalla "Modify"-
valikosta "Edit tag"."
En ala nyt kokeilemaan mutta taidatkos sen selvemmin sanoa.
Page properties ajaa noiden yli.
Nyt ei kerkeä tota alla olevaa CSS vinkkiä testaan, kiirus.
Ei tuo taida ilman css:ää onnistua.
Dreamweaverissa pitäisi olla ihan hyvät css-muokkausominaisuudet, joten vaikkei tuntisikaan css:ää, niillä pitäisi pystyä muutoksia tekemään.
No tuo on kyllä varsin yksinkertainen juttu ihan kirjoittaakin.
Helpoiten onnistuu kun lisäät alapalkkiin id-määritteen, ellei sillä sellaista ole jo.
Sitten css:ään
#alapalkki a {
color: #ffffff;
}
#alapalkki a:hover {
color: #bbbbbb;
}
Toki voit myös jokaiseen linkkiin kirjoittaa ihan html: sekaan esim. Linkki
Mutta kovin on työläs ja vaikea päivittää.
Tuo ylempänä oleva css-rimpsu pitää kirjoittaa joko -tagien sisään tai ulkoiseen css-tiedostoon, joka linkitetään html:ään -tagilla head-osiossa.
Lisää head-tagejen väliin esim. seuraavasti, voit määrittää eri värin kullekkin toiminnolle. Hover on se kun viet osoittimen linkin päälle, väri muuttuu:
-------------
a.aplink:link { color: white }
a.aplink:active { color: red }
a.aplink:visited { color: gray }
a.aplink:hover { color: yellow }
-----------------------
Sitten lisäät tyylin kuhunkin linkkiin (class="aplink"):
-----------------------
Sivulle
-----------------------