Здравствуйте Гость [ Вход | Регистрация ] | Форум в сети 6896-й день

Новорічний Фріліч на трекері активовано!
Шановні користувачі! Запрошуємо вас до офіційного телеграм-канала 0day Community. Тут ви зможете поспілкуватися одне з одним та дізнатися про останні новини щодо роботи ресурса, поставити запитання до адміністрації, тощо. Перейти до телеграм-канала можна відсканувавши QR-код або натиснувши на посилання: @zeroday_ua

 Незаметная ссылка на сайте

DemirelUA
Nov 15 2017, 12:56
  
Пост #1



Репутация:   342  
Старожил
****

Группа: Пользователи
Сообщений: 3 109
С нами с: 7-January 14


Подскажите, не могу найти костыль:
По условия сотрудничества с одним сайтом мне нужно на определенных страницах размещать ссылку на него. Естественно, лишние ссылки портят картину, но что поделать.
Так вот, как сделать эту ссылку видимой в коде, но абсолютно невидимой для обычного пользователя? К примеру, какой-то прозрачный текст/отображение за пределами экрана/еще что-то. Наверняка кто-то с этим сталкивался, можете подсказать, как это реализовать наиболее красиво?
Заранее спасибо!
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
 
Reply to this topicStart new topic
Ответов
-13-
Nov 17 2017, 12:57
  
Пост #2

Благодарности: 5715

Репутация:   1254  
Ветеран
*****

Группа: Модеры
Сообщений: 6 284
С нами с: 17-October 06


style="text-decoration: none"
уберет подчеркивание у ссылки
для посетителей будет незаметно, если не искать мышкой
вряд ли гугел такое банит, это ж к оформлению относится, периодически встречаю на сайтах гиперлинки без подчеркивания

Сообщение отредактировал -13- - Nov 17 2017, 13:01
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
Blast
Nov 17 2017, 13:23
  
Пост #3



Репутация:   63  
Активист
*

Группа: Пользователи
Сообщений: 355
С нами с: 17-December 07


Если заговорили о стилях, можно еще так сделать:

Подразумевается что фоновый цвет страницы - белый.

html

   <a href="http://link.com" target="_blank" class="unvisible">Link</a>

css

a.unvisible {
   color: #fff;
}
a.unvisible:hover  {
   cursor: default;
   color: #fff;
}
a.unvisible:active {
   cursor: default;
   color: #fff;
}


Ещё можно отменить действие перехода по ссылке, при нажатии..:

   <a href="http://link.com" target="_blank" class="unvisible" onclick="return false;">Link</a>


Как вариант можно еще использовать css, transition)

Сообщение отредактировал Blast - Nov 18 2017, 11:15
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

Сообщения в этой теме


Reply to this topicStart new topic

 



- Упрощённая версия
Сейчас: 30th January 2025 - 19:43
Сайт не розміщує електронні версії творів, а займається лише колекціонуванням та каталогізацією посилань, що публікуються нашими користувачами. Якщо Ви є правовласником якоїсь частини опублікованого матеріалу та не бажаєте, щоб посилання на нього знаходилось в нашому каталозі, зв’яжіться з нами і ми видалимо його. Файли для обміну надані користувачами сайту і адміністрація не несе відповідальності за їх вміст.