Webice.Ru - социальная сеть для блоггеров

«    Декабрь 2021    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
 
Сортировать новости по: дате новости | популярности | посещаемости | комментариям | алфавиту

 Многоуровневое меню

Многоуровневое меню
Сегодня мы хотим познакомить вас с экспериментальным меню. Наверняка вы знакомы с навигацией в мобильных приложениях, которая всплывает, отодвигая основной экран. Мы попытались исследовать возможность создания вложенных многоуровневых меню – это то, что может быть полезно для меню с большим количеством пунктов (например навигация интернет магазинов). Результатом является меню, которое отодвигает основной контент и, теоретически, такое меню может содержать бесконечное количество вложенных подменю. При раскрытии этих уровней, главная навигационная панель сильнее отодвигает основной контент, чтобы был виден каждый верхний, родительский, уровень меню.
Подробнее
0
Просмотров: 529 Обсудили: 0

 Как создать древовидный блок комментариев при помощи HTML5 и CSS3

Как создать древовидный блок комментариев при помощи HTML5 и CSS3
В блогах и форумах зачастую встроены древовидные комментарии. В этом уроке мы создадим простой макет древовидных комментариев основанный на HTML5 и CSS3.

Мы рассмотрим, как структурировать HTML5 документ, и как позиционировать элементы, используя CSS. На основе этого базового шаблона, разработчиком будет легко сделать изменения и реализацию такого рода блок комментариев под макет своих веб-сайтов.
Подробнее
0
Просмотров: 772 Обсудили: 0
Метки: CSS, HTML

 Установка шаблона на блог

Установка шаблона на блог
И снова здравствуйте.
В прошлых уроках мы с вами проделали кучу работы, такой как установили денвер на компьютер, установили на денвер wordpress? разобрали административную панель wordpress блога, и теперь пора позаботиться о дизайне сайт и именно об этом я вам сегодня и расскажу, я расскажу как быстро и бесплатно поменять дизайн своего wordpress блога на красивый и удобный.
Если вам это нужно тогда вперед читать статью что бы успеть выбрать себе самый красивый дизайн для блога и иметь уникальный дизайн.
Подробнее
0
Просмотров: 831 Обсудили: 0

 Креативный скролл основаный на CSS анимации

Креативный скролл основаный на CSS анимации
Сейчас в моде cайты со скроллом на основе CSS анимации, которые реагируют на то, как далеко пользователь прокрутил страницу.
Скролл на основе CSS Animation
В первую очередь, нам нужен jQuery плагин под названием Skrollr. Как только плагин на месте, мы переходим к использованию HTML5 дата атрибутов для встраивания данных в зависимости от количества пикселей, которые пользователь прокрутил вниз страницы. Для анимации мы просто переходим к CSS свойствам, так что на 0 px у нас может быть top: -30%, и на 2000px мы установим top: 50%. Такое действие передвинет объект от верхней точки в центр страницы на расстоянии в 2000 пикселей.
Подробнее
+1
Просмотров: 634 Обсудили: 0
Метки: CSS

 Эффект индикатора загрузки на CSS

Эффект индикатора загрузки на CSS
Гуляя по просторам интернета можно найти очень много классных и интересных техник. Сегодня на повестке дня у нас просто бриллиантовый трюк от Lea Verou, который позволяет с помощью текста имитировать индикатор загрузки. Он настолько прост и изумителен, что я не смог пройти мимо. Давайте же его разберём!
Она состоит из одного тега заголовка первого уровня h1, которому добавили атрибут data-content, дублирующий содержание заголовка. Для эффекта загрузки нам понадобятся две одинаковые фразы, одну из которых мы будем хранить в псевдо-элементе :before.
Подробнее
0
Просмотров: 466 Обсудили: 0

 Создаём мобильную версию сайта, используя CSS3 медиа-запросы

Создаём мобильную версию сайта, используя CSS3 медиа-запросы
CSS3 продолжает радовать и, одновременно, разочаровывать веб-дизайнеров и веб-разработчиков. Мы радуемся возможностям, которые открывает перед нами CSS3, и тому, сколько проблем можно будет решить, используя их. Разочарование заключается в том, что все эти возможности недоступны браузерам Internet Explorer 8 и ниже. В этой статье будет продемонстрирована техника, использующая функционал CSS3, который также не поддерживается в Internet Explorer 8. На самом деле это не имеет никакого значения, т.к. главной областью применения этой техники являются мобильные устройства, такие как Iphone и Android-смартфоны, у которых браузеры поддерживают большое количество свойств CSS3.
Подробнее
0
Просмотров: 606 Обсудили: 0

 Создание эффекта глубины с помощью DOM

Создание эффекта глубины с помощью DOM
Продолжаем проводить различные эффекты, которые можно реализовать у себя на сайте, в данном уроке мы рассмотрим небольшой эксперимент реализован при помощи DOM-элементов, мы постараемся реализовать забавный эффект глубины цветов, кроме этого будет создаваться вращение со стороны в сторону при движении курсора мыши, при этом будет происходит изменение размеров колец, таковых у нас будет десять, все будут иметь различный диаметр и цвет. Такой вариант игры элементов можно применить на персональной страничке.
Подробнее
0
Просмотров: 447 Обсудили: 0
Метки: CSS, HTML, новости

 Современные CSS3 эффекты и элементы для украшения веб-сайта

Современные CSS3 эффекты и элементы для украшения веб-сайта
CSS3 позволяет разработчикам интерфейсов создавать утонченные визуальные эффекты для того, чтобы усовершенствовать внешний вид веб-сайта. В этой статье вы узнаете более чем о 10 новых методов украшения вашего веб-сайта при помощи CSS3, которые придадут сайту более профессиональный вид.
1.Черно-белые изображения с помощью CSS3
2.Тень вверху страницы при помощи CSS3
3.Обнаружение двойных щелчков в CSS3
4.Треугольники в CSS3
5.Чистые CSS градиенты текста
6.Отключение указателя событий CSS
...и больше
Подробнее
0
Просмотров: 673 Обсудили: 0

 CSS функция calc()

CSS функция calc()
calc() – родной для CSS способ реализовать простые математические вычисления в качестве замены обычным значениям длин (или вообще любым числам). Он включает в себя четыре простых математических операторов: сложение (+), вычитание (-), умножение (*) и деление (\). Возможность проводить математические вычисления прямо в коде является отличным дополнением в языке, который довольно перегружен числами.
Но пригодится ли этот способ? Я сломал весь мозг, пытаясь вспомнить какие-нибудь полезные техники. Несколько нашлось.
Подробнее
0
Просмотров: 662 Обсудили: 0
Метки: CSS

 Креативная анимация “Загрузки” с помощью CSS

Креативная анимация “Загрузки” с помощью CSS
Сегодня мы разберемся как создавать различные эффекты анимации при помощи CSS3. Несколько важных моментов, прежде чем мы начнем:

Вы не увидите никаких префиксов в CSS фрагментах, но вы, конечно же, найдете их в ресурсных файлах.
Цель этого урока, это показать потенциал CSS, а особенно CSS3, поэтому рендеринг может быть изменен на-IE9. Если вы планируете поддерживать эти браузеры, не забудьте сделать резервные варианты.
Мы будем использовать box-model, где [width] = [element-width] + [padding] + [borders]. Мы активируем их с следующим фрагментом:
Подробнее
0
Просмотров: 518 Обсудили: 0
Назад 1 ... 3 4 5 6 7 8 9 10 11 ... 56 Вперед
 
Логин:
Пароль:

Добро пожаловать!

Вы вошли как гость, рекомендуем Вам авторизироваться либо пройти процесс регистрации. Если Вы забыли пароль, то Вы можете его восстановить.
Полезные инструменты

- как создать сайт - uGuide.ru