Мобильный LiveInternet

Собачья жизнь 21-12-2010 08:52

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

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

[350x475]
Читать далее...

комментарии: 23 понравилось! вверх^ к полной версии

CSS: Урок 13. CSS padding – внутреннее поле элемента 20-12-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

комментарии: 0 понравилось! вверх^ к полной версии

Башни Воттс: До чего человека может довести одиночество? 19-12-2010 10:23

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

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

комментарии: 16 понравилось! вверх^ к полной версии

CSS: Урок 12. CSS margin – пространство за границами элемента 18-12-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

комментарии: 0 понравилось! вверх^ к полной версии

Топ 10. Небесные дары 17-12-2010 21:20

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

[показать]

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

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

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

комментарии: 15 понравилось! вверх^ к полной версии

Ледяные скульптуры 17-12-2010 20:20

Это цитата сообщения Зеленая_долина Оригинальное сообщение

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

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

[396x529]
Читать далее...

комментарии: 5 понравилось! вверх^ к полной версии

CSS: Урок 11. Фиксируем фоновое изображение с помощью CSS 17-12-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

комментарии: 1 понравилось! вверх^ к полной версии

CSS: Урок 10. Позиционируем изображение-фон при помощи CSS 16-12-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>

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

комментарии: 0 понравилось! вверх^ к полной версии

Невероятные фото из космоса 16-12-2010 11:13

Это цитата сообщения BARGUZIN Оригинальное сообщение

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

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

[показать]

ДАЛЕЕ

комментарии: 5 понравилось! вверх^ к полной версии

Волшебные замки Баварии. Замок Линдерхоф 16-12-2010 10:51

Это цитата сообщения галина_суханова Оригинальное сообщение

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

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

[800x510]

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

комментарии: 9 понравилось! вверх^ к полной версии

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

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

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

Изображение-фон в CSS | Изображение в качестве фона web-страницы
Изображение-фон в CSS | Изображение-фон распространяется по горизонтали
Изображение-фон в CSS | Изображение-фон распространяется по вертикали
Изображение-фон в CSS | Изображение-фон не распространяется

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

комментарии: 2 понравилось! вверх^ к полной версии

Братья наши меньшие-2 15-12-2010 09:26

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

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

[628x800]

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

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

комментарии: 8 понравилось! вверх^ к полной версии

CSS: Урок 8. Определим цвет фона с помощью CSS атрибута background 14-12-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

комментарии: 5 понравилось! вверх^ к полной версии

ЯПОНСКАЯ АТЛАНТИДА 14-12-2010 13:59

Это цитата сообщения Lux_Illuminas Оригинальное сообщение

ЯПОНСКАЯ АТЛАНТИДА

[600x400]

Данные подводные постройки не зря называют Японской Атлантидой. Здесь когда-то был город и от него остались следы бассейна, террас, театра, часть человекоподобной статуи. Все эти сооружения расположены возе остров Йонагуни архипелага Рюкю (Ryukyu), находящегося на западе Японии. По своей площади Йонагуни занимает 28,88 км². Население острова составляет, примерно, 2 тыс. чел. Свою известность Йонагуни получил в середине 80-x годов, когда ныряльщики увидели под водой загадочные скальные террасы и пирамиды с острыми углами. Даже сегодня идут споры об их происхождении, но никто не знает, какие тайны скрывает в себе остров. Существует мнение, что пирамиды были созданы искусственно много тысяч лет назад какой-то неизвестной цивилизацией, которая исчезла под водой.
Читать далее...

комментарии: 6 понравилось! вверх^ к полной версии

Собачка с человеческой походкой)) 14-12-2010 10:45

Это цитата сообщения BARGUZIN Оригинальное сообщение

Собачка очеловечелась ? Во дела !

Пинчер по кличке Лу-Лу поразил весь город своей необыкновенной способностью к прямохождению.
Ведь он передвигается на задних лапах, порой сжимая в передних лапках сумочку или какой другой забавный аксессуар.

[показать]

ДАЛЕЕ

комментарии: 15 понравилось! вверх^ к полной версии

Неррреально смешные животные 14-12-2010 09:48

Это цитата сообщения BraveDefender Оригинальное сообщение

Неррреально смешные животные

Великолепная видеоподборка от специалистов Би-би-си. То, что вытворяют эти животные, увидишь не каждый день.

Если вы немного знаете английский, будет в два раза веселее.

комментарии: 0 понравилось! вверх^ к полной версии

Уроки HTML: Таблица стандартных HTML цветов 13-12-2010 19:20

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

000000	000033	000066	000099	0000cc	0000ff

003300	003333	003366	003399	0033cc	0033ff

006600	006633	006666	006699	0066cc	0066ff

009900	009933	009966	009999	0099cc	0099ff

00cc00	00cc33	00cc66	00cc99	00cccc	00ccff

00ff00	00ff33	00ff66	00ff99	00ffcc	00ffff

330000	330033	330066	330099	3300cc	3300ff

333300	333333	333366	333399	3333cc	3333ff

336600	336633	336666	336699	3366cc	3366ff

339900	339933	339966	339999	3399cc

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

комментарии: 7 понравилось! вверх^ к полной версии

CSS: Урок 7. CSS курсоры | Как изменить вид курсора 13-12-2010 17:55

CSS атрибуты, определяющие курсоры

Наведите курсор мыши на текст внутри ячейки

cursor:crosshair	cursor:pointer	cursor:default
cursor:wait	cursor:progress	cursor:e-resize
cursor:text	cursor:help	cursor:move
cursor:n-resize	cursor:ne-resize	cursor:nw-resize

Пример кода: img {cursor:progress}

ab-w.net

комментарии: 4 понравилось! вверх^ к полной версии

Настоящая любовь 13-12-2010 15:26

Это цитата сообщения Leykoteya Оригинальное сообщение

Настоящая любовь

[300x259]Увидел омут на берегу прекрасную лилию. И решил, во что бы то ни стало, завладеть ею. Чего он только не предлагал красавице: покататься на его быстрых волнах, ласковую прохладу воды в нестерпимый зной и целый водоворот всевозможных развлечений и удовольствий.
Заколебалась красавица.

Заметил это безнадежно любивший ее жучок и принялся отговаривать:

- Погубит он тебя! Пропадешь! Только куда там!
Он такой сильный, красивый и весь какой-то таинственный…
возражала лилия. – Нет, пожалуй, я все же приму его предложение!

Ах, так? – вскричал жучок. – Ну тогда смотри, что ждет тебя, если ты сделаешь это!

И он, сложив крылья, бросился на поверхность водоворота, который тут же безжалостно закружил, завертел его, и вскоре навсегда исчез из глаз лилии, только теперь понявшей, что такое настоящая любовь…
Монах Варнава (Евгений Санин).

[500x30]

комментарии: 9 понравилось! вверх^ к полной версии

Утренний позитив 13-12-2010 09:44

Встретим новый день с улыбкой!

[570x427]
Читать далее...

комментарии: 11 понравилось! вверх^ к полной версии