Svoboda | Graniru | BBC Russia | Golosameriki | Facebook

 -Рубрики

 -Поиск по дневнику

Поиск сообщений в Жанна_Лях

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 05.08.2010
Записей: 9706
Комментариев: 117149
Написано: 188443


ПРОСТАЯ РАМКА С ДВИГАЮЩИМСЯ ТЕКСТОМ

Четверг, 19 Января 2012 г. 17:41 + в цитатник
Цитата сообщения SvetlanaT Делаем простую Рамку с двигающимся текстом.

Я объясню вам, как можно сделать вот такую рамочку просто как фон к вашему посту.
Причём текст в вашей рамочке будет двигаться.
1. Скопировали код из окошка внизу под рамкой.
2.Вставляете код к себе в дневник в Простом текстовом редакторе.
рамка светланат (300x73, 12Kb)
Картинку перед текстом не ставьте иначе рамка будет глючить.
Сейчас я объясню поподробней обо всех тегах которые есть в этой рамке.
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

КОД РАМКИ.
Рубрики:  ОБУЧЕНИЕ

Понравилось: 6 пользователям

Bronza53   обратиться по имени Четверг, 19 Января 2012 г. 18:28 (ссылка)
Жанна_Лях,
ЭТОТ Паровоз с ДЕНЬГАМИ наконец-то приехал к тебе. Ты теперь не будешь испытывать проблем в деньгах. ТЫ его долго не держи. Так как если он стоит - деньги кончаются. Поэтому и ты тоже отправляй этот паровозик тем, кому желаешь счастья в этом году!
82434482_69bdd54550f7 (185x113, 21Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 20 Января 2012 г. 08:02ссылка
СПАСИБО БОЛЬШОЕ, БРАНИСЛАВА!
АннА-Ф   обратиться по имени Четверг, 19 Января 2012 г. 19:38 (ссылка)
Спасибо, очень интересный урок!:kiss:
Ответить С цитатой В цитатник
МОННА   обратиться по имени Четверг, 19 Января 2012 г. 22:48 (ссылка)
Спасибо, Жанночка, за урок!!!)
82465412_539792224 (630x472, 387Kb)
Ответить С цитатой В цитатник
Перейти к дневнику
Korsarka_Gi   обратиться по имени Пятница, 20 Января 2012 г. 02:37 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику
Ipola   обратиться по имени Пятница, 20 Января 2012 г. 14:41 (ссылка)
Благодарю от души!
ДЕВОЧКА С БУКЕТОМ (310x510, 67Kb)
Ответить С цитатой В цитатник
Перейти к дневнику
НАДЕЖДА_АНТУФЬЕВА   обратиться по имени Суббота, 28 Января 2012 г. 18:29 (ссылка)
Возьму, попробую сделать. Это ведь только для текста? Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 29 Января 2012 г. 16:01ссылка
ДА, ЭТО ТОЛЬКО ДЛЯ ТЕКСТА!
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку