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

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


Страница 1 из 241232324»
Архив - только для чтения
Модератор форума: 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, к чему может привести такое использование описано в статье - http://forum.ucoz.ru/forum/31-36824-1 - для работы с сайтом лучше всего подходят адаптированные для этой цели браузеры Firefox от uCoz - описание и ссылки на скачивание находятся тут - http://browsers.ucoz.ru/
Прикрепления: 3339240.png(7Kb) · 5510332.png(72Kb) · 1835662.png(26Kb) · 3362473.png(83Kb) · 7654418.png(6Kb) · 6505810.jpg(17Kb) · 9725901.png(7Kb) · 4972780.png(6Kb) · 4073921.jpg(17Kb) · 0656543.png(7Kb)
Сообщение отредактировал Leonkrevs - Вторник, 26 Апр 2011, 00:05:12
Leonkrevs
Сообщений: 55
Сообщение # 2 | 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, к чему может привести такое использование описано в статье - http://forum.ucoz.ru/forum/31-36824-1 - для работы с сайтом лучше всего подходят адаптированные для этой цели браузеры Firefox от uCoz - описание и ссылки на скачивание находятся тут - http://browsers.ucoz.ru/
Прикрепления: 3339240.png(7Kb) · 5510332.png(72Kb) · 1835662.png(26Kb) · 3362473.png(83Kb) · 7654418.png(6Kb) · 6505810.jpg(17Kb) · 9725901.png(7Kb) · 4972780.png(6Kb) · 4073921.jpg(17Kb) · 0656543.png(7Kb)
Сообщение отредактировал Leonkrevs - Вторник, 26 Апр 2011, 00:05:12
webanet
Личный менеджер
Сообщений: 23225
Репутация: 4879

Сообщение # 3 | 13:34:23
Leonkrevs, можно и без визуального редактора обойтись http://htmlbook.ru/samhtml/yakorya
визуальный редактор портит код

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
Leonkrevs
Сообщений: 55
Репутация: 56

Сообщение # 4 | 02:07:43
webanet, Чтобы обойтись без визуального редактора, нужно очень хорошо разбираться в языке HTML, а эти примеры предназначены для тех, кто в нём не разбирается. Опыт приходит со временем.
Да конечно, в учебнике код выглядит красиво, цветной, теги выстроены в столбик, но это в учебнике. А когда открываешь страницу в HTML редакторе сайта, то человек не искушённый, сразу теряется, там ведь нету ни цветных тегов ни столбиков, хорошо хоть пробелы есть. А публика тут на форуме, по большей части опыта работы с HTML не имеющая, для неё и предназначен визуальный редактор. И эти примеры тоже для неё.

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

Сообщение отредактировал Leonkrevs - Среда, 27 Апр 2011, 03:49:20
fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 5 | 02:29:37
dolcevita,
Quote (dolcevita)
Уважаемые! Подскажите, как сделать ссылку на строку на странице сайта?

Поставить якорь, и сослаться на него ....
Code
<a id="anchor1" name="anchor1">Я якорь</a> на странице ....  

Code
<a href="http://forum.ucoz.ru/forum/4-23625-17#anchor1">Я ссылка</a> на этот якорь ...

...

Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8
Miss_Esq
Сообщений: 13865
Репутация: 4160
Уровень замечаний:

Сообщение # 6 | 08:19:46
dolcevita,
Quote
Подскажите, как сделать ссылку на строку на странице сайта?

Пример ....
Поставить перед строкой на странице сайта ..
<a name="JS01"></a>
Ссылка на эту строку для перехода , ставите где угодно ...
<a href="#JS01">ссылка на строку</a>
JS01 - ID ссылки и якоря , для каждого якоря и ссылки свои индивидуальные , ( JS02 , JS03 и т д , название - ID ставьте своё .... )

Leonkrevs,

Quote
браузеры просто игнорирую особенно IE.
biggrin

Сообщение отредактировал Miss_Esq - Понедельник, 16 Май 2011, 12:51:23
Navi125
Сообщений: 2
Репутация: 0

Сообщение # 7 | 22:25:07
Подскажите пожалуйста, как сделать, чтобы ссылка меняла свой цвет после того как ее посетили. Чтобы пользователь возвращаясь на страницу где расположена ссылка (ссылки) видел по каким он уже зашел а на каких еще не был. А то у меня по-моему цвет не меняется. Спасибо.

Зайди на сайт рецептов, покажи жене или подружке www.vse-rezepty.ucoz.ru
Sultanka
Сообщений: 50
Репутация: 27

Сообщение # 8 | 22:43:06
Navi125, настройка внешнего вида ссылок производится в таблице CSS стилей. Там вам надо найти примерно такой код:

Code
a:link {text-decoration:underline; color:#4D6D91;}
a:visited {text-decoration:underline; color:#4D6D91;}
a:hover {text-decoration:underline; color:#000000;}
a:active {text-decoration:underline; color:#000000;}


Меняете то, что вам нужно под свои запросы.

Lihk - не посещенные ссылки
Visited - посещенные
Hover - ссылки на которые наведен курсор
Active - ссылки в момент нажатия.

text-decoration - устанавливает или отменяет подчеркивание ссылок

Создаете сайт питомника? Вам нужен для него домен? - "имя".питомники.рф - в подарок!!!
Сообщение отредактировал Sultanka - Четверг, 09 Июн 2011, 22:57:47
Leonkrevs
Сообщений: 55
Репутация: 56

Сообщение # 9 | 00:45:36
Esuslina,
Quote
Как сделать ссылку с родительской страницы на дочернюю и наоборот?

Технология описана тут - http://forum.ucoz.ru/forum/31-36706-725907-16-1303763162

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

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

Сообщение # 10 | 12:55:27
Не могу поставить якорь,обзываю его,жму вставить,выделенный текст принимает вид ссылки и всё...
и второй вопрос: как удалить ненужные якоря?(напр:создал не там где надо)

Всё в мире кажется иллюзорным и лишь иллюзия кажется настоящей
Miss_Esq
Сообщений: 13865
Репутация: 4160
Уровень замечаний:

Сообщение # 11 | 13:28:01
Zaika143, Вручную делайте ...

Ссылки типа , для перехода к определённому участку материала:

<a href="#d01">раз</a>
<a href="#d02">два</a>
<a href="#d03">три</a>

А к этим элементам , по ID , расположенным в разных местах и будет осуществляться переход ( мгновенный скроллинг по вертикали )

<div id="d01">первый</div>
<div id="d02">второй</div>
<div id="d03">третий</div>

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

Сообщение # 12 | 14:34:19
То есть <a href="#d01">раз</a> это якорь,а
<div id="d01">первый</div> это ссылка?
Всё это в хтмл?

Всё в мире кажется иллюзорным и лишь иллюзия кажется настоящей
Leonkrevs
Сообщений: 55
Репутация: 56

Сообщение # 13 | 16:13:27
Quote (Zaika143)
Не могу поставить якорь,обзываю его,жму вставить,выделенный текст принимает вид ссылки и всё...
и второй вопрос: как удалить ненужные якоря?(напр:создал не там где надо)

Устанавливать якоря, лучше через HTML редактор, а удалять их можно только через него.
более подробное описание тегов находится тут
Quote (Zaika143)
То есть <a href="#d01">раз</a> это якорь,а
<div id="d01">первый</div> это ссылка?
Всё это в хтмл?

Нет как раз наоборот id это идентификатор якоря, иными словами закладка в тексте, а обязательный символ # это указатель того, что искать идентификатор нужно именно на этой странице в тексте (ссылка к закладке, якорю)

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

Komoff
Сообщений: 595
Репутация: 277

Сообщение # 14 | 20:44:33
AlexKF, а ты вон о чем, я сразу не понял, попробуй как-то так
Code
<a href="$SOURCE_URL$" onclick="$.get('$FILE_URL$');return true;">ссылка</a>
нажатия соответственно будут выводится в $LOADS$.
^Fear
Сообщений: 1
Репутация: 0

Сообщение # 15 | 19:36:17
Всем привет , я ещё новичок в создании сайта , но учусь помаленьку )) , Подскажите как сделать переход такой чтобы допустим просматриваешь страницу с фильмами а потом нажимаешь на фильм и тебя переносит на отделюную страницу этого фильма но в главном меню её нету как это сделать подскажите пожалуйста !!! smile Заранее спасибо

КТО НИБУДЬ МНЕ ПОМОЖЕТ??? help help help help help
Сообщество uCoz » Архивариус » Вопросы новичков (первые шаги в системе) » Как сделать ссылку? (Пошаговое описание, создания различных ссылок.)
Страница 1 из 241232324»
Поиск: