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

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


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

Шаг 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
Leonkrevs
Сообщений: 55
Сообщение # 2 | 23:17:16 25 Апр 2011
Ссылка внутри документа (страницы).

Шаг 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
webanet
Сообщений: 24067
Репутация: 4985

Сообщение # 3 | 13:34:23 26 Апр 2011
Leonkrevs, можно и без визуального редактора обойтись http://htmlbook.ru/samhtml/yakorya
визуальный редактор портит код
ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
Leonkrevs
Сообщений: 55
Репутация: 56

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

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

Сообщение # 5 | 02:29:37 27 Апр 2011
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
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

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

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

Leonkrevs,

Quote
браузеры просто игнорирую особенно IE.
biggrin
geometriya ISO 3166-2 DEE
Сообщение отредактировал Miss_Esq - Понедельник, 16 Май 2011, 12:51:23
Navi125
Сообщений: 2
Репутация: 0

Сообщение # 7 | 22:25:07 09 Июн 2011
Подскажите пожалуйста, как сделать, чтобы ссылка меняла свой цвет после того как ее посетили. Чтобы пользователь возвращаясь на страницу где расположена ссылка (ссылки) видел по каким он уже зашел а на каких еще не был. А то у меня по-моему цвет не меняется. Спасибо.
Зайди на сайт рецептов, покажи жене или подружке www.vse-rezepty.ucoz.ru
Sultanka
Сообщений: 50
Репутация: 27

Сообщение # 8 | 22:43:06 09 Июн 2011
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 15 Июн 2011
Esuslina,
Quote
Как сделать ссылку с родительской страницы на дочернюю и наоборот?

Технология описана тут - //forum.ucoz.ru/forum/31-36706-725907-16-1303763162
Для того чтобы отблагодарить нажмите на + репутации под моей аваторкой. :)

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

Сообщение # 10 | 12:55:27 29 Июл 2011
Не могу поставить якорь,обзываю его,жму вставить,выделенный текст принимает вид ссылки и всё...
и второй вопрос: как удалить ненужные якоря?(напр:создал не там где надо)
Всё в мире кажется иллюзорным и лишь иллюзия кажется настоящей
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 11 | 13:28:01 29 Июл 2011
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>
geometriya ISO 3166-2 DEE
Zaika143
Сообщений: 7
Репутация: 0

Сообщение # 12 | 14:34:19 29 Июл 2011
То есть <a href="#d01">раз</a> это якорь,а
<div id="d01">первый</div> это ссылка?
Всё это в хтмл?
Всё в мире кажется иллюзорным и лишь иллюзия кажется настоящей
Leonkrevs
Сообщений: 55
Репутация: 56

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

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

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

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

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

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

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