Menu

  • Резюме, наверное

Глупо писать «не копируйте ничего». Но всё же ;–) Яндекс.Метрика

Кирилл ЕгеревПишу, редактирую, сам прибираюсь на своём столе. Мотайте вниз

Такое хобби

Так приятно не просто просматривать сайты, а понимать, что ты отчасти в курсе механики исполнения их элементов. Например, меня привлекла кнопка «Трейлер» киносервиса Ayyo.ru. Все думал, что с ней не так, пока не понял, что она наоборот оке. Это просто я могу предположить вариант ее исполнения, отчего и не получалось выкинуть ее из головы. Вот моя реализация:

Трейлер

Так я решил все заверстать:

А вот что я прописал в стилях:

#table_back {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: dashed #0db2ff;
border-width:1px 1px 1px 1px;
}

#table_back:hover {
background-image: url(http://www.egerev.ru/wp-content/uploads/back2.png);
}

#trailer {
margin-bottom: 2px;
margin-top:-5px;
font-family: Arial;
font-size:12px;
color:#ffffff;
}

Не идеал в плане дизайна, но суть вызова заключалась совсем не в этом, а в технологическом повторении подсмотренного на Аййо элемента интерфейса. Надеюсь, моя реализация почти никого не огорчит. Вот, кстати, ссылка на страницу, где можно оценить функционал оригинального элемента.

Ещё по теме, или нет:

  • Как сделать аватар (иконку пользователя) для форума?Как сделать аватар (иконку пользователя) для форума?
  • Весенний чиптрип: часть I
  • О пентах, пилиции и ходячих полицаях. Айн-цвайО пентах, пилиции и ходячих полицаях. Айн-цвай
  • Москва – Мармарис – Москва
  • В Аййо теперь работает быстрая покупка
  • Ах, где же эта справедливость?
Tags: ayyo, css, html, верстка, дизайн, хобби
thumbnail

Кирилл Егерев

Редактирую в Яндексе и пишу про интерфейсные тексты в Телеграме. Подписывайтесь на канал @txtin

  • Канал @txtin в Телеграме
  • Телеграм-стикеры «С ошибками»
  • stopslov.net

Я в Инстаграме

No images found!
Try some other hashtag or username

Глупо писать «не копируйте ничего». Но всё же ;–) Яндекс.Метрика