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

Сообщение # 61 | 10:25:35
bandjuk, Нет, не так. Действия должны быть в одном окне, а открывается куча других.

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

Сообщение отредактировал Saha-ha98 - Четверг, 21 Июн 2012, 10:27:28
Leonkrevs
Сообщений: 55
Репутация: 56

Сообщение # 62 | 15:29:21
Saha-ha98,
Посмотрите тут - http://htmlbook.ru/html/select - возможно это и есть выход из Вашей ситуации.

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

лесоруб
Сообщений: 39
Репутация: 0

Сообщение # 63 | 09:45:28
Сделал вроде все как по инструкции на первой странице.Поставил якорь,сделал ссылки на другие страницы.Но при нажатии на на них.получаю ,что невозможно найти сервер,хотя адрес отображается правильный.При повторной установке якоря и ссылок-получается так же.Что неправильно????
Shеriff
Сообщений: 3187
Репутация: 2662

Сообщение # 64 | 11:34:27
лесоруб, ссылку на сайт.

Профессиональный сервис опросов WebAsk
лесоруб
Сообщений: 39
Репутация: 0

Сообщение # 65 | 14:29:31
http://bugrov.ucoz.ru/
Leonkrevs
Сообщений: 55
Репутация: 56

Сообщение # 66 | 18:16:53
Quote (лесоруб)
Сделал вроде все как по инструкции на первой странице.Поставил якорь,сделал ссылки на другие страницы.Но при нажатии на на них.получаю ,что невозможно найти сервер,хотя адрес отображается правильный.При повторной установке якоря и ссылок-получается так же.Что неправильно????

В каком месте сайта, находятся эти ссылки? Желательно адрес страницы с ссылками и скриншот на котором эти ссылки помечены. Чтобы получать своевременную помощь, нужно давать больше информации. Телепатов на форуме нет.

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

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

Сообщение # 67 | 16:00:27
Всем привет! Подскажите пожалуйста , какой хтмл код нужно внести в ссылку, чтобы она отображалась не в виде слова, а красивой кнопки с надписью регистрация например? И при нажатии на эту кнопку можно будет перейти на другой сайт!
Shеriff
Сообщений: 3187
Репутация: 2662

Сообщение # 68 | 16:15:58
profi036,
Quote
<a href="ссылка на сайт" target="_blank"><img src="ссылка на изображение" /></a>

Профессиональный сервис опросов WebAsk
Leonkrevs
Сообщений: 55
Репутация: 56

Сообщение # 69 | 17:07:26
Quote (profi036)
Всем привет! Подскажите пожалуйста , какой хтмл код нужно внести в ссылку, чтобы она отображалась не в виде слова, а красивой кнопки с надписью регистрация например? И при нажатии на эту кнопку можно будет перейти на другой сайт!

Нужно поместить саму кнопку в виде изображения, туда куда Вы хотите, а потом сделайте это изображение ссылкой, как описано в этой статье или, если Вы уже достаточно владеете языком HTML, воспользуйтесь кодом, который привёл постом выше, уважаемый Shеriff,

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

Ken3rus
Сообщений: 31
Репутация: 19

Сообщение # 70 | 23:28:45
Здравствуйте подскажите как в определенном классе части шаблона сделать определенный цвет ссылки.
Простым способом не получится т.к ссылки в рекламном блоке и нужно сделать через CSS
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 71 | 23:31:17
Ken3rus, а конкретней можно? Какие ссылки, ссылку на страницу с ними
Ken3rus
Сообщений: 31
Репутация: 19

Сообщение # 72 | 23:38:46
bandjuk, http://fankino.ru/news/papashi_bez_vrednykh_privychek/2012-06-10-1090 на этой странице есть рекламный блок я бы сделал в подробных настройках самой рекламы, но css стиль все переделывает вот сам кусок стиля:
в нем нужно переделать класс block_online_reklama
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 73 | 00:07:50
Ken3rus, Речь о ссылках, выделенных на скрине?
Смотри как прописано там:
Quote
element.style { display: block !important;}
.lx__lxa372449:hover { color: #FFFFFF;}

a:hover { color: #990000; text-decoration: none;}


Попробуй прописать свои стили и добавить !important
Прикрепления: 1552468.jpg (119.3 Kb)
Ken3rus
Сообщений: 31
Репутация: 19

Сообщение # 74 | 09:22:54
bandjuk,
Code
element.style { display: block !important;}  
.lx__lxa372449:link { color: #FFFFFF;}  

a:link { color: #ffffff { display: block !important;}  
.lx__lxa372449:link { color: #FFFFFF;}

Вот что у меня получилось.
Но это не подходит.
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 75 | 09:52:26
Quote
.lx__lxa372449:hover { color: твой цвет !important;}

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