Невероятные бумажные скульптуры Питера Коллсена

Воскресенье, 26 Декабря 2010 г. 14:33 + в цитатник

Питер Коллсен (Peter Callesen) (родился 1967 г.) – датский художник и писатель, который получил всемирную известность благодаря своему таланту создавать невероятные художественные композиции из бумажных листов формата А4. Его техника сочетает в себе, как обычные узоры, вырезанные в бумажном листе, так и трехмерные объекты. Наверное Питер – это единственный в мире человек, который может рассказать целую историю при помощи всего одного бумажного листа, не написав при этом на нем ни единого слова. Читать далее...

Рубрики:

Интересное
Фотографии

Понравилось: 1 пользователю

Комментарии (14)

Любовь и звёзды

Суббота, 25 Декабря 2010 г. 20:05 + в цитатник

Не опуская глаз

Возвращаясь домой, Он бросил скучный взгляд на небо. Небо было усыпано яркими точками, которые манили к себе таинственным светом. Он вдруг заинтересовался и вот уже минут двадцать стоял неподвижно, наблюдая за звёздами. Он желал увидеть новые и новые созвездия, проникнуться их яркостью и поэтому медленно двигался вдоль по улице, не опуская поднятых к небу глаз.
Она, каждый день возвращаясь домой, поднимала своё молодое лицо и обращала свой нежный взор к звёздам. Она уже знала многие созвездия. Она, улыбаясь, узнавала свои любимые… "Орион!... Кассиопея!..." – звучало в Её разуме. Она шла домой, не опуская головы, смотрела на звёзды. Она медленно двигалась вдоль по улице, не замечая никого и ничего.
Читать далее

Рубрики:

Капли позитива
Любовь
Музыка
Фотографии

Метки: любовь звёзды

Процитировано 1 раз

Комментарии (12)

Горячие клавиши Mozilla Firefox

Суббота, 25 Декабря 2010 г. 15:53 + в цитатник

Навигация
Вперёд	Alt+стрелка вправо Shift+Backspace
Домашняя страница	Alt+Home
Назад	Alt+стрелка влево Backspace
Обновить страницу	F5 Ctrl+R
Открыть файл	Ctrl+O
Принудительное обновление (не использовать закэшированные данные)	Ctrl+F5 Ctrl+Shift+R
Остановить	Esc

Читать далее...

Рубрики:

Полезное

Метки: горячие клавиши mozilla firefox полезная информация

Процитировано 63 раз
Понравилось: 5 пользователям

Комментарии (1)

CSS: Урок 17. HTML & CSS списки

Пятница, 24 Декабря 2010 г. 21:16 + в цитатник

CSS атрибуты и значения, определяющие свойства списков

HTML списки | Пример:

Sony
Asus
Dell
Toshiba
Acer
Lenovo

CSS списки | Пример:

                                  <head>

            <style type="text/css">

            * {font-family: Arial, Helvetica, sans-serif}

            #nav_menu {padding: 0; width: 762px; margin: 0 auto}

            #nav_menu ul {list-style: none; margin: 0; padding: 0}

            #nav_menu li {display: inline}

            #nav_menu a {

            float: left;

            width: 125px;

            height: 30px;

            background-color: #cc0033;

            border-left: 2px solid #ffffff;

            text-decoration: none;

            text-align: center;

            padding: 0;

            padding-top: 10px;

            font-size: 18px;

            color: #ffffff

            }

            #nav_menu a:hover {background-color: #990033; color: Tomato}

            </style>

                              </head>

            <body>

            <div id="nav_menu">

            <ul>

            <li><a href="#">Sony</a></li>

            <li><a href="#">Asus</a></li>

            <li><a href="#">Dell</a></li>

            <li><a href="#">Toshiba</a></li>

            <li><a href="#">Acer</a></li>

            <li><a href="#">Lenovo</a></li>

            </ul>

            </div>

            </body>

Результат: CSS списки ⇒ горизонтальное меню

Атрибуты и значения

Селектор * – определяет все элементы документа. В данном случае установлен шрифт.
padding:0 – отменяет внутренние поля.
margin:0 auto – определяет центрирование блока.
list-style:none – определяет отсутствие маркеров списка.
margin:0 – отменяет внешние поля блока
display:inline – определяет горизонтальное положение объектов.
border-left: – определяет свойства левой границы.
padding-top: – определяет размер верхнего внутреннего поля.
text-decoration:none – отменяет подчеркивание текста.
float:left – определяет обтекание слева (подробнее в одном из следующих уроков).
a:link, a:active, a:visited заменены селектором a, то есть все три псевдоэлемента имеют одинаковые свойства.

Ширина блока подсчитана так: 762 = 125 * 6 + 2 * 6, где 125 * 6 – длина 6-ти ссылок, 2 * 6 – общая ширина атрибута border-left:.

ab-w.net

Рубрики:

Полезное
Уроки CSS

Метки: css уроки css

Процитировано 1 раз

Комментарии (8)

Горячие клавиши

Пятница, 24 Декабря 2010 г. 15:15 + в цитатник

Основные сочетания клавиш

CTRL+C	копирование
CTRL+X	вырезание
CTRL+V	вставка
CTRL+Z	отмена действия
DELETE	удаление
SHIFT+DELETE	удаление выбранного объекта без возможности восстановления, не помещая объект в корзину
CTRL с перетаскиванием объекта	копирование выделенного объекта
CTRL+SHIFT с перетаскиванием объекта	создание ярлыка для выбранного объекта
Клавиша F2	переименование выбранного объекта
CTRL+СТРЕЛКА ВПРАВО	перемещение точки ввода в начало следующего слова
CTRL+СТРЕЛКА ВЛЕВО	перемещение точки ввода в начало предыдущего слова
CTRL+СТРЕЛКА ВНИЗ	перемещение точки ввода в начало следующего абзаца
CTRL+СТРЕЛКА ВВЕРХ	перемещение точки ввода в начало предыдущего абзаца
CTRL+SHIFT + клавиши со стрелками	выделение блока текста
SHIFT + клавиши со стрелками	выбор нескольких объектов в окне или на рабочем столе, а также выделение текста в документе
CTRL+A	выделение всего документа
Клавиша F3	поиск файла или папки
ALT+ВВОД	просмотр свойств выбранного объекта
ALT+F4	закрытие активного окна или завершение работы активной программы
ALT+ВВОД	просмотр свойств выбранного объекта
ALT+ПРОБЕЛ	вызов контекстного меню активного окна
CTRL+F4	закрытие активного документа в приложениях, в которых одновременно можно открыть несколько документов
ALT+ТАБУЛЯЦИЯ	переход между открытыми объектами
ALT+ESC	просмотр объектов в том порядке, в котором они были открыты
Клавиша F6	поочередный просмотр элементов интерфейса в окне или на рабочем столе
Клавиша F4	отображение панели адресов в папке «Мой компьютер» или в обозревателе Windows Explorer
SHIFT+F10	вызов контекстного меню для выделенного элемента
ALT+ПРОБЕЛ	вызов системного меню для активного окна
CTRL+ESC	вызов меню «Пуск»
ALT+подчеркнутая буква в названии меню	вызов соответствующего меню
Подчеркнутая буква в имени команды открытого меню	выполнение соответствующей команды
Клавиша F10	активация строки меню в используемой программе
СТРЕЛКА ВПРАВО	вызов следующего меню справа или подменю
СТРЕЛКА ВЛЕВО	вызов следующего меню слева или закрытие подменю
Клавиша F5	обновление активного окна
Клавиша BACKSPACE	просмотр содержимого папки, расположенной выше на один уровень в каталоге «Мой компьютер» или обозревателе Windows Explorer
Клавиша ESC	отмена выполняемого задания
SHIFT при загрузке компакт-диска в привод для компакт-дисков	предотвращение автоматического воспроизведения компакт-диска
CTRL+SHIFT+ESC	вызов диспетчера задач

Читать далее...

Рубрики:

Полезное

Метки: горячие клавиши windows полезная информация

Процитировано 1 раз

Комментарии (0)

CSS: Урок 16. Таблицы в CSS

Четверг, 23 Декабря 2010 г. 17:27 + в цитатник

CSS атрибуты и значения, определяющие свойства таблиц

Рассмотрим пример формирования таблицы:

                                  <head>

            <style type="text/css">

            table.t_example {

            background-color: #cccccc;

            width: 400px

            }

            .t_example tr {

            background-color: #ffffff;

            height: 100px

            }

            </style>

                              </head>

            <body>

            <table  border="0" cellspacing="1" align="center" class="t_example">

            <tr>

            <td> &nbsp; </td><td> &nbsp;  </td><td> &nbsp; </td><td> &nbsp;  </td>

            </tr>

            <tr>

            <td> &nbsp; </td><td> &nbsp;  </td><td> &nbsp; </td><td> &nbsp;  </td>

            </tr>

            </table>

            </body>

Читать далее...

Рубрики:

Полезное
Уроки CSS

Метки: css уроки css

Процитировано 1 раз

Комментарии (18)

Свадьбы животных

Четверг, 23 Декабря 2010 г. 09:35 + в цитатник

"И жили они долго и счастливо..."=)))

Смотреть дальше

Рубрики:

Приколы
Капли позитива
Интересное
Фотографии
Братья наши меньшие

Метки: животные позитив свадьбы

Процитировано 2 раз

Комментарии (0)

CSS: Урок 15. Размеры элементов в CSS

Среда, 22 Декабря 2010 г. 17:56 + в цитатник

CSS атрибуты и значения, определяющие размеры

Зададим размеры элементам web-страницы:

                                  <head>

            <style type="text/css">

            div { color: White }

            #container {

            width: 606px;

            height: 150px;

            margin: 0 auto;

            padding: 0;

            background-color: Gray

            }

            .first_block {

            float: left;

            padding: 15px;

            margin: 20px;

            width: 130px;

            height: 80px;

            border-left: 2px solid #555555;

            background-color: LimeGreen

            }

            .second_block {

            float: left;

            padding: 15px;

            margin: 20px;

            width: 130px;

            height: 80px;

            border-left: 2px solid #555555;

            background-color: Red

            }

            .third_block {

            float: left;

            padding: 15px;

            margin: 20px;

            width: 130px;

            height: 80px;

            border-left: 2px solid #555555;

            background-color: Blue

            }

            </style>

                              </head>

            <body>

            <div id="container">

            <div class="first_block">Первый блок

            </div>

            <div class="second_block">Второй блок

            </div>

            <div class="third_block">Третий блок

            </div>

            </div>

            </body>

Результат: CSS размеры элементов

div {color: White} определяет цвет текста всех блоков <div> </div>. Ширина контейнера с серым фоном была вычислена следующим образом: 606px = 2px + 20px + 15px + 130px + 15px + 20px + 2px + 20px + 15px + 130px + 15px + 20px + 2px + 20px + 15px + 130px + 15px + 20px, то есть были учтены размеры внешних и внутренних полей, границ + размеры блоков, входящих в состав <div id="container">. Если к величине, описывающей ширину первого, второго или третьего блока прибавить 1 пиксел – выпадет синий div. Атрибут margin: со значениями 0 auto определяет центрирование блока по горизонтали. Посмотрите еще раз на результат. Отступ от верхней границы web-страницы установлен по умолчанию. Такие отступы определены по всему периметру окна браузера. Чтобы от них избавиться, достаточно в стилевых описаниях селектору body назначить margin:0; padding:0.

float – атрибут позиционирования (смотрите урок по позиционированию).

ab-w.net

Рубрики:

Полезное
Уроки CSS

Метки: css уроки css

Процитировано 1 раз

Комментарии (6)

CSS: Урок 14. CSS border | Границы элементов

Вторник, 21 Декабря 2010 г. 18:06 + в цитатник

CSS атрибуты и значения, определяющие границы

Рассмотрим все свойства элемента border:

                                  <head>

            <style type="text/css">

            .punktir {

            width: 450px;

            height: 280px;

            border-top: 3px dashed Blue;

            border-right: 10px double Red;

            border-bottom: 3px solid DarkBlue;

            border-left: 5px dotted DarkOrange

            }

            </style>

                              </head>

            <body>

            <div class="punktir"> &nbsp; </div>

            </body>

Результат: CSS границы элементов

Читать далее...

Рубрики:

Полезное
Уроки CSS

Метки: css уроки css

Процитировано 1 раз
Понравилось: 1 пользователю

Комментарии (23)

Собачья жизнь

Вторник, 21 Декабря 2010 г. 08:52 + в цитатник

Все профессии нужны,
Все профессии важны!=)))

Включите плеер:

(350x475, 35Kb)

Читать далее...

Рубрики:

Приколы
Капли позитива
Фотографии
Братья наши меньшие

Метки: собаки фото приколы позитив

Процитировано 11 раз
Понравилось: 2 пользователям

Комментарии (0)

CSS: Урок 13. CSS padding – внутреннее поле элемента

Понедельник, 20 Декабря 2010 г. 16:59 + в цитатник

CSS атрибуты и значения, определяющие padding элемента

Ниже схематически показано пространство, которое занимает атрибут padding:

Схему см. здесь

Атрибут padding определяет пространство между границей элемента и его содержимым.

Код примера:

Атрибуты и значения

body {margin:0; padding:0} – отменяет внешние и внутренние поля документа, которые устанавливаются по умолчанию.
margin:55px – определяет ширину внешнего поля блока.
padding:45px – определяет ширину внутреннего поля.
border:1px solid #f25100 – определяет свойства границы блока.

Атрибут padding соединяет в себе:

padding-top
padding-right
padding-bottom
padding-left

Часто используется запись: padding: 20px 50px 30px 50px, где первое значение соответствует padding-top, второе – padding-right, третье – padding-bottom, а четвертое – padding-left (по часовой стрелке, начиная сверху).

ab-w.net

Рубрики:

Полезное
Уроки CSS

Метки: css уроки css

Процитировано 1 раз

Комментарии (16)

Башни Воттс: До чего человека может довести одиночество?

Воскресенье, 19 Декабря 2010 г. 10:23 + в цитатник

Это Башни Воттс (Watts Towers), так же известные как Башни Саймона Родиа, которые в течении 33 лет (1921-1954 гг) с маниакальным упорством возводил безумно скучающий и одинокий человек по имени Саймон Родиа (Simon Rodia).

Материалом для постройки этих необычных сооружений послужили различные материалы: металлолом, пластмасса, морские раковины, разбитый фарфор, пустые стеклянные бутылки и прочий мусор.
Читать далее...

Рубрики:

Интересное
Фотографии

Метки: башни

Процитировано 1 раз
Понравилось: 1 пользователю

Комментарии (0)

CSS: Урок 12. CSS margin – пространство за границами элемента

Суббота, 18 Декабря 2010 г. 15:12 + в цитатник

CSS атрибуты и значения, определяющие margin элемента

Ниже схематически показано пространство, которое занимает атрибут margin:

Схему см. здесь

Атрибут margin определяет пространство за пределами границы элемента.

Код примера:

                                  <head>

            <style type="text/css">

            body {

            margin: 0;

            padding: 0

            } 

            .m {

            margin: 55px;

            border: 1px solid #f25100;

            padding: 45px;

            }

            </style>

                              </head>

            <body>

            <div class="m">Единственный урок, который можно извлечь из истории, состоит в том, что люди не извлекают из истории никаких уроков

            <blockquote>Шоу Джордж Бернард (1856-1950)</blockquote>

            </div>

            </body>

Атрибуты и значения

body {margin:0; padding:0} – отменяет внешние и внутренние поля документа, которые устанавливаются по умолчанию.
margin:55px – определяет ширину внешнего поля блока по перимeтру.
padding:45px – определяет ширину внутреннего поля блока.
border:1px solid #f25100 – определяет свойства границы блока.

Атрибут margin соединяет в себе:

margin-top
margin-right
margin-bottom
margin-left

Часто используется такая запись: margin: 20px 50px 30px 50px, где первое значение соответствует margin-top, второе – margin-right, третье – margin-bottom, а четвертое – margin-left (по часовой стрелке, начиная сверху).

ab-w.net

Рубрики:

Полезное
Уроки CSS

Метки: css уроки css

Процитировано 1 раз

Комментарии (15)

Топ 10. Небесные дары

Пятница, 17 Декабря 2010 г. 21:20 + в цитатник

1. Дождь из пауков, Австралия

В апреле 2007 года в Санта-Провинс, Австралия прошел самый настоящий дождь из пауков.

Кристиан Онето Гаони (Christian Oneto Gaona) и его друзья отправились в Санта-Провинс во время пасхальных праздников с намерением покорить вершину горы Сан-Бернардо. Через два часа после начала восхождения друзья обнаружили участок горы, который в прямом смысле слова был усеян крошечными пауками, которые пестрили многообразием окрасок. Чем выше они поднимались, тем больше пауков встречали на своем пути.

Читать далее...

Рубрики:

Интересное
Фотографии

Метки: дожди загадки природы необычное

Понравилось: 1 пользователю

Комментарии (1)

CSS: Урок 11. Фиксируем фоновое изображение с помощью CSS

Пятница, 17 Декабря 2010 г. 14:47 + в цитатник

CSS атрибуты и значения, позволяющие зафиксировать фон

Пример того, как зафиксировать фоновое изображение в нужном месте:

                                  <head>

            <title>Пример</title>

            <style type="text/css">

            body {

            background-color:BlanchedAlmond;

            }

            .fon_scroll {

            margin:0 auto;

            width:700px;

            height:800px;

            padding:30px;

            background-color:#ffffff;

            background-image:url(../images/7.jpg);

            background-repeat:no-repeat;

            background-attachment:fixed;

            background-position:40px 40px;

            }

            </style>

                              </head>

            <body>

            <div class="fon_scroll">

            <p>Текст  документа</p>

            <p>Текст  документа</p>

            <p>Текст  документа</p>

            <p>Текст  документа</p>

            </div>

            </body>

По умолчанию фоновое изображение прокручивается вместе с другими элементами web-страницы. background-attachment:fixed фиксирует фоновое изображение в заданной позиции.

Результат: здесь

ab-w.net

Рубрики:

Полезное
Уроки CSS

Метки: css уроки css

Процитировано 1 раз

Комментарии (0)

CSS: Урок 10. Позиционируем изображение-фон при помощи CSS

Четверг, 16 Декабря 2010 г. 16:52 + в цитатник

CSS атрибуты, определяющие изображение-фон и его позицию

Изображение-фон в CSS | Пример позиционирования изображения-фона

Изображение-фон в CSS | Фон и фоновое изображение для блока

Пример CSS позиционирования изображения-фона:

                                  <head>

            

            <title>Пример</title>

            

            <style type="text/css">

            

            body {

            

            background-image:url(./images/cvetok.png);

            

            background-repeat:no-repeat;

            

            background-position:center 80px

            

            }

            

            </style>

            

                              </head>

            

            <body>

            

            <p>Даже при изменении размеров окна,

            

            фоновое изображение все равно останется в центре.</p>

            

            </body>

Читать далее...

Рубрики:

Полезное
Уроки CSS

Метки: css уроки css

Процитировано 1 раз

Комментарии (2)

CSS: Урок 9. Изображение-фон | CSS позиционирование фона

Среда, 15 Декабря 2010 г. 11:50 + в цитатник

CSS атрибуты и значения, определяющие положение фона

Этот урок научит вас тому, как из изображения сделать фон

Читать далее...

Рубрики:

Полезное
Уроки CSS

Метки: css уроки css

Процитировано 1 раз

Комментарии (8)

Братья наши меньшие-2

Среда, 15 Декабря 2010 г. 09:26 + в цитатник

В сегодняшней фотоподборке вы увидите много снега и довольных животных.

(Всего 15 фото)

1. Сибирский тигр зевает в зоопарке Сен-Фелисьена, Квебек. Сибирский тигр – одно из самых редких животных на планете. (Mathieu Belanger / Reuters)

Читать далее...

Рубрики:

Капли позитива
Природа
Фотографии
Братья наши меньшие

Метки: животные

Процитировано 4 раз
Понравилось: 2 пользователям

Комментарии (5)

CSS: Урок 8. Определим цвет фона с помощью CSS атрибута background

Вторник, 14 Декабря 2010 г. 17:23 + в цитатник

CSS атрибуты, определяющие фон страницы или элемента

Пусть цвет фона web-страницы будет зеленым:

                                  <head>

            <title>Пример</title>

            <style type="text/css">

            body {

            background-color:#66cc66

            }

            .fon_text {

            background-color:#339933;

            color:#ffffff

            }

            </style>

                              </head>

            <body>

            <p class="fon_text">Текст белого цвета на зеленом фоне</p>

            </body>

Результат: определяем цвет фона при помощи CSS атрибута background-color

Атрибуты и значения

background-color – определяет цвет фона.
color – определяет цвет текста.
Селектор body – определяет видимую часть документа.

Следующая запись также будет правильной:

                                  <head>

            <title>Пример</title>

            <style type="text/css">

            body {

            background:#66cc66

            }

            .fon_text {

            background:#339933;

            color:#ffffff

            }

            </style>

                              </head>

            <body>

            <p class="fon_text">Текст белого цвета на зеленом фоне</p>

            </body>

Результат: определяем цвет фона при помощи CSS атрибута background

В данном примере цвет фона был задан при помощи CSS атрибута background.

ab-w.net

Рубрики:

Полезное
Уроки CSS

Метки: css уроки css

Процитировано 1 раз

LiveInternetLiveInternet

-Рубрики

-Приложения

-Поиск по дневнику

-Подписка по e-mail

-Друзья

-Постоянные читатели

-Статистика

Дневник Net-man

Перейти к полной формеБыстрая запись

Невероятные бумажные скульптуры Питера Коллсена

Любовь и звёзды

Горячие клавиши Mozilla Firefox

Навигация

CSS: Урок 17. HTML & CSS списки

Горячие клавиши

Основные сочетания клавиш

CSS: Урок 16. Таблицы в CSS

Свадьбы животных

CSS: Урок 15. Размеры элементов в CSS

CSS: Урок 14. CSS border | Границы элементов

Собачья жизнь

CSS: Урок 13. CSS padding – внутреннее поле элемента

Башни Воттс: До чего человека может довести одиночество?

CSS: Урок 12. CSS margin – пространство за границами элемента

Топ 10. Небесные дары

1. Дождь из пауков, Австралия

CSS: Урок 11. Фиксируем фоновое изображение с помощью CSS

CSS: Урок 10. Позиционируем изображение-фон при помощи CSS

CSS: Урок 9. Изображение-фон | CSS позиционирование фона

Братья наши меньшие-2

CSS: Урок 8. Определим цвет фона с помощью CSS атрибута background