LiveInternet <a class="gl_Topv2-logo-lnk" href="//www.liveinternet.ru/" title="LiveInternet.ru">LiveInternet

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

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

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

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

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

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

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

Рубрики:

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

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

ИСТОЧНИК www.from-ua.com/news/45467699560b9/

Обезьяна - мастер Кунг-фу .

Среда, 22 Декабря 2010 г. 20:53 + в цитатник
Это цитата сообщения svitlona [Прочитать целиком + В свой цитатник или сообщество!]

Обезьяна - мастер Кунг-фу . Видео,фото,рассказ

(233x374, 24Kb)

(300x289, 19Kb) Американская обезьяна постигла искусство каратэ

В США живет шимпанзе по имени Чарли. Он - единственный "не человек", который имеет черный пояс по каратэ. Как пишет Желтая пресса, из своих 17 лет Чарли 14 лет занимается восточными единоборствами.
Владелец шимпанзе - Кармен Прести - сам много лет занимался этим боевым искусством и привил к нему любовь своего питомца с раннего детства.
После того, как шимпанзе получил черный пояс в 1997 году, необычный спортсмен ежегодно совершает со своим владельцем поездку по Соединенным Штатам.
Чарли проводит показательные тренировки, обучая приемам каратэ детей и всех желающих в телевизионных тренингах. В восторг от Чарли приходят не только дети. Американские знаменитости не прочь сделать с шимпанзе памятный снимок.
Доходы Чарли, которые весьма немалые, помогают его владельцу поддерживать в достойном состоянии их собственное жилище. Они проживают на ферме в районе Ниагарского водопада.
Сейчас шимпанзе и его хозяин собирают 150 тысяч долларов на постройку еще одного помещения на своей ферме для двух шимпанзе и тридцати других различных приматов, которые поселились у Прести.

Рубрики:

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

Метки: обезьяны кунг-фу каратэ

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

Процитировано 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

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

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

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

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

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

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

(350x475, 35Kb)

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

Рубрики:

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

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

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

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

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

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

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

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

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

Рубрики:

Метки: башни

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

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

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

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

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

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

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

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

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

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

Рубрики:

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

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

Ледяные скульптуры

Пятница, 17 Декабря 2010 г. 20:20 + в цитатник
Это цитата сообщения Зеленая_долина [Прочитать целиком + В свой цитатник или сообщество!]

Ледяние скульптуры.

Одним из традиционных развлечений наших предков, было изготовление скульптур изо льда
Что бы изготовить такую скульптуру, нужно иметь навыки скульптора и резчика. Так как я такими навыками не владею, то предлагаю насладиться вместе со мной искусством мастеров.
(396x529, 36Kb)

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

Рубрики:

Метки: ледяные скульптуры лёд скульптуры

Комментарии (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

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

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

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

Невероятные фото из космоса

Четверг, 16 Декабря 2010 г. 11:13 + в цитатник
Это цитата сообщения BARGUZIN [Прочитать целиком + В свой цитатник или сообщество!]

Невероятные фото из космоса астронавта Дугласа Уилока. ОГО !

22 сентября, после отправки в космос экипажа Expedition 23 полковник Дуглас Х. Уилок принял на себя командование Международной космической станцией и экипажем Expedition 25. Его можно найти под ником @Astro_Wheels на твиттере, где астронавт выкладывает фотографии, сделанные с борта космической станции. Предлагаю вашему вниманию невероятные, захватывающие дух фотографии нашей планеты с непривычной нам точки зрения. Комментарии предоставлены Дугласом.

ДАЛЕЕ

Рубрики:

Метки: фото из космоса космос фотографии

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

Волшебные замки Баварии. Замок Линдерхоф

Четверг, 16 Декабря 2010 г. 10:51 + в цитатник
Это цитата сообщения галина_суханова [Прочитать целиком + В свой цитатник или сообщество!]

Волшебные замки Баварии. Замок Линдерхоф

Замок Линдерхоф (нем. Linderhof) — единственный замок короля Людвига II, полностью достроенный при его жизни.

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

Рубрики:

Метки: замки линдерхоф бавария

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

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

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

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

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

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

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

Рубрики:

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

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

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

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

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

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

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

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

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

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

Рубрики:

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

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

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

Рубрики: