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

Шановні користувачі! Запрошуємо вас до офіційного телеграм-канала 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
Ответов(1 - 7)
Spectral
Nov 15 2017, 13:06
  
Пост #2

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

Репутация:   3106  
Кошки-это хорошо
******

Группа: Модеры
Сообщений: 21 465
С нами с: 2-July 07


Если только картину, то белым (фоновым) цветом шрифта наиболее просто. А чтоб вообще не было, то по идее можно в таблицу с 0 высотой.

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



Репутация:   31  
Дух


Группа: Пользователи
Сообщений: 89
С нами с: 14-October 09


(DemirelUA @ Nov 15 2017, 13:56) Перейти к цитате

Подскажите, не могу найти костыль:
По условия сотрудничества с одним сайтом мне нужно на определенных страницах размещать ссылку на него. Естественно, лишние ссылки портят картину, но что поделать.
Так вот, как сделать эту ссылку видимой в коде, но абсолютно невидимой для обычного пользователя? К примеру, какой-то прозрачный текст/отображение за пределами экрана/еще что-то. Наверняка кто-то с этим сталкивался, можете подсказать, как это реализовать наиболее красиво?
Заранее спасибо!

style="display:none"
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
DemirelUA
Nov 15 2017, 13:31
  
Пост #4



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

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


(Spectral @ Nov 15 2017, 13:06) Перейти к цитате

Если только картину, то белым (фоновым) цветом шрифта наиболее просто. А чтоб вообще не было, то по идее можно в таблицу с 0 высотой.


Спасибо за отзывчивость, но у меня, увы, такой вариант не прокатит, так как фоновое изображение на странице есть и ссылка будет видна еще ярче (сейчас цвет текста черный).

(miniden @ Nov 15 2017, 13:11) Перейти к цитате

style="display:none"


Все гениальное, как всегда, просто. Как я до этого не додумался, аж стыдно.
Спасибо!
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
jamper
Nov 15 2017, 18:38
  
Пост #5



Репутация:   40  
Cтаршой
**

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


(DemirelUA @ Nov 15 2017, 13:31) Перейти к цитате

Спасибо за отзывчивость, но у меня, увы, такой вариант не прокатит, так как фоновое изображение на странице есть и ссылка будет видна еще ярче (сейчас цвет текста черный).
Все гениальное, как всегда, просто. Как я до этого не додумался, аж стыдно.
Спасибо!

А вы уточнили зачем это?
Такая ссылка может вашему сайту подпортить репутацию. Роботы поисковиков не любят такого дела.
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
DemirelUA
Nov 15 2017, 21:13
  
Пост #6



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

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


(jamper @ Nov 15 2017, 18:38) Перейти к цитате

А вы уточнили зачем это?
Такая ссылка может вашему сайту подпортить репутацию. Роботы поисковиков не любят такого дела.

Именно для этого.
Изучил почти сразу матчасть, не знал такого раньше.
Буду вставлять ссылки как-то иначе. Понял уже, что нельзя прятать в символ, выносить за пределы экрана или ставить любые атрибуты типа none или hidden. В гугле нашел другие методы, но не знаю, насколько ни одобряются поисковиками. Как вариант, буду вставлять ссылки более законно, написав в нужной части страницы небольшой текст на абзацик и просто на какое-то слово вставлю ссылку.
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
-13-
Nov 17 2017, 12:57
  
Пост #7

Благодарности: 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
  
Пост #8



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

Группа: Пользователи
Сообщений: 351
С нами с: 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

 



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