Контейнер с семантическими элементами
Заполнение контейнера
Контейнер с заголовками и пунктами
Объяснение примеров
Границы W3.CSS
Границы
Цветные границы
Закругленные границы
Толстые границы
Наводимые границы
Объяснение примеров
Панели W3.CSS
Панели
Примечания к панели
Котировки панели
Оповещения панели
Панельные карты
Панель круглая
Скрыть/закрыть панель
Показать/открыть панель
Объяснение примеров
Карточки W3.
CSS
Карточки
Цветные карты
Содержание карты
Фото открытки
Hoverable карты
Карточка аватара с кнопками
Карточка аватара с кнопкой во всю ширину
Карточные виджеты
Объяснение примеров
Шрифты W3.CSS
Заголовки
Классы размера шрифта
Переопределить значения по умолчанию W3.CSS
Изменить шрифт страницы по умолчанию
Как использовать класс шрифта
Как использовать внешние шрифты
Внешний шрифт Google: лобстер
Эффекты шрифта
Эффекты шрифта 2
Объяснение примеров
Текст W3.CSS
Выравнивание текста
Центральные элементы
Широкий текст
Текстовая тень
Непрозрачность текста
Текстовые спецэффекты
Объяснение примеров
W3.CSS Round
Круглые классы
Круговой класс
Текст внутри круга
Круг внутри круга
Круг внутри круга 2
Объяснение примеров
W3.CSS Padding
Классы чисел заполнения
Классы размеров отступов
Объяснение примеров
Поля W3.CSS
Поля со всех сторон
Верхний край
Нижнее поле
Маржа слева
Поле справа
Разделы полей
Объяснение примеров
Дисплей W3.
CSS
Контейнер отображения
Дисплейный контейнер с отступом
Показать контейнер для изображения
Отображение флага
Плавающие классы
Скрыть и показать классы
Переключить скрыть и показать
Объяснение примеров
Кнопки W3.CSS
Кнопки
Цвета кнопок
Цвета при наведении
Формы кнопок
Размеры кнопок
Границы кнопки
Кнопки с текстовыми эффектами
Кнопки с широкими текстовыми эффектами
Мягкие кнопки
Левая и правая кнопки
Кнопки во всю ширину
Отключенные кнопки
Группы кнопок в одной строке
Панели кнопок
Кнопки с волновым эффектом
Примеры с объяснением
W3.CSS Примечания
Примечания
Серый с закругленными краями
Бледно-голубой с левой и правой полосой
Бледно-красный с левой полосой
Бледно-желтый с окантовкой
Бледно-зеленый с рамкой и нижней полосой
Желтый с верхней и нижней полосой
Объяснение примеров
Цитаты W3.CSS
Цитаты
Крупные котировки
Цитаты
Пользовательские котировки 1
Пользовательские котировки 2
Пользовательские котировки 3
Черная цитата
Цитаты как карты
Котировки в виде карточек 2
Объяснение примеров
Оповещения W3.
CSS
Основные оповещения
Закрываемые оповещения
Округленные оповещения
Карточки предупреждений
Объяснение примеров
Таблицы W3.CSS
Базовая таблица
Таблица с рамкой (горизонтальные разделители)
Полосатый стол
Полосатый стол с окантовкой
Границы вокруг стола
Table all (сочетает полосы, границы и т. д.)
Переворачивание полос
Центрированная таблица
Таблица с цветным заголовком
Цвета таблицы
Hoverable table (серый цвет)
Конкретный цвет наводимой таблицы
Карточка стола
Адаптивная таблица
Крошечный стол
Маленький стол
Большой стол
хБольшой стол
xxLarge таблица
xxxБольшой стол
Большой стол
Объяснение примеров
Списки W3.CSS
Базовый список
Список с границами
Заголовок списка
Список карт
Центрированный список
Цветной список
Цветной элемент списка
Наводимый список (серый цвет)
Определенный цвет наводимого списка
Закрываемый список
Дополненный список
Список аватаров
Крошечный список
Небольшой список
Большой список
xБольшой список
xxLarge список
xxxБольшой список
Большой список
Объяснение примеров
Изображения W3.
CSS
Округлое изображение
Изображение в кружке
Изображение с рамкой
Карточка изображения
Текст изображения
Адаптивное изображение
Отзывчивое изображение с максимальной шириной
Непрозрачность изображения
Изображение в оттенках серого
Изображение сепия
Эффекты наведения изображения
Непрозрачность изображения выключена
Фотоальбом
Объяснение примеров
Входные данные W3.CSS
Верхние метки
Нижние этикетки
Входные карты
Цветные этикетки
Ограниченные входы
Закругленные границы
Ввод без полей
Цветные входы
Hoverable входы
Анимированные входы
Флажки
Радио-кнопки
Выберите меню
Меню выбора с рамкой
Элементы формы в сетке из трех столбцов
Макет в два столбца с метками
Объяснение примеров
Значки W3.CSS
Значки
Цветные значки
Значки в кнопках
Значки в списках I
Значки в списках II
Значки в таблицах
Большие значки
Значки UTF-8
Объяснение примеров
Теги, ярлыки и знаки W3.CSS
Теги и ярлыки
Цветные бирки
Большие теги
Теги как буквы
Метки подряд
Метка как знак
Дорожные знаки
Большие знаки
Крупные вывески 2
Округлые знаки
Повернутые теги
Вращающиеся теги
Объяснение примеров
Иконки W3.
CSS
Font Awesome icons
Иконки материального дизайна Google
Иконки Bootstrap
Примеры с объяснением
Адаптивный W3.CSS
Класс w3-half
w3-третий класс
Класс w3-две трети
Класс w3-четверть
Класс w3-три четверти
Вложенные строки (w3-половина внутри w3-половина)
Столбцы с использованием w3-rest
Столбцы с использованием процентов
Класс w3-контента
Разница между w3-row и w3-row-padding
Объяснение примеров
W3.CSS Animate
Верхняя анимация
Нижняя анимация
Левая анимация
Правильная анимация
Затухающая анимация
Исчезающая бесконечная анимация
Масштаб анимации
Анимация вращения
Исчезнуть все
Объяснение примеров
Раскрывающиеся списки W3.CSS
Выпадающее меню с наведением курсора
Выпадающее меню
Выпадающий список в навигационной панели
Кликабельное выпадающее меню
Выпадающий список изображений
Выпадающий список карт
Анимированный раскрывающийся список
Раскрывающийся список с выравниванием по правому краю
Объяснение примеров
Аккордеон W3.
CSS
Базовый аккордеон
Кнопки-гармошки
Активный аккордеон
Ширина гармошки
Аккордеонные ссылки
Аккордеонная карта со списками
Аккордеон и раскрывающийся список на боковой панели
Анимированный аккордеон
Объяснение примеров
Навигация W3.CSS
Базовая навигация
Цветная полоса
Бар с окантовкой
Активная ссылка в баре
Hoverable бар ссылки
Ссылки с выравниванием по правому краю
Размер шрифта бара
Заполнение бара
Ширина полосы
Иконки бара
Бар с вводом
Панель с раскрывающимся списком
Панель с активным раскрывающимся списком и значком
Панель с интерактивным раскрывающимся списком
Верхняя панель
Нижняя полоса
Разборная штанга
Объяснение примеров
Боковая панель W3.CSS
Основная боковая панель (отображается всегда)
Складная боковая панель
Боковая панель, скрывающая часть содержимого страницы
Боковая панель, скрывающая все содержимое страницы
Боковая панель сдвигает содержимое вправо
Цвет боковой панели
Боковая панель с рамкой
Боковая панель с нижней границей (разделители)
Боковая панель
Ссылки на боковую панель с наведением (цвет фона)
Ссылки на боковую панель с наведением (цвет текста)
Размер боковой панели
Боковая панель с иконками (иконка)
Боковая панель с раскрывающимся списком
Боковая панель с аккордеоном
Анимированная боковая панель
Боковая панель с эффектом наложения
Боковая панель с контентом
Объяснение примеров
Вкладки W3.
CSS
Вкладка «Основные»
Активная/текущая вкладка
Вертикальная вкладка
Анимированное содержимое вкладки
Галерея изображений с вкладками
Вкладки в сетке
Объяснение примеров
Разбиение на страницы W3.CSS
Базовое разбиение на страницы
Стрелки пагинации
Активная ссылка на страницу
Цвет пагинации при наведении
Размер страницы
Разбивка на страницы с рамкой
Разбивка на страницы со скругленными рамками
Разбивка по центру
Стрелки перехода к следующей/предыдущей странице
Меню пагинации
Объяснение примеров
Индикаторы выполнения W3.CSS
Основной индикатор выполнения
Ширина индикатора выполнения
Размеры индикатора выполнения
Цвет индикатора выполнения
Закругленные индикаторы выполнения
Ярлыки индикатора выполнения
Динамический индикатор выполнения
Динамический индикатор выполнения с меткой по центру
Динамический индикатор выполнения с меткой, выровненной по левому краю
Динамический индикатор выполнения с меткой, расположенной снаружи
Объяснение примеров
Слайд-шоу W3.
CSS
Ручное слайд-шоу с изображениями
Автоматическое слайд-шоу с изображениями
Автоматические HTML-слайды
Подписи к слайд-шоу
Индикаторы слайд-шоу с цифрами и кнопками «предыдущий/следующий»
Индикаторы слайд-шоу со значками и маркерами
Изображения как индикаторы
Анимированные слайды
Автоматическое слайд-шоу с бесконечным затемнением
Объяснение примеров
Модальное окно W3.CSS
Базовое модальное окно (диалоговое окно/всплывающее окно)
Модальный с контейнерами
Модальная карта
Анимированный модал
Исчезать в модальном режиме
Модальное изображение
Модальная галерея изображений
Модальная форма входа
Модальная вкладка
Как закрыть модальное окно
Модальный лайтбокс (модальная галерея изображений)
Объяснение примеров
Подсказки W3.CSS
Встроенный текст всплывающей подсказки
Тег встроенной подсказки
Текст всплывающей подсказки перед наводимым изображением
Текст всплывающей подсказки после наводимого изображения
Абсолютная подсказка
Цветная подсказка
Закругленная подсказка
Маленькая подсказка
Большая подсказка
Объяснение примеров
Адаптивная сетка W3.
CSS
Демонстрация гибкой сетки
Два равных столбца
Два неравных столбца
Три равных столбца
Три неравных столбца
Шесть равных столбцов
Смешанный: мобильные и ноутбуки
Смешанный: мобильные устройства, планшеты и ноутбуки
Разница между w3-row и w3-row-padding
Столбцы с использованием w3-rest
Столбцы с использованием процентов
Объяснение примеров
Код W3.CSS
Отображение примеров
Отображаемый код
Отображение цветного HTML
Отображение цветного CSS
Отображение цветного кода JavaScript
Отображение встроенного кода (w3-codespan)
Объяснение примеров
Фильтры W3.CSS
Таблицы фильтров
Списки фильтров
Выпадающие списки фильтров (нажмите)
Выпадающие списки фильтров (наведение курсора)
Объяснение примеров
❮ Назад
Следующий ❯
ВЫБОР ЦВЕТА
Бесплатный CSS | Отправить бесплатный шаблон веб-сайта
Если вы хотите отправить свои бесплатные шаблоны CSS, просто отправьте нам электронное письмо по адресу « info AT free-css. com » со ссылкой на демонстрационную страницу шаблонов и ссылкой на то, где мы можно скачать zip файл.
Обратите внимание: пожалуйста, не отправляйте нам загружаемый файл напрямую по электронной почте, все шаблоны оцениваются Free CSS, и если они соответствуют всем требованиям, они будут помещены в список ожидания для публикации.
Free CSS не гарантирует отправку и поэтому оставляет за собой право публиковать или отклонять любые отправленные шаблоны.
Бесплатный CSS демонстрирует простых HTML-шаблонов , которые можно преобразовать/перенести в различные системы, такие как программное обеспечение для ведения блогов, программное обеспечение для электронной коммерции, системы CMS и т. д.
Если вы не являетесь первоначальным разработчиком шаблона, который хотите отправить, убедитесь, что все авторы шаблона не повреждены.
Авторские права на шаблоны важны для защиты авторских прав. Free CSS не может нести ответственность за шаблоны, предоставленные 3 rd сторонами, которые удалили или изменили кредитную информацию.
Если в шаблоне нет авторства шаблона, Free CSS будет искать имя шаблона в Интернете, где это возможно и реалистично. Free CSS добавит в шаблон авторство оригинального дизайнера или разработчика.
Отправляя шаблон в Free CSS, вы соглашаетесь с тем, что Free CSS может изменять содержимое, ссылки и визуальные элементы, содержащиеся в шаблоне. Вы соглашаетесь с тем, что Free CSS удалит или изменит все избыточные внешние ссылки, найденные в шаблонах, кроме кредитных ссылок, связанных с созданием конкретного представленного шаблона, включая ссылки на разработчика шаблона и связанных с ним спонсоров шаблона.
При отправке шаблона в Free CSS вы отправляете его на том основании, что шаблон является вашим оригинальным дизайном или дизайном вашего сотрудника и что дизайн, исходный код и соответствующие файлы не были скопированы с чьего-либо веб-сайта. Если вы являетесь третьей стороной, отправляющей шаблон, вы гарантируете своей отправкой, что все отправленные файлы были тщательно проверены, а первоисточник был уведомлен о том, что шаблон был отправлен на этот веб-сайт.
Free CSS не может и не будет нести ответственность за отправленные или отправленные шаблоны, которые были явно скопированы с других сайтов. Если обнаружится, что шаблон скопирован с других сайтов, Free CSS удалит его/их. Free CSS поддерживает авторские права и права на интеллектуальную собственность и не одобряет тех, кто не соблюдает эти законы и правила.
Free CSS оставляет за собой право добавлять тег rel=»nofollow» к кредитным ссылкам на демонстрационных страницах шаблонов, находящихся на действующем веб-сайте Free CSS. Загруженный zip-файл с исходным шаблоном не содержит тега rel=»nofollow» в ссылках на кредит.
Free CSS не публикует и не принимает следующее:
- Табличные шаблоны
- Готовые шаблоны блога
- Готовые шаблоны системы управления контентом
- Готовые шаблоны электронной коммерции
- Шаблоны, явно созданные другими разработчиками, в которые были внесены незначительные изменения
- Шаблоны, основанные на одном дизайне и изображениях, только изменились, создав строку или шаблоны, в которых не было изменений в CSS или XHTML.
