РЕКЛАМА

  • Подробный видеокурс по Python

    Подробный видеокурс по Python

    Получи видеокурс по Python с упражнениями сейчас

    ПОДРОБНЕЕ

     

  • Как создаются сложные проекты на Java?

    Как создаются сложные проекты на Java?

    Узнай это в бесплатных видеоуроках

    ПОДРОБНЕЕ

     

  • Как открыть свою Web-студию?

    Как открыть свою Web-студию?

    Пошаговый Видеокурс с заданиями от владельца Web-студии

    ПОДРОБНЕЕ

     

  • Создание движка для сайта

    Создание движка для сайта

    Научись создавать профессиональные движки на PHP и MySQL!

    ПОДРОБНЕЕ

     

НОВИНКА+

Конструктор сайтов для бизнеса

Конструктор сайтов для бизнеса

Создайте сайт за 5 минут и начинайте продавать в интренете.

ПОДРОБНЕЕ

 

Английский Язык для Среднего Уровня

Английский Язык для Среднего Уровня

Научись говорить, понимать английский на слух. От профессиональных преподавателей на основе легендарных фильмов и песен.

ПОДРОБНЕЕ

 

Узнавайте о новостях по теме программирования

 

Дата:  14.01.2014       Автор:  Сергей Тема: HTML и CSS

Аккордеонное меню на псевдоклассе :focus.

Хочу предложить Вашему вниманию ещё одно аккордеонное меню с использованием только таблицы стилей. В отличии от предыдущих меню в данном для отслеживания клика по основному пункту меню применен псевдоклас :focus, который в общих случаях используется для стилевого оформления элементов, получающих фокус ввода. В нашем случае будет меняться величина отступа от верхнего края элемента списка - margin-top (с 23px на 0px). Для динамики применен также эффект перехода transition.


Читать...    Просмотров: 708 Комментариев: 0 Рейтинг: (0)
Дата:  13.01.2014       Автор:  Сергей Тема: HTML и CSS

Симпатичные подсказки на CSS3

В этой статье я хочу поделиться с Вами кодом, с помощью которого можно организовать простые, но достаточно приятные на вид, всплывающие подсказки для различных элементов на страничках ваших сайтов. В качестве примера я выбрал – ссылки, так как именно для них обычно требуются развёрнутые подсказки. Но ничто не мешает создать свои  tooltips для других веб-элементов.


Читать...    Просмотров: 689 Комментариев: 0 Рейтинг: (0)
Дата:  13.01.2014       Автор:  Сергей Тема: HTML и CSS

Ещё один аккордеон на CSS3

В сегодняшней стать, как я и обещал раньше, пойдёт речь ещё об одном аккордеонном меню, выполненном с помощью CSS. Главное отличие данного меню от рассмотренных в предыдущих статьях заключается в использовании для выбора пунктов меню (отслеживания клика) вместо псевдоклассов target и nth-of-type элемента формы -  input типа переключатель (radio).


Читать...    Просмотров: 658 Комментариев: 0 Рейтинг: (0)
Дата:  12.01.2014       Автор:  Сергей Тема: HTML и CSS

Аккордеонное меню средствами CSS3 без target

В предыдущей статье я рассказывал, как с помощью только средств CSS3 сделать простенькое аккордеонное меню. При этом для обработки клика был использован псевдокласс  target. В данной же статье пойдёт речь об аккордеонное меню, также выполненном только средствами CSS3, но без использования target...


Читать...    Просмотров: 1385 Комментариев: 0 Рейтинг: (0)
Дата:  11.01.2014       Автор:  Сергей Тема: HTML и CSS

Aккордеонное меню средствами CSS3

В сегодняшней статье хочу  рассказать, как организовать простенькое аккордеонное меню только средствами CSS3,  без использования  всяких там скриптов и библиотек. Данное меню достаточно легковесно и работоспособно во всех современных браузерах. К сожалению (или к радости..:) ) не поддерживается глючными IE ниже 9 версии.


Читать...    Просмотров: 2531 Комментариев: 0 Рейтинг: (0)
Дата:  07.12.2013       Автор:  Сергей Тема: HTML и CSS

Анимированный слайдер на CSS3.

Приветствую, дорогие друзья!  В этой первой статье, посвященной теме HTML CSS, хочу рассказать о довольно симпатичном слайдере с использованием различных современных методов перехода от одного изображения к другому. Все эти методы реализованы с помощью CSS3, что обеспечивает адекватную работу данного слайдера  во всех современных браузерах.


Читать...    Просмотров: 718 Комментариев: 0 Рейтинг: (0)
Поделитесь этой страничкой в социальных сетях