эффект перекатывания, замена картинки на другую
очень полезная вещь для сайтов, где не работают скрипты
25 окт. 2008 г.
24 окт. 2008 г.
19 окт. 2008 г.
Div
Итак, что-же такое DIV: зачем он нужен и чем он хорош.
Тег DIV отвечает за создание так называемого контейнера. Его главной особенностью является то, что ему можно придать любые свойства: начиная от размеров, и заканчивая положением на странице. Имеено благодаря этому различные информационные блоки можно размещать независимо друг от друга. В случае с табличной версткой для таких преобразований может понадобится переверстать пол документа.
Итак, как же работать с DIV?
Он задается, как и любой другой тег в HTML:
Для задания свойств контейнеру применяется свойство STYLE. Так например, чтобы сделать текст красного цвета необходимо написать STYLE="color: red"
Если необходимо задать несколько свойств, их можно перечислять через точку с запятой:
Итак, какие-же свойства можно использовать:
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, которые задают смещение слева и сверху соответственно.
Итак, что-же можно теперь сделать:
здесь текст
а так выглядит код:
При использовании DIV верстки придется отказаться от использования таблиц для разметки (так как в них уже не будет смысла), но тем не менее может получится очень красиво.
источник
Тег DIV отвечает за создание так называемого контейнера. Его главной особенностью является то, что ему можно придать любые свойства: начиная от размеров, и заканчивая положением на странице. Имеено благодаря этому различные информационные блоки можно размещать независимо друг от друга. В случае с табличной версткой для таких преобразований может понадобится переверстать пол документа.
Итак, как же работать с DIV?
Он задается, как и любой другой тег в HTML:
здесь текст
Для задания свойств контейнеру применяется свойство STYLE. Так например, чтобы сделать текст красного цвета необходимо написать STYLE="color: red"
здесь текст
будет выглядеть так:Если необходимо задать несколько свойств, их можно перечислять через точку с запятой:
здесь текст
будет выглядеть так:Итак, какие-же свойства можно использовать:
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, которые задают смещение слева и сверху соответственно.
Итак, что-же можно теперь сделать:
здесь текст
а так выглядит код:
здесь текст
При использовании DIV верстки придется отказаться от использования таблиц для разметки (так как в них уже не будет смысла), но тем не менее может получится очень красиво.
источник
18 окт. 2008 г.
Конвертеры файлов
Конвертеры файлов
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 файл он-лайн
Цвет кнопок
Цвет кнопок
Изменение цвета кнопок.
По умолчанию, цвет кнопок определенный в форме на веб-сайте, задается с помощью Оформления настроек рабочего стола Windows. Однако с помощью стилей, цвет можно указывать по своему желанию.
Пример
Параметры используемые в примере приведены ниже.
background - Цвет кнопки в шестнадцатеричном формате
height - Высота кнопки
width - Ширина
line-height - Устанавливает высоту базовой линии текста. Чтобы текст на кнопке располагался посередине, следует подбирать этот параметр в зависимости от высоты кнопки.
color - Цвет текста
P.S. наконец вернулся я к любимому своему занятию
Изменение цвета кнопок.
По умолчанию, цвет кнопок определенный в форме на веб-сайте, задается с помощью Оформления настроек рабочего стола Windows. Однако с помощью стилей, цвет можно указывать по своему желанию.
Пример
Параметры используемые в примере приведены ниже.
background - Цвет кнопки в шестнадцатеричном формате
height - Высота кнопки
width - Ширина
line-height - Устанавливает высоту базовой линии текста. Чтобы текст на кнопке располагался посередине, следует подбирать этот параметр в зависимости от высоты кнопки.
color - Цвет текста
P.S. наконец вернулся я к любимому своему занятию