На информационном ресурсе применяются рекомендательные технологии (информационные технологии предоставления информации на основе сбора, систематизации и анализа сведений, относящихся к предпочтениям пользователей сети "Интернет", находящихся на территории Российской Федерации)

Мы во Вселенной.

1 014 подписчиков

ВСЕ О ССЫЛКАХ, ОФОРМЛЕНИЕ И КОДЫ.

   

Четверг, 01 Октября 2015 г. 11:46 + в цитатник 

1248682579_42.gif
Сделать ссылку кликабельной, ведущей на сайт, интернет страничку, дневник, блог и прочее можно сделать очень быстро. Но хочется еще ее и оформить оригинально. Например, чтоб она четко выделялась, или наоборот была скрытая и т.д. Все самые известные примеры ссылок с кодами для вставки здесь.


ЗДЕСЬ МОЙ ДНЕВНИК    МОЙ ДНЕВНИК   ШАДРИНА ГАЛИНА




Простая ссылка на любую веб-страницу, чтоб сайт открылся в новом окне:

На главную страницу






Можно сделать так, что при подводе мышки к ссылки, появится ваш комментарий к ней. Например
Всплывающий комментарий к ссылке:


ДНЕВНИК Шадрина Галина

 




Ссылкой на страницу является картинка или кнопка, при нажатии на которую переходим на нужный сайт. Связкой «картинка-ссылка» делается большинство кнопок на сайтах.








Здесь так же можно сделать всплывающую подсказку (Наведите курсор на ссылку) . 








Обычно ссылка на сайт всегда подчеркнута. Что бы отменить такое подчеркивание применяем следующие теги.

ПЕРЕХОДИМ В ДНЕВНИК

 




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

ТАБЛИЦА HTML кодов ЦВЕТОВ






Подчеркиваем ссылку пунктиром

МОЙ ДНЕВНИК ЗДЕСЬ






Изменяем цвет текста ссылки и цвет черты подчеркивания:

ЗДЕСЬ НАХОДИТСЯ МОЙ ДНЕВНИК






Обводим ссылку рамочкой:

ЗДЕСЬ НАХОДИТСЯ МОЙ ДНЕВНИК





 

Обводим ссылку пунктирной линией:

ЗДЕСЬ НАХОДИТСЯ МОЙ ДНЕВНИК







Обвести точками и назначить свой цвет текста:

ЗДЕСЬ НАХОДИТСЯ МОЙ ДНЕВНИК 

 






Ссылка с выделенным фоном:

МОЙ ДНЕВНИК ЗДЕСЬ






Переход наверх, в начало страницы В начало






Изменение формы курсора для отдельной ссылки:(Подведите курсор к ссылке)

МОЙ ДНЕВНИК ЗДЕСЬ



МОЙ ДНЕВНИК ЗДЕСЬ




МОЙ ДНЕВНИК ЗДЕСЬ



МОЙ ДНЕВНИК ЗДЕСЬ



МОЙ ДНЕВНИК ЗДЕСЬ



МОЙ ДНЕВНИК ЗДЕСЬ






И еще несколько курсоров с кодами для удобства.


МОЙ ДНЕВНИК ЗДЕСЬ



МОЙ ДНЕВНИК ЗДЕСЬ



МОЙ ДНЕВНИК ЗДЕСЬ




МОЙ ДНЕВНИК ЗДЕСЬ



МОЙ ДНЕВНИК ЗДЕСЬ



МОЙ ДНЕВНИК ЗДЕСЬ



МОЙ ДНЕВНИК ЗДЕСЬ






Ссылка на свой ё-мейл: Встаньте мышкой на ссылку, нажмите правую кнопку и выберите СКОПИРОВАТЬ АДРЕС

МОЙ ё-мейл АДРЕС ЗДЕСЬ






Список ссылок с точкой впереди:

 



Код:


<ul>

<li><a href="АДРЕС САЙТА">НАЗВАНИЕ САЙТА</a></li>

<li><a href="АДРЕС САЙТА">НАЗВАНИЕ САЙТА</a></li>

<li><a href="АДРЕС САЙТА">НАЗВАНИЕ САЙТА</a></li>

<li><a href="АДРЕС САЙТА">НАЗВАНИЕ САЙТА</a></li>

<li><a href="АДРЕС САЙТА">НАЗВАНИЕ САЙТА</a></li>

</ul>






Эффект подсветки ссылки (наведите курсор на текст):

ССЫЛКА С ЭФФЕКТОМ ПОДСВЕТКИ







Делаем красивую кнопку-ссылку на страницу (с картинкой), и эффектом подсветки:

ДНЕВИК ЗДЕСЬ






В начало ↑

Удачи в вашем творчестве.
1248682579_42.gif

 

 

 

Серия сообщений "Шпаргалки":
Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 10 - Бродилка по ОНЛАЙН - генераторам для создания Слайд-шоу.
Часть 11 - Все о бегущем тексте. Примеры и коды.
Часть 12 - Все о ссылках, оформление и коды.

 

Метки: уроки для блогов мои уроки шпаргалки   

наверх