Cascading Style Sheet - Link

Date: Pirmdiena, 01 Nov 2010, 2:35 PM | Ieraksts # 1

Pakāpe:

Ieraksti: 57

1. Linka iekrāsošana:

Code

a {
color: blue;
}

2. Ja veidojam linku kas arī pēctam attēlosies kā jau apmeklēts tad kods jāveido šādi (Neapmeklēts links zils, jau apmeklēts sarkans):

Code

a:link {
          color: blue;
      }
a:visited {
    color: red;
   }

3. Linka krāsas norādīšana ar skaitļiem priekšā liekot simbolu - #. Tad jāizskatās aptuveni šādi:
P.S. krāsas kods vienmēr sastāv no 6 cipariem, ne mazāk, ne vairāk.

Code

a:link {
color: #6699CC;
}

Tas pats arī ar jau apmeklēta linka kodu:

Code

a:visited {
color: #660099;
}

4. Ja vēlamies lai Linkiem būtu arī backgrounda krāsa, tad kodam jāpievieno šis:
P.S. Kad tiks uzbraukts ar peli background krāsa pazūd.

Code

   a:active {
    background-color: #FFFF00;
   }

Bet ja vēlamiesto ka ja tiek uzbraukts ar peli un background paliktu tad papildus jāievada šis:

Code

a:hover {
background-color: #FFFF00;
}

5. Linka hover stila veidošana.
P.S. Šo kodu rediģējam tā kā gribal lai izskatītos kad tiek uzbraukts ar peli.

Code

a:hover {
          letter-spacing: 10px;
          font-weight:bold;
          color:red;
      }

6. linka pasvītrojuma novākšana:
Šo kodu ievietojam tajā vietā kur tiek stilizēts linka stils (gan vēl neapm. links, gan jau apm. link un tā tālāk)

Code

text-decoration:none;

7. Kopumā Linka stila kodam vaidzētu izskatīties šādi

Code

a:link {
    color: blue;
    text-decoration:none;
   }

   a:visited {
    color: purple;
    text-decoration:none;
   }

   a:active {
    background-color: yellow;
    text-decoration:none;
   }

   a:hover {
    color:red;
    text-decoration:none;
   }

uForums.GameHost.lv - Universal Community Forum - Latvia - Join For Free Now