Скрипты для сайтов — рекламный баннер на CSS

Скрипты для сайтов — рекламный баннер на CSS.

Скрипты для сайтов — рекламный баннер на CSS

Скрипт рекламного баннера для сайта листинг кода:

<div class="cor">
 <div class="pyl">Пыльца</div>
	<div class="sosna">сосны</div>
		<div class="p-sex">Полноценный ритм в любом возрасте</div>
		<div class="hronik">Нет хронической усталости</div>
		<div class="stop">Стоп старость/<div>
		<div class="cup">КУПИТЬ!!!</div>
</a></div>
<style>

.cor {
	width: 45%;	
	height: 55px;	
	min-width: 270px;	
	padding left: 10px;
	position: relative;		
	top: 125px;
	left: 20px;
	background: #F3F9FE; 	
	border: 1px solid #93989D;
}

.pyl {
	font-size: 28px;	
	font-family: Impact;	
	color: #A6733C;		
	letter-spacing: 0px;	
	position: absolute; 	
	top: 5px;
	left: 10px;
}

.sosna {
	font-size: 20px;
	float: left;
	font-family: Impact;
	color: #5FB622;
	position: absolute;
	letter-spacing: 1.5px;
	top: 28px;
	left: 20px;
}

.p-sex,
.hronik,
.stop {
	position: absolute;
	top: 12px;
	font-size: 21px;
	font-family: Arial;
	letter-spacing: 1px;	
}
.p-sex {
	animation: one-im 9s ease alternate infinite;
	left: 22%;
}
.hronik {
	animation: two-im 9s ease alternate infinite;
	left: 30%;
}
.stop {
	animation: three-im 9s ease alternate infinite;
	left: 35%;
}

.sylka-b {
	text-decoration: none;
	color: #44AAE2;
}

.cup{
	position: absolute;
	left: 20%;
	top: 8px;
	width: 75%;
	color: red;
	background: #F3F9FE;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	font-style: italic;
	text-transform: uppercase;
	animation: pocupka 15s linear infinite;	
}
@keyframes one-im{
	0% {
	opacity: 1;
	}
	30% {
	opacity: 1;
	}
	40% {
	opacity: 0;
	}
	100% {
	opacity: 0;
	}
}
@keyframes two-im{
	0% {
	opacity: 0;
	}
	30% {
	opacity: 0;
	40% {
	opacity: 1;
	}
	}
	60% {
	opacity: 1;
	}
	70% {
	opacity: 1;
	}
	80% {
	opacity: 0;
	}
	100% {
	opacity: 0;
	}
}
@keyframes three-im{
	0% {
	opacity: 0;
	}
	50% {
	opacity: 0;
	}
	70% {
	opacity: 0;
	}
	80% {
	opacity: 1;
	}
	100% {
	opacity: 1;
	}
}
@keyframes pocupka{
  0% {
	opacity: 0;
  }
  35% {
	opacity: 0;
  	transform: translateY(-12px);
  }
  36% {
	opacity: 0.2;
	transform: translateY(0);
  }
  37% {
	opacity: 0.3;
	transform: translateY(-8px);
  }
  38% {
	opacity: 0.5;
	transform: translateY(0);
  }
  39% {
	opacity: 0.7;
	transform: translateY(-5px);
  }
  40% {
	opacity: 0.9;
	transform: translateY(0);
  }
  50%{
	opacity: 1;
  }
  57% {
	opacity: 1;
  }
  58% {
	opacity: 0;
  }
  100% {
	opacity: 0;
  }
  }
</style>

Образец выполнения кода:

Для настройки кода корректной работы баннера можно воспользоваться РЕДАКТОРОМ

Обмен визитами — бесплатная раскрутка сайта.

Самый простой способ, это по старинке, обмен визитами через ввод адреса сайта в форму:

Ссылка не должна превышать 200 символов и должна обязательно являться URL адресом. Без пробелов.

Трейн-чекс Уроки WEB программирования.

1. ПОДДЕРЖАТЬ ПРОЕКТ на WebMoney
2. WEST-HOSTER
3. ПОРТАЛ СООБЩЕСТВА 🕶️
4. HTML JS CSS РЕДАКТОР
5. ШРИФТЫ ДЛЯ САЙТОВ
6. ПРОМПТЫ ДЛЯ ШЕДЕВРУМА
7. Символ неразрывного пробела
8. Скрипт считывания клавиш
9. Файлы куки
10. AJAX счётчик кликов
11. Запрет кэширования JS и PHP
12. Координаты курсора JS
13. Числа от 1 до 10 на JS
14. Перевести двоичный код в кратный на JS
15. CSS на JavaScript
16. Новые теги HTML
17. Может ли HTML 6 заменить JavaScript
18. HTML форма без перезагрузки страницы
19. Смайлы эмоджи — ГЕНЕРАТОР
20. Форматы изображений
21. Скрипт AJAX лайков и дизлайков
22. Горячие клавиши
23. Скачать изображение в CANVAS
24. Какими будут сайты будущего?
25. Что делает администратор сайта
26. Девушка фурри Милка Маус
27. CMS движки для сайтов

28. Мануалы PHP

29. Мануалы PHP — Фильтры
30. Мануалы PHP — Узнать IP адрес
31. Мануалы PHP — Файлы папки директории
32. Мануалы PHP — Вывод файлов scandir()
33. Мануалы PHP — Отправка данных из формы
34. Мануалы PHP — Запись данных в файл
35. Мануалы PHP — Запрет повторной отправки формы
36. Мануалы PHP — Дата и время
37. Мануалы PHP — Отправка E-mail
38. Мануалы PHP — Работа с изображениями
39. Мануалы PHP — Вход по паролю
40. Отправка формы AJAX
41. Геолокация на PHP, узнать город
42. Выполнение PHP скрипта по клику
43. Маскировка ссылок
44. Таблица умножения

45. Анимация JS

46. Шифровка текста на JS
47. Безумный текст
48. Компрессор кода
49. Уведомления на рабочий стол
50. Перезагрузка на JS и PHP
51. Рейтинг на JS и PHP
52. Виджет комментариев на PHP
53. Рекламный баннер на CSS
54. Запрет копирования
55. Узнать код клавиш
56. Скрипт кода клавиш
57. Конвертер кода в спецсимволы
58. Бесконечный алерт
59. Вывод случайных фраз
60. Откуда пришёл посетитель на JS
61. CSS type radio checkbox
62. Эффекты с текстом
63. Посетители онлайн на PHP
64. Cookie счётчик посещений
65. Анимация текста
66. Type — range
67. Лабиринт на JS
68. Дата и время на JS
69. CSS меню блокнот
70. CSS меню книжная полка
71. CSS вращающийся баннер
72. JavaScript азбука морзе
73. JavaScript копирайт
74. JavaScript анимация текста
75. JavaScript звуки
76. Кнопка вверх
77. Подсчёт символов на JavaScript
78. Работа с куками на PHP

79. AXAJ -JS

80. AJAX счётчик кликов
81. Генератор случайных чисел
82. PHP счётчик страниц
83. PHP запись файлов
84. Дата посещения страницы на PHP
85. Счётчик лайков на PHP
86. Дата изменения страницы
87. Игра JS — угадай число
88. Круговое меню для сайта
89. Навигатор
90. Запрет копирования
91. Вычислить дату на JS
92. Кнопка на CSS
93. view-source: исходный код
94. Анимация JS
95. Время проведённое на сайте
96. Календарь JS
97. Снег для сайта
98. Анимация волны
99. Добавить в избранное
100. Срок жизни сайта
101. Таймер на JS
102. Блокировка мыши и клавиатуры
103. Приветствие по времени суток
104. JS время
105. Яндекс поиск