Како да промените боју веза на веб страници



Примери боја

Испод су кораци како можете да промените боју веза приказаних на вашој веб страници помоћу ХТМЛ-а и ЦСС-а. Иако се боје везе могу изводити помоћу ХТМЛ-а Дан тела , увек препоручујемо подешавање стила у ЦСС како је приказано испод.

екран мог рачунара је плав
Савет



Приликом дефинисања боје било ког елемента веб странице, можда ћете морати да користите ХТМЛ кодови боја . За главне боје такође можете да наведете називе тих боја уместо да користите кодове боја, на пример црвену, плаву, зелену и црну, уместо да користите њихове поштоване вредности кода боја.

Разумевање различитих врста хипервеза

Хипервезе су посебни елементи на вашој страници, јер су интерактивни. Да би показали да су интерактивни, обојени су различито у зависности од њиховог стања. Хипервеза има три посебне боје, поред задате плаве боје, које представљају три различита стања:

  1. Посећена веза - Боја посећене везе. Ако је хипервеза ове боје, корисник може очекивати да га кликом на везу воде до странице коју су већ видели. Љубичаста је задата боја хипервеза за посећену везу.
  2. Веза изнад курсора - Боја када миш лебди изнад везе. Ако је хипервеза ове боје, корисник може очекивати да притиском левог тастера миша (кликом), а затим отпуштањем дугмета долази до посете везе. Боја лебдења је иста за везе „Активно“ и „Посећено“.
  3. Активна веза - Боја везе када се кликне. Када корисник види ову боју, може очекивати да пуштањем дугмета миша проузрокује да прегледач посети везу.
Савет

Погледајте наш хипервеза дефиниција за даље информације и повезана питања са хипервезама.

Пример боје ЦСС везе

У доњем примеру ЦСС-а постављамо боје хипервеза тако да подсећају на оно што је приказано на овој страници. Прво су сва сидра подешена на # 2ц87ф0 (нијанса плаве), # 636 нијанса љубичасте, а боја свих лебдећих и активних веза: # ц33 (црвена). Доле наведени код се може додати елементу ЦСС стила или у вашу .цсс датотеку.

a { color: #2c87f0; } a:visited { color: #636; } a:hover, a:active, a:focus { color:#c33; }

Ако ваша страница не користи ЦСС, кораци у наставку показују како то учинити у ХТМЛ БОДИ таг. Међутим, као што је раније поменуто, топло препоручујемо употребу горњег ЦСС кода уместо ознаке тела. Можете додати горњи код у ЦСС датотеку и повезати све своје веб странице са том ЦСС датотеком. Тада бисте могли да промените вредности боје позадине у тој једној ЦСС датотеци да бисте одмах променили боју позадине свих страница које до ње воде.

Пример ХТМЛ ознаке тела

У неким врло ретким ситуацијама можда неће бити могуће користити ЦСС. У тим ситуацијама такође можете да дефинишете боју позадине, боју текста, боју везе и друге вредности у ХТМЛ ознаци тела, као што је приказано доле.

Испод су описи сваког од ХТМЛ атрибута у ознаци тела.

ТЕКСТ = Боја текста.
ЛИНК = Боја веза.
ВЛИНК = Посећена боја везе.
ЛИНК = Боја активне везе или боја у коју се веза мења када се кликне на њу.
БГЦОЛОР = Боја позадине странице.