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
 
 
Сортировать новости по: дате новости | популярности | посещаемости | комментариям | алфавиту

 Счётчики на CSS

Счётчики на CSS
Часто нам нужно реализовать какой-нибудь список на странице, а иногда он должен быть нумерованным. А если уж совсем повезёт, то в каждом элементе списка будет ещё по несколько элементов. Здесь не обойтись без правильной нумерации, как в оглавлении книжек: элементы верхнего уровня должны иметь нумерацию 1, 2, 3, 4, 5, 6, 7 и так далее, а вложенные элементы – 1.1, 1.2, 3.4 …, первая цифра которых будет говорить о принадлежности к главному элементу списка, а вторая – о нумерации внутри главного элемента.
В этой статье я покажу, как это просто реализовать на чистом CSS, не используя javascript.
Подробнее
0
Просмотров: 661 Обсудили: 0
Метки: CSS

 Внутренний 3D параллакс эффект

Внутренний 3D параллакс эффект
Всем привет!
У нас тут был небольшой застой – сначала нужно было привести себя в порядок после майских праздников, потом возня с загранпаспортом не давала расслабиться (об этом мы думаем написать, но чуть позже). Вот только сегодня можно заняться любимым делом. Ну и плюс, как мы рассказали в начале этой статьи, мы пали от руки холодного пива и теперь лечимся горячими напитками и пишем.
Недавно я рассказывал о замечательном эффекте при скроллинге страницы в браузере и хотел сразу написать вольный перевод, со своими добавками, очередной классной статьи с сайта CSS-Tricks.com, но как-то руки не дошли. Сегодня я исправляюсь =)
Подробнее
0
Просмотров: 444 Обсудили: 0

 Чекбоксы в стиле Star Wars на чистом CSS

Чекбоксы в стиле Star Wars на чистом CSS
Фанатеете от “Звёздных войн”?
Или же ты, юный падаван, любишь чубаку?
В любом случае эти чекбоксы в стиле звёздных войн на чистом CSS будут отличным украшением твоего сайта.
В чём фишка?

Никакого javascript
Простые и ясные.
Зелёный световой меч Мастера Йоды
Красный световой меч Дарт Вейдера
Синий световой мечт Оби Ван Кеноби
Фиолетовый световой меч Мейса Винду
Легко изменить цвет
Оптимизированы для webkit. Кросс-браузерная поддержка. IE9+
Открытая лицензия MIT
Подробнее
0
Просмотров: 470 Обсудили: 0
Метки: CSS

 Реалистичные кнопки и переключатели на CSS

Реалистичные кнопки и переключатели на CSS
Каждый, кто ходит по интеренету гулять дальше яндекса и вконтактика, хоть раз да видел стильные кнопки на различных сайта и всякие-разные переключатели, которые выглядят настолько реалистично, что невозможно оторвать взгляд. А ещё если они прелестно анимированы при нажатии мышкой, то это вообще вызывает дивное умиление и восторг.
Нет? У вас не вызывает? Чёрт, значит только у меня. Ну да ладно. Сегодня мы научимся делать очень классные кнопочки и переключатели, используя только силу CSS.
Подробнее
0
Просмотров: 545 Обсудили: 0
Метки: CSS

 3D кнопки с параллакс-эффектом

3D кнопки с параллакс-эффектом
На сайте CSS-Tricks была опубликована статья, в которой показан интересный метод реализации кнопок с эффектом 3D и параллакса. Метод отличается от того, который был недавно описан, и основан на использовании 3D-трансформирования элементов с помощью свойств в CSS3.
Загвоздка в том, что 3D-трансформации элементов, на данный момент, поддерживают только браузеры:
Chrome, Safari и новая Opera 15, через префикс -webkit-
Mozilla Firefox
Для IE всё печально и даже IE10, пока что, не может обеспечить должную поддержку, поэтому для него и всех остальных старых браузеров (IE9 и ниже, старая Opera) мы отключим поддержку 3D и все элементы будут просто плоскими.
Подробнее
0
Просмотров: 707 Обсудили: 0
Метки: CSS

 Создаем красивые обьемные 3D тэги при помощи CSS3

Создаем красивые обьемные 3D тэги при помощи CSS3
Сегодня мы собираемся создать объемные теги на CSS. Для этого нам понадобится свойства box-shadow, text-shadow и border-radius. Метод, показанный в этом уроке, вы сможете легко добавить на любой веб-сайт.

Мы создадим теги в форме 3D-кнопки. Если у вас есть сайт под управлением WordPress, то вам понадобится этот пример или подобный ему, чтобы стилизовать облако тегов. Вот как это выглядит:
Подробнее
0
Просмотров: 591 Обсудили: 0
Метки: CSS

 Создаем блок “Топ комментаторов” на сайте

Создаем блок “Топ комментаторов” на сайте
Можно долго описывать пользу плагина “Топ комментаторов”, но одно могу сказать точно, если хотите сделать свой блог популярным в блогосфере и повысить трафик, то подобная функция будет весьма кстати. Обычно посетители на блоге не очень активно комментируют статьи, даже если они интересные. Но если установлен виджет топа комментаторов, то сразу же начинается движение и каждый хочет оказаться на верхней позиции рейтинга, чтобы все увидели ссылку на его сайт. Такая вот мотивация получается и главное, что все от этого выигрывают. И сейчас мы разберем, как реализовать блок комментаторов на блоге без плагина. Немного терпения и все получится. Итак, поехали.
Подробнее
0
Просмотров: 632 Обсудили: 0

 Как создать фото-слайдер используя jQuery и CSS3

Как создать фото-слайдер используя jQuery и CSS3
В этом уроке мы будем создавать слайдер с помощью “Nivo Slider jQuery Script” и CSS3. Мы будем использовать “Nivo Slider jQuery Script”, потому что это мощный инструмент, и он совершенно бесплатный. У этого скрипта есть 16 эффектов перехода, он простой, гибкий и имеет много интересных особенностей. Вы можете использовать его практически в любом месте и для почти любого проекта, в том числе личных и коммерческих веб-сайтов и любых тем, которые вы делаете для вордпресса, к примеру.
Подробнее
0
Просмотров: 630 Обсудили: 0
Метки: jQuery, CSS, верстка

 Плавное удаление блока на jquery

Плавное удаление блока на jquery
Очень часто нам нужно удалить тот или иной блок, но сделать это без jquery мы этого не можем. Вот и у меня не получилось только средствами html это осуществить =) (кто не понял, это шутка). Написал я универсальный скрипт, который теперь подойдет для любой структуры, только нужно в нужное место положить елемент, по клику на который будет удаляться весь нужный нам блок. Если хотите узнать больше, милости прошу к прочтению поста на моем блоге!
Подробнее
+1
Просмотров: 596 Обсудили: 0
Метки: jQuery, CSS

 Модальное окно на CSS3

Модальное окно на CSS3
Всем привет. Знаете ли вы, что сделать модальное окно на CSS без использования javascript или jQuery вполне возможно? Недавно я показывал пример модального окна на jQuery, но сегодня будем делать такое окно на CSS3 и HTML5. С развитием этих спецификаций стало возможно делать простые модальные окна без подключения внешних библиотек и что больше всего радует, так это поддержка подобных эффектов практически всеми браузерами, естественно последних версий. Но об этом немного позже. Сейчас давайте посмотрим пример и разберемся, где можно использовать модальное окно на CSS.
Подробнее
0
Просмотров: 1048 Обсудили: 0
Метки: CSS
Назад 1 ... 4 5 6 7 8 9 10 11 12 ... 56 Вперед
 
Логин:
Пароль:

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

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

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