Сообщения

Сообщения за август, 2017
} scrolling-css.html:585 label[for="kod555"], label[for="kod556"], label[for="kod557"], label[for="kod560"] { background: #4e6473; padding: 2px 10px; border-radius: 2px; color: #fff; cursor: pointer; } user agent stylesheet label { cursor: default; } } scrolling-css.html:591 #kod555:checked + label, #kod556:checked + label, #kod557:checked + label, #kod560:checked + label { background: #e36443; } <style> .scrolling { margin: 0 auto; width: 30em; height: 10em; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; /* чтобы картинки стояли в одну линию, не переходя на другую строку */ word-wrap: normal; /* то же для IE */ } .scrolling img { width: 10em; height: 10em; } </style> <div class="scrolling"> <img src="адрес_изо" alt="" /> <img src="адрес_изо" alt="" /> <img src="адрес_изо" alt=""...

Адаптивные колонки

Как заработать деньги в интернете с нуля? Блог - это Зачем и кому нужен блог 3 необходимых для блогера качества. Каким должен быть блоггер Одна заповедь блоггера от Николая Задорнова Что нужно знать, чтобы вести блог? Как вести блог Где лучше создать блог. Мой опыт Как создать личный дневник в интернете Как сделать блог на Blogger (он же Blogspot) Как найти блоги на Блогспоте по определённой теме Блоги о дизайне сайтов Где найти помощь блоггеру За что могут заблокировать блог на blogger.com, что делать, насколько это безвозвратно Почему я создала этот блог Кто он - мой первый посетитель?

Картинки в контейнере| Тег < tr >

Изображение
.tr-caption-container { display: block; margin: 10px auto; box-shadow: 0px 0px 0px 1px #fff, 0px 2px 5px 1px #000; border: none; }

Бегущая строка

Цветная бегущая строка перемещается между правым и левым краем Непрерывно бегущая в JavaScript Ещё один известный и популярный способ, и то же революционный, можно сказать кардинально изменивший веб-программирование, это конечно JavaScript. JavaScript Бегущая в JavaScript Бегущая в JavaScript Бегущая в Для создания бегущей строки вставляем в исходный текст html-страницы, скрипт JavaScript. Найти такой код несложно. Достаточно запросить в любой поисковой системе "скрипт бегущей строки JavaScript" и Вы получите десятки тысяч ссылок на ресурсы предлагающие огромный выбор различных скриптов, в большенстве случаев, бесплатно и без регистрации. Впрочем Вы можете взять и изучить этот замечательный язык программирования и написать свой собственный скрипт. Вот к примеру замечательный сайт JavaPortal'e на котором можно и учиться, и взять готовые скрипты, наример этот JavaScript, которым собсвтенно и воспользовался автор: <script type="text/j...

Как создать таблицу в html | Тег < table >

Таблица с рамочкой Строка 1 ячейка 1 Строка 1 ячейка 2 Строка 1 ячейка 1 Строка 1 ячейка 2 Строка 2 ячейка 1 Строка 2 ячейка 2 Строка 1 ячейка 1 Строка 1 ячейка 2 Строка 1 ячейка 1 Строка 1 ячейка 2 Строка 1 ячейка 1 Строка 1 ячейка 2 Строка 1 ячейка 1 Строка 1 ячейка 2 Строка 1 ячейка 1 Строка 1 ячейка 2 Строка 1 ячейка 1 Строка 1 ячейка 2 Строка 1 ячейка 1 Строка 1 ячейка 2 Таблица без рамки Строка 1 ячейка 1 Строка 1 ячейка 2 Строка 2 ячейка 1 Строка 2 ячейка 2 center {display: block;text-align: -webkit-center;}

Бегущая строка в html | Тег < marquee >

Изображение
Бегущая строка на цветном фоне Туда-сюда на цветном фоне Бегущая строка сверху вниз Бегущая строка снизу вверх тект Тут текст Бегущая строка останавливается при наведении Размер шрифта бегущей строки Последние новости: Ученые придумали способ побороть суперинфекции текст текст

Содержание по одному ярлыку

Изображение
Изображение

Прокрутка текста в цитате

ТУТ ТЕКСТ .label-size {float: left;margin: 0 0 7px 20px;position: relative; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 0.75em;font-weight:bold;text-decoration: none;color: #996633;text-shadow: 0px 1px 0px rgba(255,255,255,.4);padding: 0.417em 0.417em 0.417em 0.917em;border-top: 1px solid #d99d38;border-right: 1px solid #d99d38;border-bottom: 1px solid #d99d38;-webkit-border-radius: 0 0.25em 0.25em 0;-moz-border-radius: 0 0.25em 0.25em 0; border-radius: 0 0.25em 0.25em 0;background-image: -webkit-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));background-image: -moz-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));background-image: -o-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));background-image: -ms-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));background-image: linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColor...
header header header header Previous 1 2 3 4 5 Next data data data data data data data data data data data data data data data data data data data data
Красивое начало