Внимание! Данный раздел закрыт и доступен только для чтения в связи с запуском нового проекта 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
Vovan_B
Сообщений: 3
Репутация: 8

Сообщение # 31 | 00:59:00
Здравствуйте, подскажите пожалуйста, как сделать ссылку на скачивание html файла? Вроде когдато, гдето видел подобное, но ... к сожалению не могу вспомнить sad

Добавлено (12-Дек-2011, 00:59:00)
---------------------------------------------
VotelAdmin,
Quote (VotelAdmin)
a.linkl {color:#000000;}
это цвет ссылки, а
Quote (VotelAdmin)
a.linkl:hover{color:red}
это цвет ссылки при наведении,
Quote (VotelAdmin)
#000000
и
Quote (VotelAdmin)
red
это коды цвета... Их можно менять по своему вкусу.

Сообщение отредактировал Vovan_B - Понедельник, 12 Дек 2011, 01:06:05
VotelAdmin
Сообщений: 10
Репутация: 0

Сообщение # 32 | 21:56:04
Quote (Vovan_B)
Quote (VotelAdmin)
#000000
и
Quote (VotelAdmin)
red
это коды цвета... Их можно менять по своему вкусу.


В том то и дело, что я вместо #000000 вставляла разные коды, к примеру, #FFFFFF.
Но цвет нигде не меняется при этом.
angel
Vovan_B
Сообщений: 3
Репутация: 8

Сообщение # 33 | 03:36:37
Quote (VotelAdmin)
В том то и дело

А куда вы прописали указанный стиль? в код страници или в таблицу стилей?
Ведь скорее всего в вашей "Таблице стилей CSS" прописаны свои параметры, примерно такие:
Code
a:link {text-decoration:underline; color:#4D6D91;}
a:active {text-decoration:underline; color:#4D6D91;}
a:visited {text-decoration:underline; color:#4D6D91;}
a:hover {text-decoration:underline; color:#000000;}

вот они наверное и перебивают ваш стиль, войдите в CSS и измените их по своему вкусу.

llwin1
Служба поддержки
Сообщений: 97
Репутация: 75

Сообщение # 34 | 19:39:40
также, можно присвоить разным ссылкам отдельные классы и их описать.
например, к одной части ссылок:
Code
<a href="#" class="class1">ссылка 1</a>

Code
a.class1:link { color:#919191;   
text-decoration:underline;}
a.class1:visited{ color:#919191;
text-decoration:underline;}
a.class1:active    { color:#919191;   
text-decoration:underline;}
a.class1:hover    { color:#7B523F;
text-decoration:underline;}


а к другой части:
Code
<a href="#" class="class2">ссылка 1</a>

Code
a.class2:link    { color:#645C38;}
a.class2:visited{ color:#645C38;}
a.class2:active    { color:#645C38;}
a.class2:hover    { color:#7B523F;}
sergey22101979s
Сообщений: 5
Репутация: 0

Сообщение # 35 | 03:48:58
Только вместо #d01 наверное должен быть адрес какого то ресурса или страницы с расширением? dry

Leonkrevs
Сообщений: 55
Репутация: 56

Сообщение # 36 | 13:47:44
Quote (sergey22101979s)

Только вместо #d01 наверное должен быть адрес какого то ресурса или страницы с расширением?


#d01 это якорь для поиска определённого места внутри страницы Вашей статьи например. Сам код якоря может быть произвольным и состоять из цифр или букв Латинского алфавита обязательным является решётка # перед кодом якоря без неё работать не будет. Также необходимо, чтобы идентификационные имена якоря и закладки ведущей к нему совпадали. подробнее читаем тут
Ну а если Вы хотите чтобы ссылка вела к якорю установленному на другой странице или возможно на другом Вашем сайте, то выглядеть это будет так:
<a href="http://.../.../.../...#d01">Тут пишем текст ссылки при нажатии на который переходим к месту где установлен этот якорь</a>

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

Сообщение отредактировал Leonkrevs - Среда, 08 Фев 2012, 13:49:56
Alexander4392
Сообщений: 62
Репутация: 6

Сообщение # 37 | 14:47:56
а можно в форуме якорь сделать?
Leonkrevs
Сообщений: 55
Репутация: 56

Сообщение # 38 | 01:31:40
Quote (Alexander4392)
а можно в форуме якорь сделать?

Если на этом форуме, то тут можно сделать ссылку к любому из постов, для этого нужно кликнуть ЛКМ по номеру - Сообщение #ххх - над постом, скопировать ссылку из появившегося окошка и разместить её в своём тексте (используя ВВ-код - http:// - из панели инструментов), а вот к конкретному месту в тексте вряд-ли.

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

Alexander4392
Сообщений: 62
Репутация: 6

Сообщение # 39 | 18:57:35
Quote (Leonkrevs)
Если на этом форуме, то тут можно сделать ссылку к любому из постов, для этого нужно кликнуть ЛКМ по номеру - Сообщение #ххх - над постом, скопировать ссылку из появившегося окошка и разместить её в своём тексте (используя ВВ-код - http:// - из панели инструментов), а вот к конкретному месту в тексте вряд-ли.

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

Сообщение # 40 | 19:28:15
Quote (Alexander4392)
а как сделать вожмость сделать ссылку к любому из постов так сказать. а то у меня такой возможности нет

Под словами - Этот форум - имеются ввиду все форумы находящиеся по адресу: //forum.ucoz.ru/forum/, а не конкретно эта тема. smile
Так что описанным мною выше способом, Вы можете дать ссылку к любому из постов находящихся в этих форумах.

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

Сообщение отредактировал Leonkrevs - Суббота, 25 Фев 2012, 19:35:57
Leonkrevs
Сообщений: 55
Репутация: 56

Сообщение # 41 | 10:08:12
Quote (Gomer_S)
С переходом на другую страницу все понятно,интересует загрузка файла,по аналогии с торрент-файлами,по нему кликаеш и он автоматом тебе загружается,без переходов на другие страницы.Спасиба

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

Вот как выглядит нижняя часть окна редактирования материалов, в этом модуле.


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

Галлина
Сообщений: 49
Репутация: 32

Сообщение # 42 | 13:40:07
Здравствуйте!
Попрошу не судить строго, я полный ноль в программировании и во всём остальном, даже терминологии не знаю… Но, очень прошу помочь. На сайте новую страницу «ПОМОЩЬ И СОВЕТЫ» к ней подстраница «ПОЛЕЗНОЕ» к ней тоже подстраница уже с материалом «Что делать, чтобы собака не потерялась?» Как на странице «ПОЛЕЗНОЕ» разместить активную ссылку в виде названия, чтобы она вела на страничку материала? Пыталась сделать через значок ссылки, вставляла текст для ссылки, но получаю только саму ссылку на странице. Она активная, но мне нужно, чтоб вместо ссылки выводилось название. Подскажите, как это делается.
Заранее благодарна и + поставлю, как полагается.
flower

    http://elsiklab.ucoz.ru
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 43 | 13:45:30
Галлина,
<a href="http://elsiklab.ucoz.ru/index/chto_delat_chtoby_sobaka_ne_poterjalas/0-74">Название странички</a>
если нужно чтобы открывалось новое окошко, то так:
<a href="http://elsiklab.ucoz.ru/index/chto_delat_chtoby_sobaka_ne_poterjalas/0-74" Target="_blank">Название странички</a>
Морис
Сообщений: 63
Репутация: 3

Сообщение # 44 | 11:35:04
При создании закладки на странице, слово-якорь на которую идет ссылка, тоже выделяется в цвет ссылки и при наведении курсора меняет цвет т.е. как бы тоже превращается в ссылку, но без перехода конечно. Хотелось бы чтобы чтобы якоря не отличались от остального текста, чтоб визуально не заметно было что это слово является якорем какой либо ссылки. Может я что то не так делаю или в Css нужно менять настройки. Подскажите пожалуйста. Спасибо.

Добавлено (25-Май-2012, 11:35:04)
---------------------------------------------
Сам же отвечаю. Я нашел способ. Вместо указания слова в качестве якоря для ссылки, я указал пробел перед этим словом или после этого - разницы нет. И все.


Gaimer
Сообщений: 65
Репутация: -8

Сообщение # 45 | 16:41:16
Можно ли сделать такую ссылку, чтобы при нажатии на неё открывалось сразу несколько страниц?

"К сожалению, на работе пить и курить нельзя, поэтому на трезвую голову я не понял суть твоего предложения" - Убивашка.
Сообщество uCoz » Архивариус » Вопросы новичков (первые шаги в системе) » Как сделать ссылку? (Пошаговое описание, создания различных ссылок.)
Поиск: