Серия сообщений "HTML":Выбрана рубрика HTML.
Часть 1 - Это просто клад-3
Часть 2 - Тренировка: области-ссылки на изображении
Часть 3 - "Делаем в фотошопе КНОПКУ-ПЕРЕХОД"
Часть 4 - Перезаливаем флешки к себе и переписываем код
Часть 5 - HTML коды
Часть 6 - Как сделать картинку с кликабельными надписями
Часть 7 - Как вставить ПРОКРУТКУ в пост.
Часть 8 - Делаем кликабельную Картинку- ссылку.
Часть 9 - Окошко для кодов.
Часть 10 - Делаем движущуюся галерею картинок.
Часть 11 - Как убрать часть текста под КАТ...
Часть 12 - Делаем часики под свой дизайн.
Часть 13 - Самый простой способ вставить в сообщение проигрыватель с музыкой
Часть 14 - Оформляем текст и картинки
Часть 15 - ЛиРу - как вставить флеш ( flash ) в пост? Как узнать прямую ссылку на флеш?
Это просто клад-3 |
Метки: html |
Тренировка: области-ссылки на изображении |
Облегченный (тренировочный) вариант описанного в предыдущем посте "Создание ссылок на участках изображения: карта (map) ссылок" - на этот раз обойдусь вообще без Photoshop и только одной прямоугольной ссылкой в виде надписи.
Метки: html |
"Делаем в фотошопе КНОПКУ-ПЕРЕХОД" |
Метки: html уроки фотошоп |
Перезаливаем флешки к себе и переписываем код |
Метки: html флеш для дневников |
HTML коды |
Метки: html |
Как сделать картинку с кликабельными надписями |
Делала картинку с кликабельными надписями в целях рекламы моего блога (не этого блога; всё, что рекламируется, есть уже здесь:)))), а потом подумала - фишка неплохая, почему бы и не сделать урок для ЛиРушников! Во всяком случае, на просторах ЛиРу не встречала такого урока, правда, специально не искала.Но неважно. Главное, чтобы урок пригодился кому-нибудь!
Покликайте, пожалуйста, надписи на картинке для того, чтобы проверить, как она работает!
Ну, как?! Здорово?! :)))
Если хотите научиться делать такие же, читайте, пожалуйста, дальше! Я постараюсь подробно, просто и доступно рассказать, да и вовсе это не сложная методика.
Метки: уроки фотошоп html |
Как вставить ПРОКРУТКУ в пост. |
Метки: html |
Делаем кликабельную Картинку- ссылку. |
|
Метки: html |
Окошко для кодов. |
Метки: html |
Делаем движущуюся галерею картинок. |
Метки: html |
Как убрать часть текста под КАТ... |
Метки: html для дневников |
Делаем часики под свой дизайн. |
Метки: для дневников html |
Самый простой способ вставить в сообщение проигрыватель с музыкой |
Второе за сегодня дополнение в |
Метки: для днавников html |
Оформляем текст и картинки |
Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу. |
Код обтекания картинки текстом <img src="httр:адрес картинки" align="left" vspace="10" hspace="30" alt=>"здесь нет картинки, хотя должно быть изображение. Какое оно будет, решать вам" |
|||
Картинка слева от текста Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх. |
Код картинки слева <img src="URL адрес картинки" align="left" border="0"> И снова пишем свой текст, или стихотворение, или.... придумали? молодцы! |
|||
Картинка справа от текста: Все правила написания для правой стороны такие же , как и для левой. |
Код для картинки с права: <img src="URL адрес картинки" align="right" border="0">Пишем свой текст, что напишем, то и увидим |
|||
Картинка в центре текста: Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект. |
Код для картинки в центре текста: Первая часть текста <img src="URL адрес картинки" align="middle" border="0"> Вторая часть текста. |
|||
Текст между двух картинок
|
Код для текста между двух картинок <table align=center border=0> <tr> <td><img src="URL адрес КАРТИНКИ"></td> <td>Текст, который красиво расположится между картинками.</td> <td><img src="URL адрес КАРТИНКИ"></td> </tr> </table> |
|||
Картинка между текстом
|
Код для картинки между текстом <table align=center border=0> <tr> <td>ТЕКСТ</td> <td><img src="URL адрес КАРТИНКИ"></td> <td>ТЕКСТ</td> </tr> </table> |
Метки: для дневников блогов |
ЛиРу - как вставить флеш ( flash ) в пост? Как узнать прямую ссылку на флеш? |
Метки: html флеш |
Страницы: | [1] |