Ændre farven på tekst

Du kan sætte en style:
a:active{
color:#ff2244
}

Hej Vb-begynder!

Nu er Roenving uden tvivl den ubestridte stormester i denne kategori :) Jeg tillader mig dog at kommentere også. Du kan lave et css, hvilket er en ekstern fil, som du kan styre din tekst med. Det du skal gøre er:

Lave en fil, der hedder style.css. Du skal blot kopiere nedenstående tekst, paste den i eksempelvis notesblok, og gemme den som style.css

------ filtekst start -------

.bread
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    color: #000000;
}
.scrollbread
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    color: #000000;
}


.headline0
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
}
.headline1
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}
.headline2
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
.headline3
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
}

.headline4
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}
.headline5
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
}
.headline6
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}
.scrollheadline
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}
.adress
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    text-align: left;
    letter-spacing : -1px;
    color: #999999;
}
A.submenu:link, A.submenu:visited
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    font-weight: regular;
    text-decoration: none;
    color: #000000;
}
A.submenu:hover
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    font-weight: regular;
    text-decoration: underline;
    color: #ff9900;
}
A.href:link, A.href:visited
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    font-weight: regular;
    text-decoration: none;
    color: #000000;
}
A.href:hover
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    font-weight: regular;
    text-decoration: underline;
    color: #000000;
}
A.hrefgrey:link, A.hrefgrey:visited
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    font-weight: regular;
    text-decoration: none;
    color: #000000;
}
A.hrefgrey:hover
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    font-weight: regular;
    text-decoration: underline;
    color: #000000;
}
A.menu:link, A.menu:visited
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    font-weight: regular;
    text-decoration: none;
    color: #000000;
}
A.menu:hover
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    font-weight: regular;
    text-decoration: none;
    color: #000000;
}
.arrow
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    color: #FF9900;
}
A.lasmer:link, A.lasmer:visited
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    font-weight: regular;
    text-decoration: none;
    color: #000000;
}
A.lasmer:hover
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    font-weight: regular;
    text-decoration: underline;
    color: #999999;
}

------ filtekst slut -------

I det dokument du vil lave hyperlinken til en anden farve skal du under <title>Siden navn</title> indsætte følgende sætning: <LINK REL="stylesheet" HREF="textstyle.css" TYPE="text/css">

Den kommer så til at se således ud:

<title>Siden navn</title>
<LINK REL="stylesheet" HREF="style.css" TYPE="text/css">

I din style.css fil kan du lave om på farverne, bestemme om der skal være understregning osv., når hyperlinken bliver aktiveret.

Når du vil fortælle et link, at det skal forbindes med style.css skal du gøre følgende:

<a href="link.html" class="href">Dit links tekst</a>

Ved at indsætte class="href" i linket fortæller du, at den skal bruge stylen du har i din style.css fil. Ved tabeller kan du eksempelvis bruge:

<td class="bread>Noget almindeligt tekst her</td>

For lige at opsummere kommer din menu fil til at se sådan her ud (ved brug af frames):

----------------

<html>

<head>

<title>Siden navn</title>
<LINK REL="stylesheet" HREF="style.css" TYPE="text/css">
</head>

<body>

<a href="link.html" target="din rammes navn" class="href">Dit links tekst</a>

</body>

</html>

----------------

Håber du kan bruge det til noget!

Mvh

Michael

Michael: Det css du har lavet virker det så når jeg trykker på et menu punkt bliver det en anden farve, og når jeg trykker på et andet menupunkt bliver det første menu punkt den oprindelig farve igen, og det nu valgte menu punkt bliver den farve som skal indnikere at den er valgt. Lyder sq lidt indviklet, håber at du kan gennemskue det.

Nej, så skal du tilføje den, jeg kom med ,-)

:) Kampen om stylen roenving :)

Jeg forstår ikke helt hvad du mener, men udgangspunktet er ja. Du kan indstille hvilke farver punktet skal have i punkterne:

A.href:link, A.href:visited
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    font-weight: regular;
    text-decoration: none;
    color: #000000;
}
A.href:hover
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    font-weight: regular;
    text-decoration: underline;
    color: #000000;
}

Du kan bestemt også gøre som roenving siger. Er du i tvivl, så post kildekoden, og så fikser vi den :)

roenving: Hvordan bruger jeg så det du kom med, hvor skal jeg skrive det.

Her er et udpluk af min menu:

<tr>
  <td><span class="menu_Over">&nbsp;Info</span></td>
</tr>
<tr>
  <td><span class="menu_Alm">&nbsp;<a href="main.htm" target="iframe">Hovedeside</a></span></td>
</tr>
<tr>   
  <td><span class="menu_Alm">&nbsp;<a href="information.asp" target="iframe">Infomation</a></span></td>
</tr>

Har fundet ud af det, roenving smid et svar så er der point!

Også tak til Michael!!

Lige et hurtigt spørgsmål, jeg har en startside som også er i menuen, kan jeg få den til at have den farve der indikere at den er valgt, når siden startes. Hvis der så vælges et andet menu punkt skal den blive sort som de andre der ikke er valgt.

Jamen Michael, du bruger jo slet ikke det der pseudo-hvad-er-det-nu-de-hedder :active, hvorfor ikke ?-)

-- men hvis det virker, så er det jo bare fjong '-)

Mkay, hmm, hvad mener du Roenving? Tænker du på alt den unødvendige information i stylen?

Har du et hurtigt forslag til mit spørgsmål?

Jeg kan da prøve, nu ved jeg ikke helt hvordan du har sat dit script op. Er der en visited funktion i dit script bør den gøre det automatisk, hvis siden i virkeligheden er besøgt, og linket trykket på. Eller må det bare være at sætte en ny funktion op, eks.

a:visited{
color:#ff2244 (en anden farvekode)
}

Og det må være det?

>>nythjem

-- nej, men du bruger 3 af de mulige 4 pseudo-classes:

A:link    { color: red }    /* unvisited links */
A:visited { color: blue }  /* visited links  */
A:hover  { color: yellow } /* user hovers    */
A:active  { color: lime }  /* active links    */

-- og så skal de bruges i præcis denne rækkefølge, for css læser forlæns, nå den skal finde en match, men den læser videre, dvs. er der et match senere, så bruges den.

:active betyder et eller andet med 'mens jeg trykker', men jeg havde uden at læse ordentligt igennem tænkt det som et link som var, derfor mit fra starten forkerte svar ,-|

>>vb-begynder: hvad har du gjort, som gjorde mit svar til det rigtige ?-)

Jeg har følgende:

<STYLE type="text/css">

A:link {
    COLOR: black; TEXT-DECORATION: none
}
A:visited {
    COLOR: black; TEXT-DECORATION: none
}
A:hover {
    COLOR: blue; TEXT-DECORATION: none
}

A:active{
    COLOR: blue; TEXT-DECORATION: none
}

</STYLE>

Og det viker som det var til tænkt, det eneste er at når man kommer ind på siden kan man ikke se hvilken side man befinder sig på. Men det kan man ikke lave på en nem måde?

Det bliver lidt kringlet, for vi kan sagtens ændre stylen, når du kommer ind, men det kringlede kommer, når vi så skal ændre den, for i princippet skal vi så sætte en kode ind på alle mulige videre-navigationer, som sætter den til normal ...

Okay Roenving, kendte faktisk ikke den funktion, så den har åbenbart været overflødig :) :)

Vb, den eneste løsning jeg kan se på dit problem er et javascript, der med et stykke grafik markerer, at nu er du ved dette menupunkt. Og så bliver dette stykke grafik ved punktet, indtil et andet markeres.

Jeg troede faktisk også, at det var en slags udvidet visited-funktion, før jeg så lige fik læst ordentligt efter -- prøv eksemplet, jeg tog fra css2-specifikationen, vil du kunne se, at den der lime-farve findes mens man har linket trykket ned -- så den kan bruges, meneh ...

Nej, det er ikke nødvendigt med et stykke grafik, men det kan være nødvendigt at sætte en speciel id på det link, à la:

<body ... onload="document.getElementById("StartLink").style.color='#cccccc';">



<a href="index.html" id="Startlink">Startside</a>

<a href="billeder.html" onclick="document.getElementById("StartLink").style.color='#000000';">Billeder</a>

Vb, Roenving er manden du skal lytte til ;)

>>driller du, Michael ,-)

-- men vb, du skal have den der

<a...onclick="document.getElementById("StartLink").style.color='#000000';">...</a>

på _alle_ andre links, hvis det skal fungere, som du ønsker !-)

-- og forøvrigt behøver vi ikke den der onload, vi initierer bare StartLink:

<a href="index.html" id="Startlink" style="color:'#cccccc'">Startside</a>

Nej overhovedet ikke, jeg er født uden humor på en kold november dag :) Siger bare til Vb, at du har ret som altid.. Og det er jo skønt, at have en som dig hængende :) Og det var meget positivt! :)

*g*

Uff -- en håbløs tavetosse:

<a href="index.html" id="Startlink" style="color:#cccccc">Startside</a>

-- det er jo ikke nogen javascript tildeling, så ikke nogen '