Скрипты для сайтов — навигатор
Скрипты для сайтов — навигатор
<style> #menu{ width: 150px; height: 250px; background: #375FC8; border-radius: 15px; border-color: #222222; border-style: outset; padding: 15px; background: #4c4c4c; /* Old browsers */ background: -moz-linear-gradient(-45deg, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */ background: linear-gradient(135deg, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #acran{ width: 148px; height: 210px; border-radius: 5px; background: url(http://foxland.ucoz.ru/sistem/mobailmenu/i.jpg); background-size: cover; } #but1{ font-family: Monotype Corsiva; font-size: 18px; color: #00FFFF; border: 1px outset; border-color: #606060; width: 67px; height: 22px; border-radius: 8px 0 0 8px; background: #E2E2E2; background: #4c4c4c; /* Old browsers */ background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */ background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */ } #but2{ text-decoration: none; font-family: Monotype Corsiva; font-size: 18px; color: #00FFFF; border: 1px outset; border-color: #606060; width: 67px; height: 22px; border-radius: 0px 8px 8px 0px; background: #E2E2E2; background: #4c4c4c; /* Old browsers */ background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */ background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */ } #but1:hover { font-family: Monotype Corsiva; font-size: 18px; color: #ffffff; border: 1px inset; border-color: #606060; background: #131313; /* Old browsers */ background: -moz-linear-gradient(top, #131313 0%, #1c1c1c 9%, #2b2b2b 24%, #111111 40%, #000000 49%, #2c2c2c 50%, #474747 61%, #666666 75%, #595959 88%, #4c4c4c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#131313), color-stop(9%,#1c1c1c), color-stop(24%,#2b2b2b), color-stop(40%,#111111), color-stop(49%,#000000), color-stop(50%,#2c2c2c), color-stop(61%,#474747), color-stop(75%,#666666), color-stop(88%,#595959), color-stop(100%,#4c4c4c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #131313 0%,#1c1c1c 9%,#2b2b2b 24%,#111111 40%,#000000 49%,#2c2c2c 50%,#474747 61%,#666666 75%,#595959 88%,#4c4c4c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #131313 0%,#1c1c1c 9%,#2b2b2b 24%,#111111 40%,#000000 49%,#2c2c2c 50%,#474747 61%,#666666 75%,#595959 88%,#4c4c4c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #131313 0%,#1c1c1c 9%,#2b2b2b 24%,#111111 40%,#000000 49%,#2c2c2c 50%,#474747 61%,#666666 75%,#595959 88%,#4c4c4c 100%); /* IE10+ */ background: linear-gradient(to bottom, #131313 0%,#1c1c1c 9%,#2b2b2b 24%,#111111 40%,#000000 49%,#2c2c2c 50%,#474747 61%,#666666 75%,#595959 88%,#4c4c4c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */ } #but2:hover { font-family: Monotype Corsiva; font-size: 18px; color: #ffFFFF; border: 1px inset; border-color: #606060; background: #131313; /* Old browsers */ background: -moz-linear-gradient(top, #131313 0%, #1c1c1c 9%, #2b2b2b 24%, #111111 40%, #000000 49%, #2c2c2c 50%, #474747 61%, #666666 75%, #595959 88%, #4c4c4c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#131313), color-stop(9%,#1c1c1c), color-stop(24%,#2b2b2b), color-stop(40%,#111111), color-stop(49%,#000000), color-stop(50%,#2c2c2c), color-stop(61%,#474747), color-stop(75%,#666666), color-stop(88%,#595959), color-stop(100%,#4c4c4c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #131313 0%,#1c1c1c 9%,#2b2b2b 24%,#111111 40%,#000000 49%,#2c2c2c 50%,#474747 61%,#666666 75%,#595959 88%,#4c4c4c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #131313 0%,#1c1c1c 9%,#2b2b2b 24%,#111111 40%,#000000 49%,#2c2c2c 50%,#474747 61%,#666666 75%,#595959 88%,#4c4c4c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #131313 0%,#1c1c1c 9%,#2b2b2b 24%,#111111 40%,#000000 49%,#2c2c2c 50%,#474747 61%,#666666 75%,#595959 88%,#4c4c4c 100%); /* IE10+ */ background: linear-gradient(to bottom, #131313 0%,#1c1c1c 9%,#2b2b2b 24%,#111111 40%,#000000 49%,#2c2c2c 50%,#474747 61%,#666666 75%,#595959 88%,#4c4c4c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */ } #p1{ opacity: 0.8; } #p1:hover{ opacity: 1; width: 35px; height: 35px; } #p2{ opacity: 0.8; } #p2:hover{ opacity: 1; width: 35px; height: 35px; } #p3{ opacity: 0.8; } #p3:hover{ opacity: 1; width: 35px; height: 35px; } #p4{ opacity: 0.8; } #p4:hover{ opacity: 1; width: 35px; height: 35px; } #p5{ opacity: 0.8; } #p5:hover{ opacity: 1; width: 35px; height: 35px; } #p6{ opacity: 0.8; } #p6:hover{ opacity: 1; width: 35px; height: 35px; } #p7{ opacity: 0.8; } #p7:hover{ opacity: 1; width: 35px; height: 35px; } #p8{ opacity: 0.8; } #p8:hover{ opacity: 1; width: 35px; height: 35px; } #p9{ opacity: 0.8; } #p9:hover{ opacity: 1; width: 35px; height: 35px; } #u1{ list-style: none; } #menu li{ } </style> <script> $('#u1').hide(); $('#but1').click(function (){ $('#tab').hide(); $('#u1').show(); }); $('#but2').click(function (){ $('#tab').show(); $('#u1').hide(); }); </script> <div id="menu"><div id="acran"><table id="tab"><tr><td><div id="but1">Туда</div></td><td><div id="but2">Сюда</div></td></tr></table></div></div>
Обмен визитами — бесплатная раскрутка сайта.
Самый простой способ, это по старинке, обмен визитами через ввод адреса сайта в форму:
Ссылка не должна превышать 200 символов и должна обязательно являться URL адресом. Без пробелов.
***
Трейн-чекс Уроки WEB программирования.
- ПОДДЕРЖАТЬ ПРОЕКТ на WebMoney
- WEST-HOSTER
- ПОРТАЛ СООБЩЕСТВА 🕶️
- HTML JS CSS РЕДАКТОР
- ШРИФТЫ ДЛЯ САЙТОВ
- ПРОМПТЫ ДЛЯ ШЕДЕВРУМА
- Символ неразрывного пробела
- Скрипт считывания клавиш
- Файлы куки
- AJAX счётчик кликов
- Запрет кэширования JS и PHP
- Координаты курсора JS
- Числа от 1 до 10 на JS
- Перевести двоичный код в кратный на JS
- CSS на JavaScript
- Новые теги HTML
- Может ли HTML 6 заменить JavaScript
- HTML форма без перезагрузки страницы
- Смайлы эмоджи — ГЕНЕРАТОР
- Форматы изображений
- Скрипт AJAX лайков и дизлайков
- Горячие клавиши
- Скачать изображение в CANVAS
- Какими будут сайты будущего?
- Что делает администратор сайта
- Девушка фурри Милка Маус
- CMS движки для сайтов
Мануалы PHP
- Мануалы PHP — Фильтры
- Мануалы PHP — Узнать IP адрес
- Мануалы PHP — Файлы папки директории
- Мануалы PHP — Вывод файлов scandir()
- Мануалы PHP — Отправка данных из формы
- Мануалы PHP — Запись данных в файл
- Мануалы PHP — Запрет повторной отправки формы
- Мануалы PHP — Дата и время
- Мануалы PHP — Отправка E-mail
- Мануалы PHP — Работа с изображениями
- Мануалы PHP — Вход по паролю
- Отправка формы AJAX
- Геолокация на PHP, узнать город
- Выполнение PHP скрипта по клику
- Маскировка ссылок
- Таблица умножения
Анимация JS
- Шифровка текста на JS
- Безумный текст
- Компрессор кода
- Уведомления на рабочий стол
- Перезагрузка на JS и PHP
- Рейтинг на JS и PHP
- Виджет комментариев на PHP
- Рекламный баннер на CSS
- Запрет копирования
- Узнать код клавиш
- Скрипт кода клавиш
- Конвертер кода в спецсимволы
- Бесконечный алерт
- Вывод случайных фраз
- Откуда пришёл посетитель на JS
- CSS type radio checkbox
- Эффекты с текстом
- Посетители онлайн на PHP
- Cookie счётчик посещений
- Анимация текста
- Type — range
- Лабиринт на JS
- Дата и время на JS
- CSS меню блокнот
- CSS меню книжная полка
- CSS вращающийся баннер
- JavaScript азбука морзе
- JavaScript копирайт
- JavaScript анимация текста
- JavaScript звуки
- Кнопка вверх
- Подсчёт символов на JavaScript
- Работа с куками на PHP
AXAJ -JS
- AJAX счётчик кликов
- Генератор случайных чисел
- PHP счётчик страниц
- PHP запись файлов
- Дата посещения страницы на PHP
- Счётчик лайков на PHP
- Дата изменения страницы
- Игра JS — угадай число
- Круговое меню для сайта
- Навигатор
- Запрет копирования
- Вычислить дату на JS
- Кнопка на CSS
- view-source: исходный код
- Анимация JS
- Время проведённое на сайте
- Календарь JS
- Снег для сайта
- Анимация волны
- Добавить в избранное
- Срок жизни сайта
- Таймер на JS
- Блокировка мыши и клавиатуры
- Приветствие по времени суток
- JS время
- Яндекс поиск
