Как сделать ссылку подсказку
Здравствуйте, дорогие мои читатели! Я недавно, читая статью на одном сайте заметила, что подведя курсор к ссылке, всплывает маленькое окошко, что- то типа маленькой подсказки. Мне это очень понравилось, ведь сразу было видно, куда я перейду, если кликну по данной ссылке. Порыскав информацию в интернете, я ничего не нашла. Вернее информация была, но не совсем полная. А мне нужно было объяснить своим читателям
, все в мельчайших подробностях. Как вы поняли, сегодня статья о том как сделать ссылку подсказку.
И вот пришлось запастись терпением и пораскинуть мозгами. Да и знания по html пригодились. Но вы не пугайтесь. Это все делается легко и быстро. Я лишь покажу вам, как это можно сделать, используя лишь визуальный редактор wordpress.
Давайте несколько слов о самих ссылках. Ссылка(link) – это некий адрес, нажимая на который мы переходим на другую страницу. Сегодня, как раз речь о гиперссылках. В прошлой своей статье Делаем перелинковку сайта, я писала и говорила о ссылках, анкорах, кто не понимает о чем я, почитайте мою предыдущую статью и вам все станет ясно.
И так вернемся к нашей ссылке. Вот наша ссылка http://wordstat.yandex.ru/,так она выглядит.
Допустим, я пишу какой- то текст и мне нужно вставить ссылку. Что я для этого делаю? Я выделяю эту ссылку и нажимаю значок цепочки и, в открывшемся окошке вставляю адрес ссылки.
Таким образом, при опубликовании моего поста, ссылка становится активной и по ней можно перейти.
Ссылка обозначается парным тегом.
<a>- это, открывающий тег
</a> это закрывающий тег. Различие в том, что в закрытом теге стоит слеш(/). Или, как иногда называют новички косая палочка.
А теперь я хочу показать вам, как не зная кодов сделать ссылку подсказку.
Для этого нужно перейти из визуального просмотра в html редактор. И тут мы видим наш код на ссылку.
Выглядит он так. Смотрим скриншот.
Давайте разберемся:
То, что я выделила синим это ссылка http://wordstat.yandex.ru/
target="_blank" - это тег означает открывать в новом окне, он у меня зеленым выделен.
title="Текст подсказки для ссылки" — это наша подсказка, вписываем любой текст.
Вот такая ссылка подсказка у нас получилось.
С редактором на wordpress можно не заморачиваться на счет цвета ссылок. Достаточно выделить ссылку и выбрать для нее цвет. Вот такой волшебный редактор.
А в науке html можно сделать с помощью таких атрибутов, которые прописываются в теге <body>.
примерчик:
Пример задания цвета ссылок.
link — ссылка по которой не переходили и она по умолчанию отображается синим цветом.
alink — так обозначается активная ссылка, по умолчанию у нее красный цвет.
vlink — это уже, посещенная ссылка, всегда по умолчанию фиолетовый цвет.
Ну вот и все, о чем хотела рассказать. А вы сами думайте нужно это или нет. Только практика показала, что посетители лучше кликают по ссылкам с подсказками. Так они уже видят,куда ведет данная ссылка.
C уважением, Рита Молчанова, автор блога ritabk.ru
Рита Молчанова Reply:
Февраль 11th, 2015 at
Ольга, я рада, что свои находки, вы копите в копилочке. При необходимости их оттуда всегда можно достать и применить.
[Ответить]