Внимание! Данный раздел закрыт и доступен только для чтения в связи с запуском нового проекта uВопросы, на котором Вы можете найти ответ или задать любой интересующий вопрос по системе uCoz. Задавайте вопросы, ищите ответы и помогайте найти ответы другим пользователям системы! Получайте баллы и открывайте новые достижения. Подробнее в блоге...

Перейти на новый сайт помощи по uCoz


Архив - только для чтения
Модератор форума: Shеriff, JonMagon, Yuri_G  
Сообщество uCoz » Архивариус » Вопросы новичков (первые шаги в системе) » Как сделать ссылку? (Пошаговое описание, создания различных ссылок.)
Как сделать ссылку?
Модератор форума
Сообщение # 1 | 23:17:16
Ссылка внутри документа (страницы).

Шаг 1. Создаём якоря в нужных местах страницы.

Для этого нам нужно открыть нужный материал в визуальном редакторе, но в этом, упрощённом редакторе, отсутствуют некоторые нужные функции, поэтому нам нужно перейти в HTML редактор нажав на ссылку



и находясь в редакторе HTML, открыть визуальный редактор по ссылке



Редактор откроется в новом окне, там нам нужно:
1 - выделить нужный фрагмент текста и
2 - нажать на кнопку, панели инструментов редактора, с изображением якоря - (Закладка внутри страницы)



Далее в открывшемся Ajax окошке вводим в поле - имя - произвольное слово (лучше латинским шрифтом , можно с номером), в нашем примере это - Punkt_04 - и нажимаем кнопку - вставить - после чего окно изменит вид и в поле списка появится имя нашего якоря. Далее жмём - применить и ок



на этом якорь готов.

Шаг 2. Создаём ссылку к нашему якорю.

Теперь для создания ссылки, в визуальном редакторе:
1. нажимаем кнопку панели инструментов обозначенную на скриншоте цифрой 1



2. В открывшемся Ajax окошке, ставим точку возле строки - Закладка:
3. далее выбираем в списке нужный якорь, в нашем случае - Pukt_04
4. нажимаем кнопку - Фрейм/окно (Tatget): и выбираем Self(это же окно/фрейм)
В поле - Текст - можно написать подсказку, которая будет всплывать при наведении курсора на ссылку.
Далее жмём - применить и ок - на этом наша ссылка готова,

Осталось только сохранить сам документ

Ссылка на другую страницу или сайт.

Тут всё просто, открываем материал в визуальном редакторе



Далее:

1. Выделяем нужный фрагмент (который будет служить ссылкой)
2. Нажимаем кнопку - Ссылка - на панели инструментов редактора
3. Вставляем в поле - Адрес: - нужный адрес, куда ведёт ссылка (его можно скопировать в адресной строке браузера, предварительно зайдя на нужную страницу).
В поле - Фрейм/окно (Tatget): - выбираем из выпадающего списка, в каком окне открыть страницу адресат:
Self(это же окно/фрейм)
Blank(новое окно)
Parent(родит-ое окно)
В поле - Текст - если необходимо, пишем подсказку, которая будет всплывать при наведении на ссылку курсора мыши.
4. Применить
5. Ок
Ссылка готова.

Не забываем сохранить изменения страницы.

Изображение, фото, картинка - в качестве ссылки или кнопки.

Как и в предыдущем примере открываем материал (статью) в визуальном редакторе:



1. Кликнув левой кнопкой мыши по нужной картинке, таким образом выделяем её (на самом деле мы выделяем не саму картинку, а область в которой она расположена).
2. Далее нажимаем кнопку - Ссылка - на панели инструментов редактора



3. Вставляем в поле - Адрес: - нужный адрес, куда ведёт ссылка (его можно скопировать в адресной строке браузера, предварительно зайдя на нужную страницу).
4. В поле - Фрейм/окно (Tatget): - выбираем из выпадающего списка, в каком окне открыть страницу адресат:
Self(это же окно/фрейм)
Blank(новое окно)
Parent(родит-ое окно)
5. В поле - Текст - если необходимо, пишем подсказку, которая будет всплывать при наведении на ссылку курсора мыши.
6. Применить и Ок.
Не забываем сохранить изменения.

Ссылка на другую страницу, к определённому месту, абзацу.

Шаг 1. Создаём якорь.

Как и в самом первом примере, вначале нужно создать якорь в том месте, куда будет адресована ссылка.
Для этого открываем материал в полном визуальном редакторе, способом описанном в первом примере:



1 - выделяем нужный фрагмент текста и
2 - нажимаем на кнопку, панели инструментов редактора, с изображением якоря - (Закладка внутри страницы)



Далее в открывшемся Ajax окошке вводим в поле - имя - произвольное слово (лучше латинским шрифтом , можно с номером), в нашем примере это - Punkt_04 - и нажимаем кнопку - вставить - после чего окно изменит вид и в поле списка появится имя нашего якоря. Далее жмём - применить и ок
Якорь готов.
Сохраняем изменения страницы.

Шаг 2. Создаём ссылку.

Теперь переходим на страницу на которой будет расположена ссылка и открываем её в визуальном редакторе:



1. Выделяем нужный фрагмент (который будет служить ссылкой)
2. Нажимаем кнопку - Ссылка - на панели инструментов редактора



Далее очень тонкий и важный момент:

Вставляем в поле - Адрес: - нужный адрес той страницы, куда ведёт ссылка (его можно скопировать в адресной строке браузера, предварительно зайдя на нужную страницу) и приписываем к нему имя нашего якоря вставив перед ним решётку (без неё ссылка работать не будет) - #Punkt_04
В поле - Фрейм/окно (Tatget): - выбираем из выпадающего списка, в каком окне открыть страницу адресат:
Self(это же окно/фрейм)
Blank(новое окно)
Parent(родит-ое окно)
В поле - Текст - если необходимо, пишем подсказку, которая будет всплывать при наведении на ссылку курсора мыши.

Сохраняем изменения страницы.


PS. Настоятельно рекомендуется НЕ пользоваться визуальным редактором находясь в браузере Google Chrome, к чему может привести такое использование описано в статье - //forum.ucoz.ru/forum/31-36824-1 - для работы с сайтом лучше всего подходят адаптированные для этой цели браузеры Firefox от uCoz - описание и ссылки на скачивание находятся тут - http://browsers.ucoz.ru/
Прикрепления: 3339240.png (6.6 Kb) · 5510332.png (72.5 Kb) · 1835662.png (25.6 Kb) · 3362473.png (83.0 Kb) · 7654418.png (6.0 Kb) · 6505810.jpg (17.3 Kb) · 9725901.png (6.6 Kb) · 4972780.png (6.0 Kb) · 4073921.jpg (17.1 Kb) · 0656543.png (7.5 Kb)
Сообщение отредактировал Leonkrevs - Вторник, 26 Апр 2011, 00:05:12
FeniX_kz
Сообщений: 1642
Репутация: 971

Сообщение # 16 | 20:10:56
Quote (^Fear)
нажимаешь на фильм и тебя переносит на отделюную страницу этого фильма но в главном меню её нету

Создайте страницу,в опциях уберите галочку 'Добавить пункт в меню'. Затем просто разместите на странице видео и укажите ссылку на эту страницу.

.::I'll be back::.
Выбор за тобой!
Pechnik
Сообщений: 12
Репутация: 0
Уровень замечаний:

Сообщение # 17 | 17:20:42
Здравствуйте, подскажите такой момент. У меня прайсы на работы загруженны в каталоге файлов, как-нибудь можно сделать, что бы на главной странице сайта было написано скачать прайсы можно здесь, и при нажатии на слово здесь скачивались прайсы сразу с файлового менеджере? А то не очень удобно получается, сначало надо нажать, здесь, потом, опять скачать можно здесь
Leonkrevs
Сообщений: 55
Репутация: 56

Сообщение # 18 | 21:48:46
Quote (Pechnik)
Здравствуйте, подскажите такой момент. У меня прайсы на работы загруженны в каталоге файлов, как-нибудь можно сделать, что бы на главной странице сайта было написано скачать прайсы можно здесь, и при нажатии на слово здесь скачивались прайсы сразу с файлового менеджере? А то не очень удобно получается, сначало надо нажать, здесь, потом, опять скачать можно здесь

Можно! Внимательно прочтите эту статью

Добавлено (16-Сен-2011, 21:48:46)
---------------------------------------------

Quote (Вагнер-Р|eng|AV)
Есть ли возможность в классах указать, чтобы ссылка не индексировалась поисковиками, чтобы не вставлять её каждый раз в теги <noindex>

Вопрос не по теме, наберите в поиске фразу - индексация ссылки - и читайте результаты

Для того чтобы отблагодарить нажмите на + репутации под моей аваторкой. :)

admin3635
Сообщений: 8
Репутация: 0

Сообщение # 19 | 11:45:12
Здравствуйте. не могу справиться с проблемой. Создаю на странице якорь (пробовал на строку таблицы, на рисунок). С другой страницы ссылку на него. При переходе по ссылке на нужный якорь верхняя часть страницы позиционируется ниже нужного места, где расположен якорь. Якорь (как и ссылку на него) создаю руками (не в визуальном редакторе). Да и в визуальном редакторе то же самое получается. Вот страница с якорем Страница 1. Ссылка на якорь здесь Ссылка
Leonkrevs
Сообщений: 55
Репутация: 56

Сообщение # 20 | 00:53:30
Quote (admin3635)
При переходе по ссылке на нужный якорь верхняя часть страницы позиционируется ниже нужного места, где расположен якорь

Мною проблема позиционирования решена переносом якоря чуть выше того места, на котором он должен открываться, так-же рекомендую для идентификации якорей использовать код типа - ID0001 ... ID00nn.

Для того чтобы отблагодарить нажмите на + репутации под моей аваторкой. :)

100hp
Сообщений: 1
Репутация: 0

Сообщение # 21 | 15:32:04
здравствуйте!
может я что-то не понял, но вот как прикрепить файл к фразе в тексте?
например: "чтобы скачать, нажмите здесь"
и при нажатии этой фразы начиналось скачивание файла
ДухLESS
Сообщений: 552
Репутация: 484

Сообщение # 22 | 15:36:31
100hp,
Quote
<a href="ссылка_к_файлу_на_сервере">Чтобы скачать нажмите здесь</a>
Ester
Сообщений: 32
Репутация: 0

Сообщение # 23 | 13:06:02
Уже задавала этот вопрос в другом разделе, но его проигнорировали. Возможно он слишком детский, но не могу сама справиться. Помогите пожалуйста.

Мне нужно сделать список статей, так чтобы каждая являлась ссылкой, и по клику ее можно было бы посмотреть (скачать) в pdf формате.
Как это сделать?
Каталог файлов не устраивает, так как там каждая статья идет как отдельное сообщение.
Пробовала закачать в файловый менеджер, но там pdf формат не открывается.
Подсоединилась к Ftp, закачала туда нужный файл, но не поняла как к нему путь указывать. Если нужно сначала его на сайт залить, то не поняла как это сделать. То есть через какие кнопки (иконки, модули) со своего сайта?
ДухLESS
Сообщений: 552
Репутация: 484

Сообщение # 24 | 13:14:02
Ester, Загрузите документ в Файловый менеджер, потом, нажмите на его название, появится окно со ссылкой, ее скопируйте.
Далее пишите в нужном месте код:
Quote
<a href="скопированная_ссылка">Название какое-нибудь</a>
Ester
Сообщений: 32
Репутация: 0

Сообщение # 25 | 14:28:26
ДухLESS, спасибо))
Но я это все уже проделывала сто раз. У меня нет проблем, чтобы вставить ссылку на файл, страничку и т.д.
Проблема в том, что нужные мне файлы в pdf-формате, а в Файловом менеджере этот формат не открывается.
FTP-менеджер, похоже, тоже проблемы не решает, так как закаченные через него файлы, почему-то, опять таки попадают в те же папки, кот. файловым менеджером открываются.

Не знаю что делать.

Размещать файлы на сторонем файлообменнике, это как совсем неприлично.
Сообщение отредактировал Ester - Среда, 23 Ноя 2011, 14:31:15
Abu-Abubakr
Сообщений: 40
Репутация: 51

Сообщение # 26 | 20:12:46
Ester, если вы хотетие чтоб файл с форматом pdf читалось, то и сторонный хостинг тоже непоможет. Для чтение pdf нужно отдельный php скрипт.
Если для скачки, то просто можно загрузить и указать ссылку (маршрут )

VotelAdmin
Сообщений: 10
Репутация: 0

Сообщение # 27 | 16:18:24
Добрый день, мастера WEBа!
Опишите, пожалуйста, в подробностях:
[b][size=11][color=red]Как запрограммировать ссылку в анимированную картинку

И вторая задача:
[b][color=red][size=11]Как запрограммировать ссылку ( переход на другую страницу) в текст или в кнопку так, что при наведении мышью на этот текст, цвет текста ( или кнопки ) менялся.
ДухLESS
Сообщений: 552
Репутация: 484

Сообщение # 28 | 16:31:41
VotelAdmin,
Quote (VotelAdmin)
Как запрограммировать ссылку в анимированную картинку

Code
<a href="ссылка_на_страницу"><img src="ссылка_на_картинку"></a>

Quote (VotelAdmin)
Как запрограммировать ссылку ( переход на другую страницу) в текст или в кнопку так, что при наведении мышью на этот текст, цвет текста ( или кнопки ) менялся.

Quote
<style>a.linkl {color:#000000;}a.linkl:hover{color:red}</style>
<a href="ссылка" class="linkl">Текст</a>

синее - заменить на свои цвета.
Leonkrevs
Сообщений: 55
Репутация: 56

Сообщение # 29 | 21:39:09
VotelAdmin,
На будущее! Писать свои посты красным шрифтом - привилегия администрации этого форума!

Для того чтобы отблагодарить нажмите на + репутации под моей аваторкой. :)

VotelAdmin
Сообщений: 10
Репутация: 0

Сообщение # 30 | 01:05:56
Quote (ДухLESS)
Quote (VotelAdmin)
Как запрограммировать ссылку ( переход на другую страницу) в текст или в кнопку так, что при наведении мышью на этот текст, цвет текста ( или кнопки ) менялся.

Quote
<style>a.linkl {color:#000000;}a.linkl:hover{color:red}</style>
<a href="ссылка" class="linkl">Текст</a>


Пробовала вставить на сайт, цель достигнута- цвет ссылки при наведении мыши на неё меняется.
Только не поняла, где работает этот участок программы: {color:#000000;}
Пробовала шифры разные, нигде цвета не меняются.
Подскажите, кто знает rolleyes
Сообщество uCoz » Архивариус » Вопросы новичков (первые шаги в системе) » Как сделать ссылку? (Пошаговое описание, создания различных ссылок.)
Поиск: