[Acimredzamais neticamais ]
[ Jaunas vēstules · Dalībnieki · Foruma noteikumi · Meklēšana · RSS ]
  • Lappuse 1 no 1
  • 1
Foruma moderators: Laura, Markus  
Forums » Ucoz lietas » HTML & JavaScript & CSS » Cascading Style Sheet - Link (Pamata pamācība kā veidot link css)
Cascading Style Sheet - Link
UnknowNDUDEDatums: Ceturdiena, 23.02.2012, 11.04 | Ziņas# 1
Markusa otrais profils
Grupa: Parbaudītie lietotāji
Ziņas: 16
Balvas: 3
Aizrādījums: 0%
Status:
Tautas apbalvojumi : 3 Balvu ielāde ...
Administrācijas apbalvojumi
Par 10 ziņojumiem
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;
    }
       


Autors - Markus
 
Forums » Ucoz lietas » HTML & JavaScript & CSS » Cascading Style Sheet - Link (Pamata pamācība kā veidot link css)
  • Lappuse 1 no 1
  • 1
Meklēšana: