/ Ваше разрешение экрана: px / Ваш Ip адрес: {ip}

Shop Scripts

Анимационный скрипт

26-09-2018, 13:49
Анимационный скрипт позволяет в кружки добавить фотографии, которые плавно переходя в середину и увеличиваются до нужных размеров, довольно красивый слайдер.
Замечательно подойдет для галереи фотографий, портфолио и т.д.

Уникальный скрипт с анимацией на Swiper

26-09-2018, 13:32
Выразительный концепт дизайн слайдера с анимацией, картинка выезжает сбоку, пока полностью не заменит предыдущий слайд.
Слайдер можно добавить в любой шаблон сайта независимо от версии платформы. Остается грамотно создать форму окна обрамленные DIV и CSS стилями в верхней части страницы, желательно используя максимальный размер, чтобы не ухудшить превосходные свойства слайдера. Меню сбоку позволяет сразу выбрать нужный слайд, без постоянного перелистывания всех добавленных изображений назад и вперед.

Категория: Графика, Дизайн

Сайт Слайдер React

26-09-2018, 13:05
Слайдер замечательным образом перелистывает фото, здесь картинки плавно меняется предварительно разбиваясь на несколько равных прямоугольников и быстро на глазах растворяется в другом изображении.
Здесь нет меню, кроме возможности выбора стрелками следующий слайдер и назад, но скрипт легко снабдить дополнительно элементами.

Категория: Графика, Дизайн

Hexagon Button

9-09-2018, 16:33
При наведении курсора кнопка превращается в шестиугольник, а при клике обратно становится прямоугольной формы.

Категория: Графика, Дизайн

Анимация бордюра на CSS

9-09-2018, 16:13
Красивая анимация границ (border) ссылки при наведении курсора.

Категория: Графика, Дизайн

Скрипт фонового эффекта воды

17-07-2018, 10:38
Обалденный скрипт создает эффект расплескивающийся воды на фон сайта. Прекрасная реализация, вода выглядит как настоящая, хотя скрипт очень небольшой и весит всего ничего. Анимация происходит при движении курсора по монитору. От курсора будто идут волны, которые со временем увеличиваются и пропадают. На изображении, которое подобрано под фон, все это смотрится очень живо и красиво.

Кнопка скачать на CSS3

15-07-2018, 21:20
Категория: Графика, Дизайн

Динамические кнопки с CSS3

15-07-2018, 20:22
Довольно незаурядные и до безобразия простые кнопки для сайта.

Скрипт кнопки в стиле YouTube

3-06-2018, 21:49
Данные кнопки предназначены преимущественно для светлого дизайн сайта и смотрятся очень красиво, в основном для белого фона и с преобладанием других оттенков цвета. Установка не сложная и каждый, даже начинающий вебмастер, может установить этот код. В скрипте нет не одной сторонней ссылки, создано чисто на стилях, а значит красиво.

В CSS нужно прописать:

.button {  
border: 1px solid #DDD;  
border-radius: 3px;  
text-shadow: 0 1px 1px white;  
-webkit-box-shadow: 0 1px 1px #fff;  
-moz-box-shadow: 0 1px 1px #fff;  
box-shadow: 0 1px 1px #fff;  
font: bold 11px Sans-Serif;  
padding: 6px 10px;  
white-space: nowrap;  
vertical-align: middle;  
color: #666;  
background: transparent;  
cursor: pointer;  
}  
.button:hover, .button:focus {  
border-color: #999;  
background: -webkit-linear-gradient(top, white, #E0E0E0);  
background: -moz-linear-gradient(top, white, #E0E0E0);  
background: -ms-linear-gradient(top, white, #E0E0E0);  
background: -o-linear-gradient(top, white, #E0E0E0);  
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;  
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;  
box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;  
}  
.button:active {  
border: 1px solid #AAA;  
border-bottom-color: #CCC;  
border-top-color: #999;  
-webkit-box-shadow: inset 0 1px 2px #aaa;  
-moz-box-shadow: inset 0 1px 2px #aaa;  
box-shadow: inset 0 1px 2px #aaa;  
background: -webkit-linear-gradient(top, #E6E6E6, gainsboro);  
background: -moz-linear-gradient(top, #E6E6E6, gainsboro);  
background: -ms-linear-gradient(top, #E6E6E6, gainsboro);  
background: -o-linear-gradient(top, #E6E6E6, gainsboro);  
}

В нужное место вставляем саму кнопку:

<button class="button" role="button">HI-CD.BY</button>

HI-CD.BY - текст, который отображается на кнопке, измените на свой.
Категория: Графика, Дизайн

Скрипт кнопки в стиле VK

3-06-2018, 21:42

Простоя и стильная серая кнопка под стиль дизайна VK. Работает на стиле button для светлого сайта. Вам необходимо прописать CSS и установить код под div с классом в нужное место на сайте для использования необходимых функций. При клике у кнопки есть свой эффект. 
Установка не сложная, главное чтобы подходила по своей стилистике. Если немного не подходит, то вы можете в стилях изменить оттенок и всё остальное.


В CSS прописывает:


.button_gray {margin: 0px 10px;} 
.button_gray {text-align: center;-webkit-border-radius: 2px;-khtml-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;display: inline-block;*display: inline;position: relative;line-height: normal;zoom: 1;}
.button_gray {margin: 2px 5px;} 
.button_gray button {border: 1px solid;background: none;font-size: 11px;margin: 0px;cursor: pointer;white-space: nowrap;outline: none;padding: 4px 14px;*padding: 5px 15px 3px;font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;overflow: visible;} 
.font_medium .button_gray button {font-size: 12px;} 
.button_gray button::-moz-focus-inner {border: 0;} 
.button_gray {border: 1px solid #b3b3b3;background: #e0e0e0;} 
.button_gray button {border-top-color: #ffffff;border-bottom-color: #e5e5e5;border-left-color: #e7e7e7;border-right-color: #e7e7e7;color: #444;text-shadow:0 1px 0 #ffffff;*border: 0;background: url(http://zornet.ru/zorner_ru_1/Abter/button_vk.png) #dddddd repeat-x top;background-position: 0px -54px;} 
.button_gray button:hover {background-position: 0px -46px;} 
.button_gray button:active {background: #dcdcdc;border: 1px solid #dcdcdc;position:relative;} 
.button_gray {background: url('http://zornet.ru/zorner_ru_1/Abter/upload.gif') center no-repeat;} 
a.button_gray:hover {text-decoration: none;}

В нужном месте устанавливаем Код кнопки:

<div class="button_gray"><button>HI-CD.BY</button></div>

Вместо HI-CD.BY вставляем свой текст.
Категория: Графика, Дизайн
Это интересно
Поиск и оплата штрафов ГИБДД/Налогов/Исполнительных производств
Новости Портала

Адаптация шаблонов для новых версий движка DLE

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

Релизы DataLife Engine (DLE) v.11.x - v.13.х

DataLife Engine включает самые передовые возможности для создания сайта любой темы. В DLE 12.1 добавлены совершенно новые шаблоны HTML5 стандартов в количестве трех и дополнительный дизайн для ...

Dmitri Hvorostovsky - Singing Of Love (2018) FLAC

  Исполнитель: Dmitri Hvorostovsky Название: Singing Of Love Лейбл: Delos Жанр музыки: Classical Год релиза: 2018 Количество треков: 19 Формат | Качество: FLAC (tracks) Продолжительность: 01:14:41 ...
Реклама Партнеров
Статистика

 
Скрипт социальных кнопок