Анимированные кнопки для сайта на CSS3 (комментарии к странице)

Александр Шиллинг к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Sat, 09 Feb 2013 21:21:39 +0300

Как альтернатива можно использовать мой вариант (онлайн генератор):

https://alexanderschilling.net/page/onlajn-servis-dlja-sozdanie-elementov-interfejsa

Алексей к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Sun, 10 Feb 2013 15:27:53 +0300

Здравствуйте Елена!

На первый взгляд кажется всё элементарно, но для такого чайника, как я, нужны дополнительные комментарии.

Во-первых, мне показалось, что в файле buttons.css, который имеется в архиве для скачивания, не совсем то, что в видеоуроке.

Во-вторых, что меня действительно давно интересует, это как бы применить такие или подобные стили (в виде кнопки) к [cut] или [xcut]?

На что меня хватило, так это для [cut] в админке написать "Открыть", через файловый менеджер (var_style) применить цвет фона и сделать ссылку мигающей (blink).

Сейчас я всё это дело уже убрал.

Буду очень Вам признателен, если поможете мне разобраться с этим вопросом!

Для связи со мной email: [email protected] или через сайт: samodelkin-vn.ru

С Уважением,

Алексей.

Владимир Бердников к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Mon, 11 Feb 2013 13:22:46 +0300

Елена при скачки архива есть три папки ( бьюттонс) Css и Img и еще файл html в папке ( бьюттос) находятся два файла картинка png и файл css все более нечего!?

Елена к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Mon, 11 Feb 2013 13:27:55 +0300

Владимир! Все правильно. Это все файлы, которые нужны для работы.

Татьяна к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Mon, 11 Feb 2013 13:49:32 +0300

Здравствуйте. Я как чайник ничего не поняла и ничего не видно, мне нужно поподробней, а так для меня бесполезное видио...

Елена к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Mon, 11 Feb 2013 13:52:06 +0300

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

Насчет cut - туда эти кнопки я пока ставить не пробовала. Скорее всего, к стилям, которые отвечают за cut (а именно span.cut а в шаблоне default), нужно будет найти в файле buttons.css те стили, которые вам именно будут нужны - в зависимости от того, какого цвета и размера кнопки вы хотите, и просто прописать их.

Потом с помощью отступов выровнять местоположение кнопки и с помощью cвойства line-heihgt выровнять надпись на кнопке.

Елена к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Mon, 11 Feb 2013 13:55:38 +0300

Татьяна! Чтобы видео было удобно смотреть, нужно его сделать на весь экран и поставить в настойках 720p ^HD. Тогда будет все видно

Алексей к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Mon, 11 Feb 2013 18:23:46 +0300

Елена, спасибо за совет.

Будет время - поэкспериментирую.

Елена к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Tue, 12 Feb 2013 02:25:45 +0300

Пожалуйста, Алексей! Если будут еще вопросы - задавайте!

Олег Семьянов к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Tue, 12 Feb 2013 15:45:43 +0300

Елена мне урок понравился, молодец! У меня вопросов не возникло, все достаточно просто и понятно, конечно для тех кто знаком с CSS и HTML. Спасибо!

Елена к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Tue, 12 Feb 2013 16:05:47 +0300

И вам спасибо за комментарий, Олег!

Евгения к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Tue, 12 Feb 2013 20:04:57 +0300

Спасибо Елена.Все достаточно понятно. Обязательно воспользуюсь вашим уроком.

Елена к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Wed, 13 Feb 2013 00:40:36 +0300

Пожалуйста, Евгения!

Петр к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Wed, 13 Feb 2013 19:28:21 +0300

Мне урок понравился, все понятно, т.к. я знаком с html и css. Но для неопытных пользователей, видимо надо было показать поподробнее и помедленнее. Хотя, можно просмотреть три раза подряд . Кнопки мне тоже понравились, только ставить их нужно там где они будут соответствовать общему виду (чтобы не создавать эффект новогодней елки).

Виктор к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Wed, 13 Feb 2013 20:58:42 +0300

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

Елена к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Thu, 14 Feb 2013 01:32:52 +0300

Петр! Абсолютно с вами согласна - с анимированными элементами на сайте нельзя перебарщивать. Спасибо за комментарий вам!

Виктор, "на вкус и цвет...", как говорится В любом случае спасибо за комментарий - в следующих уроках буду помедленнее и понятней объяснять, специально для чайников. ;)

Михаил к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Tue, 19 Feb 2013 14:19:54 +0300

А прикольно, можно с кодом кнопки помудрить. Хороший урок, Елена, все понятно.

Елена к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Wed, 20 Feb 2013 10:14:25 +0300

Спасибо, Михаил!

влад к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Sun, 30 Jun 2013 17:47:14 +0300

Здравствуйте Елена как зделать это на ucoz? можно ли это зделать ?

Елена к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Mon, 01 Jul 2013 02:51:10 +0300

Здравствуйте, Влад!

Думаю, что можно. Но я сама с укозом близко не знакома, поэтому подсказать точно, как это сделать, не смогу...

к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Thu, 04 Jul 2013 16:32:28 +0300

Елена спасибо тебе большое я установил но мой сайт https://seostrit.pusku.com эти кнопки и очень доволен спасибо тебе

Елена к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Thu, 04 Jul 2013 16:56:02 +0300

Пожалуйста

Lyudmila Lystzova к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Wed, 08 Oct 2014 17:31:02 +0300

Приветствую, Елена! Снова благодарю Вас за отличные уроки. На сайте, созданном по Вашему тренингу ПССР в марте т.г., переделала ссылки в сайдбаре на кнопки. Все получилось! Частенько захожу сюда, чтобы что-то усовершенствовать на сайте по Вашим и Сережиным урокам. Спасибо еще сто раз, успехов вам обоим и новых творческих решений!!!

https://doverie-da.ru

Влад к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Tue, 28 Apr 2015 13:25:11 +0300

Здравствуйте!

Отличные кнопки и все прекрасно подключилось, но подскажите кто-нибудь как изменять цвет шрифта при нажатии на кнопку и чтобы этот цвет оставался а не исчезал как только курсор отводишь от кнопки. Обычно наоборот бывает нажимаешь на кнопку и цвет шрифта меняется, а тут я пробую менять в пункте hover но ничего не получается или получается только при нажатии а потом исчезает а мне нужно чтобы если кнопка активная то цвет так и оставался другой, кто может подсказать? Может там еще нужно написать какой-то другой код или что? Заранее благодарю за ответ.

Серёга к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Tue, 28 Apr 2015 13:49:24 +0300

Псевдокласс :hover отвечает за изменения при наведении курсора.

:active - при клике по объекту мышкой.

Цвет шрифта меняется при помощи свойства color

Вы что конкретно хотите сделать?

Влад к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Tue, 28 Apr 2015 16:30:33 +0300

Я хочу чтобы цвет шрифта менялся не только при наведении но и оставался таким пока эта кнопка меню включена, у меня просто на шаблоне сайта по которому я учусь нет свойства :active а только :hover и после нажатия цвет меняется надолго там, а тут и то и то есть и я думаю что наверное нужно что-то убрать из этого? Оставить или :active или :hover? То есть я хочу чтобы нажать на кнопку и цвет шрифта поменялся и оставался таким пока я не нажму на другую кнопку. Ну короче не знаю как еще объяснить.

Влад к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Tue, 28 Apr 2015 18:07:53 +0300

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

Влад к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Wed, 29 Apr 2015 17:55:16 +0300

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

Влад к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Wed, 29 Apr 2015 23:37:35 +0300

Понятно, никто не знает значит.

Серёга к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Mon, 11 May 2015 13:43:57 +0300

Если вы внимательно посмотрите на код главного меню. То увидите, что когда мы переходим по одному из пунктов, к нему на следующей странице добавляется класс, который и делает его таким как при наведении.

Иван к "Красивые анимированные кнопки для сайта на css (видеоурок)"

Thu, 25 Feb 2016 19:07:37 +0300

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