Эффект замены картинки с помощью CSS

эффект перекатывания, замена картинки на другую

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

Фотки Д

3701183_08.pdf (объект «application/pdf»)

Div

Итак, что-же такое DIV: зачем он нужен и чем он хорош.
Тег DIV отвечает за создание так называемого контейнера. Его главной особенностью является то, что ему можно придать любые свойства: начиная от размеров, и заканчивая положением на странице. Имеено благодаря этому различные информационные блоки можно размещать независимо друг от друга. В случае с табличной версткой для таких преобразований может понадобится переверстать пол документа.
Итак, как же работать с DIV?
Он задается, как и любой другой тег в HTML:

здесь текст

Для задания свойств контейнеру применяется свойство STYLE. Так например, чтобы сделать текст красного цвета необходимо написать STYLE="color: red"

здесь текст

будет выглядеть так:
<div STYLE="color: red" >здесь текст</div>

Если необходимо задать несколько свойств, их можно перечислять через точку с запятой:

здесь текст

будет выглядеть так:
<div STYLE="color: red; background-color: pink;" >здесь текст</div>

Итак, какие-же свойства можно использовать:
color - Определяет цвет элемента
background-color - Устанавливает цвет фона для элемента
background-image - Устанавливает фоновый рисунок для элемента
Для DIV можно использовать границы:
border-width - Ширина границы. Может быть задана значением в пикселях или с помощью зарезервированных слов thin (тонкая), medium (средняя), thick (толстая).
border-color - Цвет границы. Может принимать значение transparent для задания невидимой, но имеющей ширину, границы, что иногда полезно
border-style - Задает стиль рисования границы. Может принимать следующие значения: none (по умолчанию), hidden, dotted, dashed, solid, double,groove, ridge, inset, outset
Так-же иногда полезно использовать отступы:
margin - Задает ширину отступа от четырех сторон объекта
margin-top - Задает высоту верхнего отступа объекта
margin-left - Задает ширину левого отступа объекта
margin-right - Задает ширину правого отступа объекта
margin-bottom - Задает высоту нижнего отступа объекта
padding - Задает величину пространтства, вставляемого между объектом и его отступом или, если объект имеет границы, между объектом и его границей
padding-bottom - Задает величину пространтства, вставляемого между объектом его нижней границей
padding-left - Задает величину пространтства, вставляемого между объектом его левой границей
padding-right - Задает величину пространтства, вставляемого между объектом его правой границей
padding-top - Задает величину пространтства, вставляемого между объектом его верхней границей
Для DIV можно задавать ширину и высоту
width - Задает ширину контейнера (в пикселах или процентах)
height - Задает высоту контейнера (в пикселах или процентах)
Но все было-бы не так интересно, если бы не такое свойство, как position. Именно оно позволяет располагать наш контейнер там, где нам это нужно.
Атрибут position может принимать значения absolute и relative. В первом случае позиционирование будет осуществляться относительно левого верхнего угла страницы, во втором случае - относительно исходного положения. Для задания смещения используются свойства left и top, которые задают смещение слева и сверху соответственно.
Итак, что-же можно теперь сделать:
здесь текст

а так выглядит код:

здесь текст

<br /><div style="color:red; background-color: pink; width: 60px; height: 40px; border-style: groove; border-color: yellow; position: relative; left: 60px; top: 10px;">здесь текст</div>
При использовании DIV верстки придется отказаться от использования таблиц для разметки (так как в них уже не будет смысла), но тем не менее может получится очень красиво.

источник

Drupal - программа управления сайтом

Drupal Россия

Установка и настройка
Возможно на досуге попробую этот движок, а вдруг понравится :))

Одна кнопка

Получить кнопку очень просто - регистрироваться не нужно :))

Поисковики

Всё о поисковых системах

Конвертеры файлов

Конвертеры файлов

http://modifyvideo.com/ - конвертер онлайн видеороликов для PC, iPod, PSP, iPhone и мобильных телефонов в форматы mpg, mov, mp4, 3gp, mp3, flv.

http://vixy.net/ - конвертер, аналогичный предыдущему.


http://www.ipod-video-conve... - dvd/vcd, avi, mpeg,wmv, rm, rmvb, divx, asf, vob => видео для iPod.

http://www.video4ipod.org/ - ссылка с youtube => видео для iPod'а.

http://www.convert-ringtone... - конвертер рингтонов для сотовых телефонов.

http://media-convert.com/ko... - конвертер для большого числа форматов.

http://html2pdf.seven49.net... - html => pdf.

http://txt2tags.sourceforge... - интересный конвертер, с помощью которого можно получить готовый документ в html, xhtml и других форматах с минимальным кодом.


http://www.coolutils.com/On... - pdf => txt, конвертирование изображений. На этом сайте много других конвертеров, платных и бесплатных.

http://66.89.113.16/doc2pdf/ - MS Office файлы => pdf.Результат - вам на e-mail.

http://www.iconv.com/pdftex... - pdf => txt. Файл pdf не должен иметь изображений.

http://showpdf.com/ - pdf => html. Для этого нужно вставить ссылку на pdf файл.

http://www.iconv.com/xls2cs... - Excel => csv.

Конвертеры для вебмастеров

http://www.seabreezecompute... - html => bbcode, VB code (для форумов VBulletin), SMF code (для форумов SMF), IPB code (для форумов Invision Power Board).


http://www.bbcode-to-html.com/ - bbcode => html.

http://andylangton.co.uk/st... - css <=> html

http://www.yellowpipe.com/y... - html => php, javascript, asp.

http://developers.evrsoft.c... - html => javascript, php, perl.

http://ult-tex.net/tools/ul... - html => perl.

http://www.java2html.de/app... - java => html.


http://area23.brightbyte.de... - csv => html.

http://cgi.w3.org/cgi-bin/h... - html => txt

http://diberri.dyndns.org/w... - конвертер html кода в формат для wikipedia.org.

http://www.wotzwot.com/rssx... - конвертер, который позволяет получить rss фид практически любого статического сайта. Находится в бете, но есть форум поддержки (англ.).

http://www.feed43.com/ - конвертер, который позволяет получить rss фид сайта, подсказки на русском языке.

Конвертеры для дизайнеров

http://www.imageutils.com/ - меняем размер картинки. Поддерживает jpg, gif и png форматы размером до 10 Mb.


http://converticon.com/ - png <=> ico. Позволяет создавать иконки

http://www.text-image.com/i... - преобразует изображения в так называемые "текстовые изображения". Можно получить результат в форматах html, ascii или matrix green text.

http://jpg2asc.hierklikken.... - конвертер обычных изображений jpg в формат ascii (когда текстовыми символами рисуют картинки). Для конвертации необходима ссылка на изображение. Максимальный размер конвертируемой картинки - 400х400 пикселей.

http://www.scanr.com/ - сервис преобразования фотографии в pdf файл он-лайн

favicon

генератор favicon (англ)

Цвет кнопок

Цвет кнопок
Изменение цвета кнопок.
По умолчанию, цвет кнопок определенный в форме на веб-сайте, задается с помощью Оформления настроек рабочего стола Windows. Однако с помощью стилей, цвет можно указывать по своему желанию.
Пример

Параметры используемые в примере приведены ниже.
background - Цвет кнопки в шестнадцатеричном формате
height - Высота кнопки
width - Ширина
line-height - Устанавливает высоту базовой линии текста. Чтобы текст на кнопке располагался посередине, следует подбирать этот параметр в зависимости от высоты кнопки.
color - Цвет текста

P.S. наконец вернулся я к любимому своему занятию