Скривање везе са ЦСС-ом може се извршити на више начина, али ћемо погледати два метода у којима УРЛ може бити потпуно сакривен од погледа. Ако желите да креирате лов на чуваре или ускршње јаје на вашој веб локацији, ово је занимљив начин да сакријете везе.
Први начин је кориштење "ноне" као вриједност вриједности ЦСС вриједности поинтера. Друга је једноставно бојати текст да одговара позадини странице.
Имајте на уму да ниједан метод неће учинити да линк потпуно нестане од проналаска приликом претраживања изворног кода. Међутим, посетиоци неће имати једноставан, једноставан начин да га виде, а ваши посетиоци новинара неће имати појма како пронаћи линк.
Напомена: Ако тражите упутства о повезивању спољног листа стила, ова упутства нису оно што следите. Погледајте какав спољни стил лист? уместо тога.
Онемогући догађај показивача
Први метод који можемо да сакријемо УРЛ-ом је да веза не учини ништа. Када миш прелази преко везе, неће вам показати на шта указује УРЛ адреса и не дозвољава вам да кликнете на њега.
Напишите ХТМЛ исправно
Једна веб страница, проверите да ли се хипервезица чита овако:
<а хреф="хттпс://ввв.тхоугхтцо.цом/" цласс="ацтиве"> ТхоугхтЦо.цомНаравно, "хттпс: //ввв.тхоугхтцо.цом/ " треба да упућује на стварни УРЛ који желите скривати, а ТхоугхтЦо.цом може да се промени на било коју реч или фразу која вам се свиђа која описује везу.
Идеја је да ће активна класа бити кориштена са ЦСС испод како би се сакривала веза.
Користите овај ЦСС код
ЦСС код мора да обради активну класу и објасни прегледачу да би догађај на клику везе требало да буде "ниједан", овако:
.ацтиве {поинтер-евентс: ноне; курсор: подразумевана; }Ову методу можете видети у ЈСФиддле-у. Ако уклоните ЦСС код тамо, а затим поново покрените податке, веза изненада постаје могућност клизања и употребе. То је зато што када ЦСС није примењен, веза се понаша нормално.
Напомена: Имајте на уму да ако корисник прегледа изворни код странице, видећете линк и тачно знати где иде, јер као што смо већ видели, код је још увек ту, једноставно није употребљив.
Промените Боја везе
Нормално, веб дизајнер ће учинити хипервезе другачијом бојом од позадине, тако да их посетиоци могу заправо видети и знати где иду. Међутим, ми смо овде да сакривамо везе , па да видимо како промијенити боју која одговара оној страници.
Дефинишите прилагођену класу
Ако користимо исти пример из прве горе наведене методе, једноставно можемо променити класу на оно што желимо, тако да су само посебне везе скривене.
Ако нисмо користили класу и умјесто тога примијенили ЦСС одоздо на сваку везу, онда ће сви они нестати. То није оно што смо овде, зато ћемо користити овај ХТМЛ код који користи прилагођену хидеме класу:
<а хреф="хттпс://ввв.тхоугхтцо.цом/" цласс="хидеме"> ТхоугхтЦо.цомСазнајте која боја треба користити
Пре него што унесемо одговарајући ЦСС код да сакријемо везу, морамо да откријемо коју боју желимо да користимо. Ако већ имате солидну позадину, као бела или црна, онда је то лако. Међутим, и друге специјалне боје морају бити тачне.
На пример, ако ваша боја позадине има хек вредност е6дед1 , морате знати да ЦСС код ради исправно за страницу на којој желите да нестане.
На располагању вам је пуно ових алата за избор боја "или" еиедроппер ", од којих се један назива ЦолорПицк Еиедроппер за Цхроме прегледач. Користите га да бисте узорковали боју позадине ваше веб странице да бисте добили шестоструку боју.
Прилагодите ЦСС да бисте променили боју
Сада када имате боју коју треба повезати, време је да то користите и вредност прилагођене класе изнад, да бисте написали ЦСС код:
.хидеме {цолор: # е6дед1; }Ако је боја позадине једноставна као бела или зелена, не морате ставити знак # прије њега:
.хидеме {цолор: вхите; }Погледајте код овог узорка у овом ЈСФиддле.