Dazjaadu kraasu linki

[regedits]

Sveiki, vai css var defineet vairaakus linkus, kur vieni ir piemeeram zili, bet otri balti (kas buus uz tumshaa fona), kaa abus veelaak pielietot html? Luudzu help iesaaceejam :(

[GedroX]

Izmanto CSS klases: http://www.w3schools.com/css/

 

Precīzāk - http://www.w3schools.com/css/tryit.asp?filename=trycss_link

Edited April 24, 2006 by GedroX

[Stopp]

<style type="text/css">
<!--
.balts { color: #FFFFFF; }
.melns { color: #000000; }
//-->
</style>
<a href="#" class="balts">šis links ir balts</a><br/>
<a href="#" class="melns">šis ir tumšāks</a>

[bubu]

cssā ieraksti:

a.important { color: red; }

a.oldlink { color: grey; }

a.completed { color: green; }

 

un tad htmlā raksti:

<a class="important" href="...">ļoti svarīgs links</a>

<a class="important" href="...">cits svarīgs links</a>

<a class="oldlink" href="...">vecs links</a>

utt

 

Stopp: krāsas klašu nosaukumos nav labais stils. Nesemantiski. Tāds variants nav diezko labāks par kautkādu <font color="...">. Padomā pats - ja gribēsies veselu linku kaudzei nomainīt krāsu? Vajadzēs html kodu rediģēt. Un arī css. A jēga tad kāda bija atdalīt css no html?? Tāpēc vajag klases vārdu piešķirt pēc nozīmes. Piemēram virsrakstiem - subject, atsevišķiem ziņojumiem - message. Tādā veidā, ja gribēsi nomainīt visiem virsrakstiem krāsu, atliks nomainīt tikai css failā klases subject color atribūtu.

[Stopp]

tas bija vienkārši piemērs :)

[Stopp]

enīvej, neviens jau neliedz blue klasei likt sarkanu krāsu. :)

[regedits]

bet baac - man visai diivaini riikojas - izveidoju divus linkus - vienu oranžu otru zilu, bet kodaa noraadu lai lieto zilo linku - rezultaataa - links ir oranzs, bet paarbraucot paari zils :(

stila lapaa ierakstiiju

"

a.oranzslinks:link { color: #DA6434;

text-decoration: underline;

font-size: 10pt;

FONT-FAMILY: Arial, Verdana;

font-weight: bold; }

a.oranzslinks:visited { color: #E17824;

text-decoration:none ;

font-size: 10pt;

FONT-FAMILY: serif;

font-weight: bold; }

a.oranzslinks:hover {color: #AE4201;

text-decoration: underline;

font-size: 10pt;

FONT-FAMILY: serif;

font-weight: bold;}

 

 

<!--#96A6B8-->

<!--#7489A0-->

 

a.zilslinks:link {

font-family: Arial;

font-size: 12pt;

font-style: normal;

font-weight: normal;

color: #4D4653;

cursor: hand;

}

a.zilslinks:visited {

font-family: Arial;

font-size: 12pt;

font-style: normal;

font-weight: normal;

color: #695F71;

cursor: hand;

}

a.zilslinks:hover {

font-family: Arial;

font-size: 12pt;

text-decoration: underline;

font-style: normal;

font-weight: normal;

color: #A398AD;

cursor: hand;

}

"

 

kodaa <a class="zilslinks" href="skola.html" >par skolu</a>

 

:(

[bubu]

tas bija vienkārši piemērs :)

Iesācēji mācās no piemēriem. Kā tam parādīsi, tā tas arī darīs. Paskaties pats, ko šams ir sarakstījis.

 

enīvej, neviens jau neliedz blue klasei likt sarkanu krāsu. :)

Nu ļoti semantisks un viegli uzturams kods tev sanāks.

 

 

regedits:

1) lieto

 bbtagus!
2) paskaties vai kautkur citur neesi nodefinējis a tegam kā tādma krāsu
3) Kāpēc tu tur atkārto vienu un to pašu atribūtu vairākās vietās? (piemēram:  font-family: Arial; font-size: 12pt;) Apvienot taču vajag!

[regedits]

kaa tas ir lietot

 tagus, kaa to visu var saiisinaat - varbuut vari iedot kaadu piemeerinju?

[bubu]

Tak prosta raksti: [ code] zzz [ /code] (bez atstarpes pēc [ simbola ).

Un tas izskatīsies šādi:

zzz

Kodu vieglāk lasīt vienplatuma fontā.