Делаем простую Рамку с двигающимся текстом.

Я объясню вам, как можно сделать вот такую рамочку просто как фон к вашему посту.
Причём текст в вашей рамочке будет двигаться.
1. Скопировали код из окошка внизу под рамкой.
2.Вставляете код к себе в дневник в Простом текстовом редакторе.

Картинку перед текстом не ставьте иначе рамка будет глючить.
Сейчас я объясню поподробней обо всех тегах которые есть в этой рамке.
1.Находим в рамке тег: ...style="background:#FFCCFF;...—Это ФОН рамки.
А цифры—его ЦВЕТ. Названия цвета можно выбрать ЗДЕСЬ.
2.Теперь будем задавать
ЦВЕТ,ШИРИНУ И СТИЛЬ БОРДЮРА РАМКИ.
Находим теги,отвечающие за это:
...border-right:#CC00CC 20px solid;....
...border-right:...—Бордюр справа.
...border-top:...—Бордюр вверху.
...border-left:...—Бордюр слева.
...border-bottom:...—Бордюр внизу.
...#CC00CC...—Цвет бордюра—Цифры меняем на нужный вам цвет.
...20px...—Ширина бордюра—Цифры меняем на нужные вам.
...solid...—Стиль бордюра.Так же можно поменять по желанию.
Найти нужный стиль вам можно ЗДЕСЬ.
3.Идём дальше.Находим в коде тег:
...scrollamount="1" ...—По простому это СКОРОСТЬ с которой будет двигаться ваш текст.Чем ЦИФРА БОЛЬШЕ тем скорость быстрее.
4.Находим тег:
...scrolldelay="180"...—Этот атрибут задаёт временной интервал между шагами бегущей строки.
Чем ЦИФРА БОЛЬШЕ тем медленней будет двигаться ваш текст.
5.Теперь главное.
Размеры всей рамки. У меня она...width="600" height="300"...
...width="600"...—Ширина рамки.
...height="300"...—Высота рамки.
Решаете по вашему желания,какую захотите,можно сделать как у меня большую,
а можно и совсем маленькую.

ДОБРО ПОЖАЛОВАТЬ В ГОСТИ!

SvetlanaT
6.Идём дальше.
...font color="000000"...—ЦВЕТ ТЕКСТА.
Меняете цифры нанужный вам цвет.Взять цифровой код (смотим выше).
7.Теперь с какой стороны вы хотите чтобы стоял текст.
Тег:...div align="center"...—Текст по центру.
...left...—Текст слева.
...right...—Текст справа.
Где написано ВАШ ТЕКСТ— Пишите свой текст.
Где написано ССЫЛКА НА ВАШ ДНЕВНИК
и ВАШ НИК—Пишите свой НИК.
Посмотреть как сделать ССЫЛКУ на ваш дневник
и НИК можно ЗДЕСЬ.
Вот и всё ВАША рамочка готова.
Успехов вам в оформлении.

SvetlanaT
КОД РАМКИ. <marquee style="background:#FFCCFF; padding:10px; border-right: #CC00CC 20px solid; border-top:#CC00CC 20px solid; border-left: #CC00CC 20px solid; border-bottom:#CC00CC 20px solid;" scrollamount="1" scrolldelay="180" direction="up" width="180" height="20"><font color="000000"><div align="center">ВАШ ТЕКСТ ПИШЕМ СЮДА</div><br /><center><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#cdbe70">ВАШ НИК</font></b></font></a></center></font></marquee>

Серия сообщений "учимся делать рамочки":
Часть 1 - Учимся сами делать свои рамочки.
Часть 2 - Делаем рамочку в 8 слоёв
...
Часть 17 - Делаем рамочку в рамочнике.
Часть 18 - Учимся делать рамку для записи в 2 слоя
Часть 19 - Делаем простую Рамку с двигающимся текстом.

НАШИ ПОМОЩНИКИ. ВСЕ ДЛЯ ДИЗАЙНА.

На сайте собрано все для дизайна. Фоны, html коды, шрифты, флешки, разделители, флеш часы, флеш календари, и много много полезных советов. Жмякайте! С благодарностью к автору! С любовью к вам!

Серия сообщений "разное":
Часть 1 - Делаем серию сообщений в виде списка.
Часть 2 - Часы-заставки для компьютера
...
Часть 15 - Безопасные цвета. Таблица кодов html
Часть 16 - РУБРИКИ и ТЕГИ
Часть 17 - НАШИ ПОМОЩНИКИ. ВСЕ ДЛЯ ДИЗАЙНА.
Часть 18 - Красивые аватарки
Часть 19 - Зимние аватарки

Серия сообщений "ПОЛЕЗНОСТИ ДЛЯ LI.RU":
Часть 1 - Пост доступен на странице сообщения...(прочтите пожалуйста)
Часть 2 - Делаем большую картинку фоном дневника
...
Часть 33 - Безопасные цвета. Таблица кодов html
Часть 34 - РУБРИКИ и ТЕГИ
Часть 35 - НАШИ ПОМОЩНИКИ. ВСЕ ДЛЯ ДИЗАЙНА.

Клипарт "Зимняя королева"

Фотографии в альбоме «Зимняя королева» Mademoiselle Viv на Яндекс.Фотках

Серия сообщений "девушки":
Часть 1 - Клипарт - девушки
Часть 2 - Клипарт "Зимняя королева"кл

Серия сообщений "учимся делать рамочки":
Часть 1 - Учимся сами делать свои рамочки.
Часть 2 - Делаем рамочку в 8 слоёв
...
Часть 16 - Уроки по РАМОЧНИКУ №2
Часть 17 - Делаем рамочку в рамочнике.
Часть 18 - Учимся делать рамку для записи в 2 слоя
Часть 19 - Делаем простую Рамку с двигающимся текстом.

Серия сообщений "надписи":
Часть 1 - надписи С Новым Годом

Сиреневое настроение.

 

Название: сиреневое настроение
Автор: Defne_Design
Создана: 13.11.2012 17:11
Скопировали: 26 раз
Установили: 10 раз
Примерить схему | Cохранить себе

 

Название: сиреневое настроение 2
Автор: Defne_Design
Создана: 13.11.2012 17:26
Скопировали: 28 раз
Установили: 24 раз
Примерить схему | Cохранить себе

Серия сообщений "СХЕМЫ":
Часть 1 - Схема "Таинственные дымчатые розы..."
Часть 2 - Nyctea Stephens. (схема,эпиграф,аватар,баннер)
Часть 3 - Сиреневое настроение.

Nyctea Stephens. (схема,эпиграф,аватар,баннер)

 

Название: Nyctea Stephens
Автор: Defne_Design
Создана: 07.12.2012 11:26
Скопировали: 49 раз
Установили: 49 раз
Примерить схему | Cохранить себе

Flash эпиграф

Серия сообщений "СХЕМЫ":
Часть 1 - Схема "Таинственные дымчатые розы..."
Часть 2 - Nyctea Stephens. (схема,эпиграф,аватар,баннер)
Часть 3 - Сиреневое настроение.

Урок фотошопа:Объёмная анимация

Данный урок подготовлен для Вас командой сайта photoshop-master.ru
В этом уроке мы будем создавать анимацию, передающую объём пространства.

Волшебный лес…

Спасибо авторам интересных работ, наполняющих интернет )))) и вдохновляющих нас на подвиги….

Для создания такой анимации я скачала Детские фоны, их очень много – на любой вкус и цвет.
Анимация у нас будет трёхплановая: первый план, второй и задний.
При выборе исходников я учитывала какие объекты где будут располагаться: что на переднем плене, что будет служить фоном и т.д.

Размер документа, для создания работы, я определяла исходя из размера исходников.
Итак, начинаем подготовительный этап – создание основы для анимации.

Для начала, я поместила в рабочий документ картинку, которая будет фоном.

Читать далее

Серия сообщений "уроки от NATALI":
Часть 1 - Урок Воздушный поцелуй
Часть 2 - Эффекты в фотошопе
...
Часть 6 - Бродилка по клубу NATALI
Часть 7 - Бродилка по урокам NATALI
Часть 8 - Урок фотошопа:Объёмная анимация

РУБРИКИ и ТЕГИ

на ЛИРУшке аж 2 вида МЕТОК -

1 - РУБРИКИ (+ подрубрики) = МЕТКИ БЛОГА "СТОЛБИК";
2 - ТЕГИ = МЕТКИ БЛОГА "ОБЛАКО"
(правда мне не понятно,почему в редакторе ЛИРу применен термин "ТЕГИ" в смысле "ключевые слова", а в настройках это уже именно МЕТКИ ,но заморачивать на этом ни себя,ни Вас не буду...теги,метки ...РАЗРАБОТЧИКАМ ВИДНЕЕ )
НУЖНО только помнить,што "ключевые слова"  - не сочинение на тему "как я провел ЭНтим летом",это одно,два слова,выражающие суть темы текста ;
ЗАТО в РУБРИКЕ и подрубрике можно и "разгуляться",например,написать не только "АРКАНЫ ТАРО", а "СТАРШИЕ АРКАНЫ ТАРО,как ФИЛОСОФСКАЯ СИСТЕМА МИРОЗДАНИЯ",например ...

ИТАК , метку -теги можно сразу проставить в самом редакторе при создании записи в окошке пониже поля  самого редактора ,...ну,например,"УРОКИ"...

1.

2....а вот РУБРИКИ и Подрубрики можно проставить так:

2.1.или нажав в дневнике под аватаркой на "НАСТРОКИ" ,

2.2. или на "ДОБАВИТЬ" под Рубриками так-же в дневе,

2.3. или  уже в самом редакторе при подготовке записи нажать на " Рубрики для сообщения",если имеющихся рубрик и подрубрик недостаточно и нужна дополнительная.

к п. 2.1 и п. 2.2

к п. 2.1 продолжение ...РУБРИКИ,Подрубрики и ТЕГИ-МЕТКИ  МЕНЯЮТСЯ в НАСТРОЙКАХ  интуитивно , достаточно понажимать на названия "кнопочек"

к п. 2.1 продолжение ... рубрики и подрубрики можно переименовывать , нажав на "колесико", можно изменять порядок РУБРИК и Подрубник  по желанию на этой странице

КОРРЕКТИРОВКА ТЕГОВ-МЕТОК ПРОИЗВОДИТСЯ во ВСЕХ ЗАПИСЯХ ДНЕВНИКА ОДНОВРЕМЕННО ТАМ-же в НАСТРОЙКАХ !!!

к п. 3 при желании , можно приспособиться и добавлять дополнительные РУБРИКИ и ПОДРУБРИКИ  по мере необходимости непосредственно при оформлении новой записи , нажав на "ДОБАВИТЬ" в самом РЕДАКТОРЕ

*******

Серия сообщений "разное":
Часть 1 - Делаем серию сообщений в виде списка.
Часть 2 - Часы-заставки для компьютера
...
Часть 14 - Как добавить сообщение в свой дневник? Написано очень доступно, для новичков на Лиру.
Часть 15 - Безопасные цвета. Таблица кодов html
Часть 16 - РУБРИКИ и ТЕГИ
Часть 17 - НАШИ ПОМОЩНИКИ. ВСЕ ДЛЯ ДИЗАЙНА.
Часть 18 - Красивые аватарки
Часть 19 - Зимние аватарки

Серия сообщений "ПОЛЕЗНОСТИ ДЛЯ LI.RU":
Часть 1 - Пост доступен на странице сообщения...(прочтите пожалуйста)
Часть 2 - Делаем большую картинку фоном дневника
...
Часть 32 - Как добавить сообщение в свой дневник? Написано очень доступно, для новичков на Лиру.
Часть 33 - Безопасные цвета. Таблица кодов html
Часть 34 - РУБРИКИ и ТЕГИ
Часть 35 - НАШИ ПОМОЩНИКИ. ВСЕ ДЛЯ ДИЗАЙНА.

Безопасные цвета. Таблица кодов htmlп

Безопасные цвета. Таблица кодов html ЖМИТЕ НА ТАБЛИЦУ

Серия сообщений "разное":
Часть 1 - Делаем серию сообщений в виде списка.
Часть 2 - Часы-заставки для компьютера
...
Часть 13 - УЧЕБНИК ПО H T M L
Часть 14 - Как добавить сообщение в свой дневник? Написано очень доступно, для новичков на Лиру.
Часть 15 - Безопасные цвета. Таблица кодов html
Часть 16 - РУБРИКИ и ТЕГИ
Часть 17 - НАШИ ПОМОЩНИКИ. ВСЕ ДЛЯ ДИЗАЙНА.
Часть 18 - Красивые аватарки
Часть 19 - Зимние аватарки

Серия сообщений "ПОЛЕЗНОСТИ ДЛЯ LI.RU":
Часть 1 - Пост доступен на странице сообщения...(прочтите пожалуйста)
Часть 2 - Делаем большую картинку фоном дневника
...
Часть 31 - УЧЕБНИК ПО H T M L
Часть 32 - Как добавить сообщение в свой дневник? Написано очень доступно, для новичков на Лиру.
Часть 33 - Безопасные цвета. Таблица кодов html
Часть 34 - РУБРИКИ и ТЕГИ
Часть 35 - НАШИ ПОМОЩНИКИ. ВСЕ ДЛЯ ДИЗАЙНА.

Серия сообщений "разное":
Часть 1 - Делаем серию сообщений в виде списка.
Часть 2 - Часы-заставки для компьютера
...
Часть 12 - Как сделать кликабельную ссылку
Часть 13 - УЧЕБНИК ПО H T M L
Часть 14 - Как добавить сообщение в свой дневник? Написано очень доступно, для новичков на Лиру.
Часть 15 - Безопасные цвета. Таблица кодов html
Часть 16 - РУБРИКИ и ТЕГИ
Часть 17 - НАШИ ПОМОЩНИКИ. ВСЕ ДЛЯ ДИЗАЙНА.
Часть 18 - Красивые аватарки
Часть 19 - Зимние аватарки

Серия сообщений "ПОЛЕЗНОСТИ ДЛЯ LI.RU":
Часть 1 - Пост доступен на странице сообщения...(прочтите пожалуйста)
Часть 2 - Делаем большую картинку фоном дневника
...
Часть 30 - Как сделать кликабельную ссылку
Часть 31 - УЧЕБНИК ПО H T M L
Часть 32 - Как добавить сообщение в свой дневник? Написано очень доступно, для новичков на Лиру.
Часть 33 - Безопасные цвета. Таблица кодов html
Часть 34 - РУБРИКИ и ТЕГИ
Часть 35 - НАШИ ПОМОЩНИКИ. ВСЕ ДЛЯ ДИЗАЙНА.

УЧЕБНИК ПО H T M L

Учебник по Html для чайников - Оглавление
Инструментарий. Основные понятия
Ступенька 1 - "Основной инструментарий, учимся работать руками".
Ступенька 2 - "Что такое тэги?".
Ступенька 3 - "Обязательные тэги. Зачем телу голова, а голове тело?"
Простейшие.
Ступенька 4 - "Раскрась сам. Изменяем цвет текста".

Ступенька 5 - "Как изменять цвет фона страницы. Немного об этике цветов".
Ступенька 6 - "Параграфы и DIV. Учимся выравнивать текст".
Ступенька 7 - "Что такое заголовки и как задавать размер буковок".
Ступенька 8 - "Курсив, жирный текст, подчеркнутый и другие".
Ступенька 9 - "Стандартные шрифты. Как прописать свой шрифт".
Ступенька 10 - "Что такое путь? Как вставлять картинки".
Ступенька 11 - "Что можно сделать с картинкой. Картинка, как фон документа, и т.д.".
Ступенька 12 - "О любителе сосисок и принудительном прерывании обтекания текстом картинки".
Ступенька 13 - "Ссылка и как с нею бороться".
Ступенька 14 - "Ссылка на е-майл. Подсказка к текстовой ссылке".
Ступенька 15 - "Может ли картинка быть ссылкой".
Ступенька 16 - "Куда податься, на что ссылаться. Новое окно при нажатии на ссылку".
Ступенька 17 - "Карты. Как часть картинки сделать ссылкой".
Ступенька 18 - "Карты. Как часть картинки сделать ссылкой 2".
Ступенька 19 - "Карты. Как часть картинки сделать ссылкой 3".
Ступенька 20 - "Закладка. Как сделать ссылку внутри документа".
Таблицы.
Ступенька 21 - "Учимся создавать таблицы".
Ступенька 22 - "Учимся создавать таблицы" продолжение.
Ступенька 23 - "Таблицы, вертикальное выравнивание (valign)".
Ступенька 24 - "Таблицы, учимся растягивать ячейки (rowspan, colspan)".
Ступенька 24-2 - "Дополнительная глава. Ответы на домашнее задание".
Ступенька 25 - "Таблицы, что такое cellspacing и cellpadding. Что делать с пространством".
Ступенька 26 - "Вложенные таблицы и некоторые нюансы".
Ступенька 27 - "О рамках таблиц, и брюзжание о таблицах напоследок".
Ступенька 28 - "Создаем простой сайт с таблицами".
Дополнительные.
Ступенька 29 - "Спецсимволы, или головная боль".
Ступенька 30 - "О линиях. Просто и полезно".
Ступенька 31 - "Как убрать отступы (поля) документа, topmargin, leftmargin, marginwidth, marginheight".
Ступенька 32 - "О списках. Неупорядоченные списки".
Ступенька 33 - "Упорядоченные списки. Ремарка: что такое спецификация и консорциум".
Ступенька 34 - "Cпецифические тэги, бегущая строка текста".
Фреймы.
Ступенька 35 - "Вступление. Зачем они (фреймы) нужны."
Ступенька 36 - "Учимся создавать фреймы".
Ступенька 37 - "Учимся создавать фреймы" продолжение.
Ступенька 38 - "Учимся создавать фреймы" продолжение.
Ступенька 39 - "Убираем полосу прокрутки, избавляемся от рамок, регулируем ширину полей фрейма".
Ступенька 40 - "При нажатии на ссылку документ открывается в другом фрейме, в полное окно".
Ступенька 41 - "Последняя глава о фреймах. Что такое IFrame".
Словарь
Учебник
Автор учебника Алленова Наталья.

Серия сообщений "разное":
Часть 1 - Делаем серию сообщений в виде списка.
Часть 2 - Часы-заставки для компьютера
...
Часть 11 - Новичкaм! Шпaргaлкa: что тaкое отношения. Чaсть 1. Вы получили симпaтию.
Часть 12 - Как сделать кликабельную ссылку
Часть 13 - УЧЕБНИК ПО H T M L
Часть 14 - Как добавить сообщение в свой дневник? Написано очень доступно, для новичков на Лиру.
Часть 15 - Безопасные цвета. Таблица кодов html
...
Часть 17 - НАШИ ПОМОЩНИКИ. ВСЕ ДЛЯ ДИЗАЙНА.
Часть 18 - Красивые аватарки
Часть 19 - Зимние аватарки

Серия сообщений "ПОЛЕЗНОСТИ ДЛЯ LI.RU":
Часть 1 - Пост доступен на странице сообщения...(прочтите пожалуйста)
Часть 2 - Делаем большую картинку фоном дневника
...
Часть 29 - Новичкaм! Шпaргaлкa: что тaкое отношения. Чaсть 1. Вы получили симпaтию.
Часть 30 - Как сделать кликабельную ссылку
Часть 31 - УЧЕБНИК ПО H T M L
Часть 32 - Как добавить сообщение в свой дневник? Написано очень доступно, для новичков на Лиру.
Часть 33 - Безопасные цвета. Таблица кодов html
Часть 34 - РУБРИКИ и ТЕГИ
Часть 35 - НАШИ ПОМОЩНИКИ. ВСЕ ДЛЯ ДИЗАЙНА.

Как сделать кликабельную ссылку

"Вопросик. А как сделать кликабельной ссылку на какой-нибудь сайт. Спасибо"

Отвечаю:
Во-первых, нужно скопировать адрес страницы, на которую ты хочешь сделать ссылку.
Ну хоть на эту, например:

АДРЕС копируем из адресной строки браузера. Посмотри у себя на экране какой там адрес.
А в моем примере, как видишь, адрес
http://ivaviva.ru/post122357571/
Это и есть адрес той страницы, на которую я буду делать ссылку.
Если его опубликовать в блоге, то он сам по себе должен становиться ссылкой, что легко понять, наведя мышку (мышка превратится в лапку). Но на Ли.ру это почему-то не всегда срабатывает. Какие-то тут защиты стоят от хакеров, наверное...

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

Поэтому в черновике набираем урл, вот такую заготовку из 12 символов:


После знака равенства (я это место отметила красной галочкой), вставляем АДРЕС (тот что копировали в адресной строке браузера).
Обязательно впритык, без просветов.


Получается вот так:


Теперь между спинками квадратных скобок пишем анкор (слово, нажав на которое человек попадет на нужную страницу).



Анкор у нас будет, например: Сады

Итого получилось так:


Так это выглядит в черновике.
Если нажать на кнопку «Опубликовать», то вся вспомогательная латинская писанина исчезает, и остается только слово Сады. Но оно теперь кликабельно! Наведи мышку на него и увидишь, что мышка превратилась в лапку. Значит, слово Сады стало ссылкой.

Сады

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

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

А по ссылке Сады
можешь сходить, если тебя интересует статья «Сады вверх ногами».


Серия сообщений на тему «Возня с компьютером»:
*Как не заблудиться на Ли.ру
*Как комментировать
*Как читать плоховидимый текст
*Как выразить (послать) симпатию
*Как сделать ссылку на друга
*Как вставить картинку - урок для новеньких
*Не суйте в комментарии картинки!
* Как разместить картинку со всплывающим текстом
* Как сделать скрин
*Как делать себе ПиАр
*Как напечатать брошюру на принтере
*Как остановить принтер
*Комментаторы-данайцы

Серия сообщений "разное":
Часть 1 - Делаем серию сообщений в виде списка.
Часть 2 - Часы-заставки для компьютера
...
Часть 10 - Как сделать музыкальный плеер со своей картинкой?
Часть 11 - Новичкaм! Шпaргaлкa: что тaкое отношения. Чaсть 1. Вы получили симпaтию.
Часть 12 - Как сделать кликабельную ссылку
Часть 13 - УЧЕБНИК ПО H T M L
Часть 14 - Как добавить сообщение в свой дневник? Написано очень доступно, для новичков на Лиру.
...
Часть 17 - НАШИ ПОМОЩНИКИ. ВСЕ ДЛЯ ДИЗАЙНА.
Часть 18 - Красивые аватарки
Часть 19 - Зимние аватарки

Серия сообщений "ПОЛЕЗНОСТИ ДЛЯ LI.RU":
Часть 1 - Пост доступен на странице сообщения...(прочтите пожалуйста)
Часть 2 - Делаем большую картинку фоном дневника
...
Часть 28 - Мой Li.ru. Работа с картинками.
Часть 29 - Новичкaм! Шпaргaлкa: что тaкое отношения. Чaсть 1. Вы получили симпaтию.
Часть 30 - Как сделать кликабельную ссылку
Часть 31 - УЧЕБНИК ПО H T M L
Часть 32 - Как добавить сообщение в свой дневник? Написано очень доступно, для новичков на Лиру.
Часть 33 - Безопасные цвета. Таблица кодов html
Часть 34 - РУБРИКИ и ТЕГИ
Часть 35 - НАШИ ПОМОЩНИКИ. ВСЕ ДЛЯ ДИЗАЙНА.

Серия сообщений "разное":
Часть 1 - Делаем серию сообщений в виде списка.
Часть 2 - Часы-заставки для компьютера
...
Часть 9 - Мой Li.ru. Работа с картинками.
Часть 10 - Как сделать музыкальный плеер со своей картинкой?
Часть 11 - Новичкaм! Шпaргaлкa: что тaкое отношения. Чaсть 1. Вы получили симпaтию.
Часть 12 - Как сделать кликабельную ссылку
Часть 13 - УЧЕБНИК ПО H T M L
...
Часть 17 - НАШИ ПОМОЩНИКИ. ВСЕ ДЛЯ ДИЗАЙНА.
Часть 18 - Красивые аватарки
Часть 19 - Зимние аватарки

Серия сообщений "ПОЛЕЗНОСТИ ДЛЯ LI.RU":
Часть 1 - Пост доступен на странице сообщения...(прочтите пожалуйста)
Часть 2 - Делаем большую картинку фоном дневника
...
Часть 27 - КАК СДЕЛАТЬ ОКОШКО ДЛЯ КОДА
Часть 28 - Мой Li.ru. Работа с картинками.
Часть 29 - Новичкaм! Шпaргaлкa: что тaкое отношения. Чaсть 1. Вы получили симпaтию.
Часть 30 - Как сделать кликабельную ссылку
Часть 31 - УЧЕБНИК ПО H T M L
...
Часть 33 - Безопасные цвета. Таблица кодов html
Часть 34 - РУБРИКИ и ТЕГИ
Часть 35 - НАШИ ПОМОЩНИКИ. ВСЕ ДЛЯ ДИЗАЙНА.

Tutorial by Vivi "Neige"

Во вложение вложен материал для тех,
кто хочет выполнить работу в Adobe Photoshop

Neige
/ Снег/



Урок для Corel PSP
Автор урока Vivi



Источник урока и материала:   здесь
Перевод на русский язык,
адаптация для Corel PSP PX 2,
редактирование текста,
выполнение скриншотов от   



Мой вариант:
Благодарю авторов фото и дизайна
Материал:
Леди от Pacha
Снежинки - Интернет
Пейзаж - Интернет

Серия сообщений "уроки от Sabine_Astana":
Часть 1 - Урок к коллажу "Zorm"
Часть 2 - Урок к коллажу White flowers/Белые цветы
Часть 3 - Коллаж Soledad
Часть 4 - Коллаж Jarrah
Часть 5 - Tutorial by Vivi "Neige"

Серия сообщений "РАЗНЫЕ УРОКИ":
Часть 1 - Бродилка по дневнику Mademoiselle_Viv
Часть 2 - Программа Sqirlz Water Reflections + руссификатор
...
Часть 5 - Простая анимация в JAS.
Часть 6 - Украшаем картину готовой анимацией в JAS.
Часть 7 - Анимация снегопада
Часть 8 - ЭТО НАДО ЗНАТЬ! ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОППЕРАМ.

Как сделать музыкальный плеер со своей картинкой?

Как сделать музыкальный плеер со своей картинкой? Приветствую Вас, дорогие друзья! Решила дополнить предыдущий урок по плеерам ещё одним уроком. Задают вопрос: как сделать свой плеер с картинкой? Думала, как это проще сделать и остановилась на следующем варианте. Картиночку для плеера можно либо создать в Фотошопе (если вы владеете им), либо взять в интернете. На мой взгляд, очень удобно воспользоваться картинками-разделителями, подобрав подходящую конкретно для вас. Сначала, открываем «Рамочник», а затем на другой вкладке, открываем картинку, которую хотим использовать в качестве плеера. Я беру в качестве примера – такую картиночку (разделитель) Щёлкаем правой кнопкой мыши по картинке, выпадет список. Выбираем «Свойства изображения» (в самом низу списка). Щелчок по ним левой кнопкой мыши, выпадает список со свойствами данной картинки. Здесь нам нужно запомнить ширину и высоту данной картинки. Запомнили (записали где-то себе). Закрываем окно. Теперь, так же правой кнопкой мыши, снова щёлкаем по картинке, находим «Копировать адрес изображения», щёлкаем по нему левой кнопкой мыши (он скопируется) и несём его в «Рамочник». Открываем «Рамочник», в окошечках (1) и (2) пишем размеры картинки, которые вы запомнили. Теперь жмём на кнопочку (3), выскочит рамочка (4), где мы должны вставить адрес картинки, вставляем и жмём «Добро». У вас под рамочкой появится ваша картинка, на которую мы и поставим наш плеер. На ней появится надпись «Содержимое рамки». На это место и встанет в дальнейшем ваш плеер. Обязательно! Не забудьте поставить галочку на «Нет», там, где написано «Подпись». Надпись «Содержимое рамки» может быть -либо высоковато, либо низковато относительно картинки, тогда мы делаем следующее: -- для опускания надписи, ставим курсор мышью перед словами и жмём на стрелку (5) столько раз сколько потребуется (смотрим визуально, как встала надпись). --Если надпись находится слишком низко и её нужно поднять, то курсор ставите за словами «Содержимое рамки» и повторяете процедуру, что была описана в предыдущем пункте. Когда всё отрегулировали, то теперь идём вниз, выбираем «блоги Ливинтернет.ру», нажав на чёрный треугольничек (6), появится код для Ли.ру., копируем его и несём туда, куда мы хотим поставить свой плеер в Ли.ру. Вставляем код. Вместо слов «Содержимое рамки» (их аккуратно стираем) вставляем код плеера, ставим в нём размеры 20 х 20 (можно длину – первое число, сделать побольше, смотрите, как вам больше нравится), меняете цвета на те, какие Вам нужны (это есть в предыдущем уроке – смотрите там). Стандартная форма кода плеера-линеечки, обведена красными линиями, или даю ещё раз отдельно (просто скопируйте где-нибудь его для себя, чтобы всегда был под рукой, и будете только редактировать при каждом использовании). Я говорила об этом в предыдущих уроках, смотрите там. И наконец, Жмём на кнопку «Предпросмотр» или «Черновик», смотрим, если не всё устраивает, то снова идём в «Редактировать» - редактируем, если всё получилось удачно, то «Публикуем в личный дневник». У меня получилось так: Вот вроде и всё. Желаю успехов в освоении! Венера01

Серия сообщений "разное":
Часть 1 - Делаем серию сообщений в виде списка.
Часть 2 - Часы-заставки для компьютера
...
Часть 8 - КАК СДЕЛАТЬ ОКОШКО ДЛЯ КОДА
Часть 9 - Мой Li.ru. Работа с картинками.
Часть 10 - Как сделать музыкальный плеер со своей картинкой?
Часть 11 - Новичкaм! Шпaргaлкa: что тaкое отношения. Чaсть 1. Вы получили симпaтию.
Часть 12 - Как сделать кликабельную ссылку
...
Часть 17 - НАШИ ПОМОЩНИКИ. ВСЕ ДЛЯ ДИЗАЙНА.
Часть 18 - Красивые аватарки
Часть 19 - Зимние аватарки

Мой Li.ru. Работа с картинками.

1.Окошко баннера <textarea rows="2" cols="20">ВАША ЗАПИСЬ</textarea> 2.Выравнивание текста или картинки <div align="выравнивание">То, что равняется</div> 2А. Красивое выравнивание краёв текста с обеих сторон <div align="justify">ТЕКСТ</div> 3.Картинка слева или справа от текста <img src="КАРТИНКА ссылка радикала №1" align="left" border="0" />ТЕКСТ 4.Текст в два столбца 1.СТОЛБЕЦ это ваш текст это ваш текст это ваш текст 2.СТОЛБЕЦ это ваш текст это ваш текст это ваш текст <table border="0" cellspacing="" cellpadding="40"><tr><td style="padding: 40px;"><font size="5" color="#330000" face="Georgia">1.СТОЛБЕЦ<br /> это ваш текст<br /> это ваш текст<br /> это ваш текст<br /></font></td><td><font size="5" color="#330000" face="Georgia">2.СТОЛБЕЦ<br /> это ваш текст<br /> это ваш текст<br /> это ваш текст<br /></font></td></tr></table> 5.Картинки по обе стороны от текста ТЕКСТ <table align="center"><tr><td><img src="КАРТИНКА ссылка радикала №1" /></td><td>ТЕКСТ</td><td><img src="КАРТИНКА ссылка радикала №1" /></td></tr></table> 6.Текст по обе стороны от картинки ВАШ ТЕКСТ ВАШ ТЕКСТ <table align="center"><tr><td>ВАШ ТЕКСТ</td> <td><img src="КАРТИНКА ссылка радикала №1 " /></td><td>ВАШ ТЕКСТ</td> </tr></table> 7.Три картинки в ряд <table border="0" cellspacing="8" cellpadding="10"><tr><td style="padding: 10px;"> <img src="КАРТИНКА ссылка радикала №1" /> </td> <td> <img src="КАРТИНКА ссылка радикала №1" /> </td> <td> <img src="КАРТИНКА ссылка радикала №1" /></td></tr></table> 8.Картинка-баннер кликабельная <a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=адрес,на кот.указывает картинка"><img src="КАРТИНКА ссылка радикала №1" border="0" /></a> 9.Картинка-баннер кликабельная со всплывающим текстом <a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/sara-dream/"><img src="//s019.radikal.ru/i600/1204/98/2e906a1b9836.gif" title="WELCOME" /> </a> 10.ВАША НОВАЯ ЗАПИСЬ

Серия сообщений "разное":
Часть 1 - Делаем серию сообщений в виде списка.
Часть 2 - Часы-заставки для компьютера
...
Часть 7 - КАК СПРЯТАТЬ СООБЩЕНИЕ ПОД КАТ И ИСПОЛЬЗОВАТЬ КНОПОЧКУ.
Часть 8 - КАК СДЕЛАТЬ ОКОШКО ДЛЯ КОДА
Часть 9 - Мой Li.ru. Работа с картинками.
Часть 10 - Как сделать музыкальный плеер со своей картинкой?
Часть 11 - Новичкaм! Шпaргaлкa: что тaкое отношения. Чaсть 1. Вы получили симпaтию.
...
Часть 17 - НАШИ ПОМОЩНИКИ. ВСЕ ДЛЯ ДИЗАЙНА.
Часть 18 - Красивые аватарки
Часть 19 - Зимние аватарки

Серия сообщений "ПОЛЕЗНОСТИ ДЛЯ LI.RU":
Часть 1 - Пост доступен на странице сообщения...(прочтите пожалуйста)
Часть 2 - Делаем большую картинку фоном дневника
...
Часть 26 - КАК СПРЯТАТЬ СООБЩЕНИЕ ПОД КАТ И ИСПОЛЬЗОВАТЬ КНОПОЧКУ.
Часть 27 - КАК СДЕЛАТЬ ОКОШКО ДЛЯ КОДА
Часть 28 - Мой Li.ru. Работа с картинками.
Часть 29 - Новичкaм! Шпaргaлкa: что тaкое отношения. Чaсть 1. Вы получили симпaтию.
Часть 30 - Как сделать кликабельную ссылку
...
Часть 33 - Безопасные цвета. Таблица кодов html
Часть 34 - РУБРИКИ и ТЕГИ
Часть 35 - НАШИ ПОМОЩНИКИ. ВСЕ ДЛЯ ДИЗАЙНА.

Серия сообщений "разное":
Часть 1 - Делаем серию сообщений в виде списка.
Часть 2 - Часы-заставки для компьютера
...
Часть 6 - Уроки оформления-плеер по центру.
Часть 7 - КАК СПРЯТАТЬ СООБЩЕНИЕ ПОД КАТ И ИСПОЛЬЗОВАТЬ КНОПОЧКУ.
Часть 8 - КАК СДЕЛАТЬ ОКОШКО ДЛЯ КОДА
Часть 9 - Мой Li.ru. Работа с картинками.
Часть 10 - Как сделать музыкальный плеер со своей картинкой?
...
Часть 17 - НАШИ ПОМОЩНИКИ. ВСЕ ДЛЯ ДИЗАЙНА.
Часть 18 - Красивые аватарки
Часть 19 - Зимние аватарки

Серия сообщений "ПОЛЕЗНОСТИ ДЛЯ LI.RU":
Часть 1 - Пост доступен на странице сообщения...(прочтите пожалуйста)
Часть 2 - Делаем большую картинку фоном дневника
...
Часть 25 - ЛИРУшкин ликбез
Часть 26 - КАК СПРЯТАТЬ СООБЩЕНИЕ ПОД КАТ И ИСПОЛЬЗОВАТЬ КНОПОЧКУ.
Часть 27 - КАК СДЕЛАТЬ ОКОШКО ДЛЯ КОДА
Часть 28 - Мой Li.ru. Работа с картинками.
Часть 29 - Новичкaм! Шпaргaлкa: что тaкое отношения. Чaсть 1. Вы получили симпaтию.
...
Часть 33 - Безопасные цвета. Таблица кодов html
Часть 34 - РУБРИКИ и ТЕГИ
Часть 35 - НАШИ ПОМОЩНИКИ. ВСЕ ДЛЯ ДИЗАЙНА.