October 30th, 2018

Рамка с движущимся текстом

Автор - 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

КОД РАМКИ.

Оригинал записи и комментарии на LiveInternet.ru

Как вставить ПРОКРУТКУ в пост

Автор - M_i_K_a_z_Z_z. Это цитата этого сообщения
Как вставить ПРОКРУТКУ в пост

Как вставить ПРОКРУТКУ в пост.


Если Вы хотите добавить в свой пост много текста.Есть один вариант как это сделать, чтобы пост не занимал много места и его не нужно было убирать под КАТ.
Например как у меня в данном случае.Нужно просто вставить в пост прокрутку.

А теперь посмотрим из чего состоит прокрутка.
1.scrollbar-face-color - это цвет передней стороны панели прокрутки
2.scrollbar-shadow-color - это цвет нижней и правой граней панели прокрутки.
3.scrollbar-highlight-color - это цвет верхней и левой граней панели прокрутки
4.scrollbar-3dlight-color - это цвет отсвета.
5.scrollbar-track-color - это цвет полосы, по которой "ходит" панель прокрутки.
6.scrollbar-arrow-color - это цвет треугольника на верхнем и нижнем квадратах.
7.#FFFFFF - это коды цвета, которые можно менять.
Не обязательно использовать все теги.
Я использую только те при помощи которых можно поменять цвет прокрутки.

Чуть ниже можно скопировать код ПОСТА С ПРОКРУТКОЙ,
который Вы потом будете вставлять в свой пост.
В коде где написано. КОД КАРТИНКИ.
Загружаете картинку через Радикал фото.Код берёте под №1.
Меняете только размеры картинки width="480" height="280"
Если вставляете через Лиру тогда вам нужна только та часть кода,
что находится внутри кавычек.
 (696x43, 11Kb)

Дальше! Там где написано РАЗМЕР ПРОКРУТКИ.
Меняем эту надпись на цифры размера КАРТИНКИ.
В моём случае height="280".
Тоесть вместо слов РАЗМЕР ПРОКРУТКИ я ставлю"280"
Это нужно для того чтобы прокрутка не вылезала за размеры картинки или не была меньше её.Хотя размер прокрутки можете делать любой.Так просто красивее.

Идём дальше.Где написано ФОН ДЛЯ ТЕКСТА.
можно поставить фон.
Так же через радикал фото код под №1.
Или через Лиру так же как мы вставляли код картинки.
В моём случае я не стала добавлять Фон для текста.

И самое основное.
Где написано ВАШ ТЕКСТ.
Пишите свой текст.
Но ПРОКРУТКА начинает появлятся тогда,когда написано много текста.
Вот и всё удачи вам в оформлении.

Код ПОСТ С ПРОКРУТКОЙ.

Серия сообщений "Разное":
Часть 1 - Коды оформления блога
Часть 2 - Как вставить ПРОКРУТКУ в пост
Часть 3 - Делаем баннер
Часть 4 - Ассорти новогодних ссылок
...
Часть 17 - Кнопочки-переходы для кулинарных постов. ►1◄
Часть 18 - Музыка ветра для сайта
Часть 19 - У щоденник

Оригинал записи и комментарии на LiveInternet.ru

Фигурная рамка в 1 слой

Автор - SvetlanaT. Это цитата этого сообщения
Рамка в ОДИН слой.





Это простая,но оригинальная рамка
состоит всего из одного слоя.
Нужно только подобрать необычный
фон для неё.
Делаем рамку,на свой вкус, так:
Если через Я.ру.
Заходим и выбираем картинку-фон.
НАШЛИ—НАЖАЛИ на неё.
Дальше внизу В ДРУГОМ РАЗМЕРЕ
-выбрали нужный размер картинки.
Потом эти размеры поменяете в
КОДЕ РАМКИ на свои.
..."WIDTH: 600px;ШИРИНА картинки
HEIGHT: 300px"ВЫСОТА...
Затем находим надпись—
Код для вставки на сайт или в блог.
нажали и скопировали где написано—
Ссылка на фотографию.
В коде "СКЕЛЕТИКА" где написано
КАРТИНКА— ФОН.
Внутрь кавычек.Кавычки не трогаем.
Вставляете эту ССЫЛКУ.
ЗДЕСЬ далее...


SvetlanaT


КОД "СКЕЛЕТИКА"рамки.

Оригинал записи и комментарии на LiveInternet.ru

Простые рамочки.Делаем сами

Автор - SvetlanaT. Это цитата этого сообщения
Простые рамочки.Делаем сами.

Самые простые рамки для дневничка.
Один нюанс в разных браузерах она выглядит по разному.
1.ВАРИАНТ РАМКИ БЕЗ ФОНА.
Эта рамочка просто красивая обводка вокруг текста.
Правда в разных браузерах она выглядит по разному.
В коде ,где написано ВАШ ТЕКСТ—Пишите свой текст.
Копируйте код и вставляйте к себе в дневник в Простом редакторе.

КОД ПРОСТОЙ РАМКИ.
ЗДЕСЬ ЕЩЁ РАМОЧКИ...
SvetlanaT

Оригинал записи и комментарии на LiveInternet.ru

Рамочка для текста.

Мне повезло с друзьями в жизни,
Надежней и прекрасней нет.
Спасибо вам за понимание,
Поддержку, помощь и совет.
Желаю счастья вам, достатка,
Чтобы здоровы были вы.
Пускай сбываются почаще
Задумки, цели и мечты.

Н_НИНА


Оригинал записи и комментарии на LiveInternet.ru