Приветствую Вас Гость | RSS

Каталог Веб-фрагментов

Четверг, 28.03.2024, 19:17
Как добавить web-слайc на свой сайт

Слайс - это кусочек страницы, который можно добавить в браузер как закладку. По сути это такая продвинутая закладка web-2.0
Понимает эту технологию только браузер IE8  - в нем при наведении на слайс он обведется зеленым.


 
При нажатии, браузер предложит вам добавить кусочек в закладки.


 
Слайс можно посмотреть, находясь на любой странице:



В любом другом браузере слайсы никак на странице выделяться не будут. 

Технически, слайс это набор элементов с особыми классами. Самый примитивный слайс в коде страницы выглядит вот так:

<div class="hslice" id="1">                                       
<p class="entry-title">Название закладки</p>
<div class="entry-content">  Текст, который будет часто обновляться и очень полезен для пользователей.
</div>
</div>


 
Примечание: классы entry-title и entry-content могут быть не только <div>, но и <h1>, <span>, <p> и.т.д. Если на странице больше одного слайса, у них должны быть разные ID. 

Самый простой способ добавить слайс на ваш сайт - это использовать "Конструктор блоков".

1. Добавляем новый блок.


 
2. Редактируем его содержимое как HTML

3. Добавляем туда вот такой код.


<div class="hslice" id="1">
<p class="entry-title">Мой слайс</p>
<div class="entry-content">
Текст, который будет часто обновляться и очень полезен для пользователей
</div>
</div>

4. Получается вот такой результат


5. Видно что заголовок у нас дублируется два раза, поэтому спрячем его добавив стиль

<div class="hslice" id="1">
<p class="entry-title" style="display:none">Мой слайс</p>
<div class="entry-content">
Текст, который будет часто обновляться и очень полезен для пользователей
</div>
</div>



 
6.Теперь любой посетитель с браузером IE8 может добавить слайс себе в закладки.


 
Что может стать слайсом?
Вы можете, к примеру, оформить как слайс любой информер: последние статьи, последние комментарии, все, что динамично у вас на сайте и потенциально интересно пользователю. Допустим, вы ведете отсчет времени, до той секунды когда можно будет скачать новую серию любимого сериала - посетители будут благодарны вам за такой слайс. Или выкладываете новую мангу.


На самом деле технология обладает куда большим кол-вом настроек и параметров, чем я описала. Для ознакомления с ними вы можете посетить блог разработчиков Microsoft.