Как сделать кликабельную
Обновлено: 04.07.2024
2) Создание ссылки через панель кнопок. Отдельные движки BB код не используют, у них своя собственная система кодирования и поставить ссылку проще всего воспользовавшись соответствующей кнопкой в панели. Выглядеть она может по-разному.
Наиболее популярные кнопки:
Пользоваться ими достаточно легко. Выделяете нужный анкор – нажимаете кнопку — в появившемся окне указываете url и сохраняете.
3) HTML. В некоторых редких движках, особенно самописных, ссылка делается через HTML код:
анкор .
Этот код не универсальный. На движках с bb кодом и своей системой кодирования ссылка работать не будет. После того, как ссылку вы поставили, обязательно проверяйте, как она отображается и работает.
На этом собственно о том, как сделать кликабельную ссылку на форуме, у нас всё.
Надеюсь, что данная инструкция пригодиться вам на практике.
Если вам потребуется помощь в наполнении ваших форумов, групп вк, комментировании статей и любой другой подобный копирайт, наша команда постеров готова вам помочь.
По всем вопросам пишите в ICQ 275129, Вконтакте, на почту или Skype artek356.
Недавно мне понадобилось сделать часть картинки из шапки сайта ссылкой на главную страницу.
Можно было конечно порезать картинку на части и сделать одну из частей ссылкой, но мне этот вариант не подходил.
Поразмыслив, я нашел другой способ сделать кликабельной какую-то область.
Создаем пустой див, задаем ему нужные нам размеры и позиционирование.
Добавляем свойство onClick и все готово.
Добавьте эти строки в свой файл стилей
HREF — определяет область как гипертекстовую ссылку. Значение задается в виде ссылки (URL).
TARGET — определяет окно (фрейм), на которое указывает гипертекстовая ссылка. Этот атрибут используется только совместно с атрибутом HREF. В качестве значения необходимо задать либо имя одного из существующих фреймов (см. элемент FRAME) либо одно из зарезервированных имен, подробно описанных в атрибуте TARGET элемента A.
NOHREF — определяет область как неактивную (невосприимчивую к нажатию). Данный атрибут противоположен атрибуту HREF и используется для отмены действия последнего.
ALT — определяет альтернативный текст-подсказку для данной области.
Если у вас есть вопросы — пишите в комментариях, с удовольствием вам отвечу.
Не забывайте подписаться на RSS, чтобы не пропустить обновления.
19 комментариев к “ Делаем кликабельной любую область сайта ”
Большое спасибо за то, что часто радуете нас результатами своей работы. На этом сайте всегда нахожу что-то полезное для себя. Искренне надеюсь, что продолжите его развивать. Желаю успехов в этом непростом деле.
Согласен с предыдущими мнениями, добавлю в избранное
А чего у блога такая посещаемость низкая… Кстати на твой блог порчу навели, помогу снять
microfollowfriday Посещаемость низкая т.к. нет времени наполнять блог. Про порчу улыбнуло))
co-nopay Спасибо.
Чувствуется творческий подход к теме, респект)
Очень жаль у меня так не сделать. мешают другие стили с заданной шириной. =(
Влад а в чем проблема? Используйте area или задай абсолютное позиционирование.
Автор выйди к напроду, вопросы есть!
Взгляните пожалуйста на главную страницу сайта la-belle.kz. Как можно реализовать подобное (изменяющий цвет и превращенный в ссылку графический текст, расположенный по кругу)?
СПАСИБО за внимание и обстоятельный ответ.
Nadir там все просто — текст сделан картинкой, при наведении картинка меняется. Посмотрите в файрбаге как это реализовано, там все просто — div с меняющимся фоном по событию hover.
Как сделать кликабельным элемент списка ?
Делаю горизонтальное меню списком, нужно чтобы при наведении в область текст ссылки менялся фон внутри элемента li, а при нажатии в область — открывалась нужная страница. Загвоздка именно в том, что не могу сделать эту область кликабельной, при нажатии на сам текст — без проблем
чето не получается в joomla впилить ссылку((((
А что именно не получается? Какие ошибки?
Здравствуйте. Помогите, пожалуйста, написать код. Создала на главной странице сайта полноэкранный слайдер, в котором пролистываются разные картинки. На последнем изображении нужно две определенные области сделать кликабельными. Расположены они на одном уровне внизу, на небольшом расстоянии друг от друга. В этих местах я в фотошопе нарисовала картинки. Буду признательна, если поможете — я только начинаю осваивать азы программирования, поэтому ОЧЕНЬ многого не знаю.
Здравствуйте, Юлия Сергеевна.
В нужном месте вы можете разместить, например,
Активная или кликабельная ссылка - это ссылка, при нажатии на которую происходит переход на другую страницу или сайт.
Прямая ссылка - это ссылка, при нажатии на которую переход на другую страницу или сайт происходит сразу же, без промежуточных страниц и редиректов.
Анкорная ссылка - это ссылка в виде кликабельного слова или фразы. Безанкорная ссылка - это ссылка в виде кликабельного URL, совпадающего с адресом, на который ведет ссылка.
Чтобы определить тип ссылки на сайте, можно использовать следующие способы:
1. Установите расширение RDS для Mozilla Firefox ([ссылки видны только авторизованным пользователям]), Opera ([ссылки видны только авторизованным пользователям]) или Google Chrome ([ссылки видны только авторизованным пользователям]), в настройках которого можно задать подсвечивание разных типов ссылок разными цветами.
2. Выделите ссылку и нажмите на ней правой клавишей мыши - выберите в контекстном меню пункты:
в Mozilla Firefox - "Исследовать элемент",
в Opera - "Инспектировать элемент",
в Google Chrome - "Просмотр кода элемента".
Как проверить, закрыта ли ссылка от индексации с помощью "nofollow" и "noindex"?
Как сделать ссылку активной (кликабельной)?
Это зависит от сайта и страницы, на которой необходимо проставить ссылку, как правило, на многих сайтах присутствует встроенный функционал - визуальные редакторы HTML-кода, где возможность простановки ссылки предусмотрена с помощью соответствующей кнопки. Также ссылки могут становиться кликабельными сразу после публикации, как это сделано на Адвего, например. Проверить это можно только на практике либо на примере ссылок, оставленных другими пользователями сайта.
Как сделать ссылку анкорной?
Если на сайте или в форме комментирования есть визуальный редактор, то достаточно выделить нужную ключевую фразу, нажать кнопку с изображением цепи (как правило) и указать URL целевой страницы. При этом выделенная ключевая фраза автоматически станет анкорной ссылкой.
При написании постов, писем на почте, и создании других текстов зачастую нужно спрятать под фразой сноску, сайт. При этом важно сделать ее кликабельной для перебрасывания читателя на нужную страницу при нажатии. Подробно разбираемся, как можно ссылку заменить фразой или словом. Смотрим, где это разрешается делать и какие шаги нужно выполнить.
Инструкция для Вконтакте
Вконтакте легко создать активную ссылку с переадресацией на личную страницу, группу, фотоальбом, пост, аккаунты пользователей. Метод универсальный для всех случаев:
Как сослаться на сторонний сайт на блогах, форумах
При написании публикации на стороннем блоге или вопроса на форумах часто также нужно подставить вместо текста линк. Как это сделать? На подобных площадках вверху формы публикации существует набор инструментов. С его помощью можно разнообразить пост нестандартными шрифтами, цветами и вставить словом ссылку.
Для этого нужно написать слово или фразу и выделить мышкой. Затем кликнуть по соответствующему значку, такому или подобному:
Если адрес не стал кликабельным, удалите его и впишите заново. Возможно, какое-то действие было выполнено неправильно.
Инструкция для ворд
При написании текста в ворде часто появляется необходимость сослаться на экспертную статью, блог, научную работу и другие источники. В редакторе это легко сделать, заменив длинный адрес словом. Пошаговая инструкция:
Читайте также: