Комментарии (2)

Коды HTML для оформления постов, блогов

Четверг, 01 Мая 2014 г. 10:01 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

Коды HTML для оформления постов, блогов

Коды для оформления блога

Окошко для кода -
Рамочка вокруг текста -
Рамочка вокруг текста (разрыв слева) -
Рамочка вокруг текста (разрыв справа) -
Картинки в записи
Картинка слева от текста -
Картинка справа от текста -
Картинки по бокам текста - Картинки в ряд:
2 картинки -
3 картинки -
4 картинки -
5 картинок -
6 картинок -
Кнопки в записи
Текст на кнопке -
Картинка на кнопке -
Текст и картинка на кнопке -
Кнопка на фоне -
Номера страниц в блоге -
Рамка с картинками по углам -
Таблица -

Серия сообщений "Формулы и коды":
Часть 1 - Как сделать рамку для кода
Часть 2 - Делаем окошко для кода
Часть 3 - КНОПКА ВЫПАДАЮЩЕГО МЕНЮ (все ссылочки на одной строке)
Часть 4 - Кладезь для всех начинающих...
Часть 5 - Коды HTML для оформления постов, блогов

Метки: коды формулы

Комментарии (0)

Кладезь для всех начинающих...

Четверг, 01 Мая 2014 г. 10:01 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

Кладезь для всех начинающих...

Я здесь буквально всё собрала,что касается текста,шрифта, как убрать под кат,цвет шрифта,слайд-шоу и т.д.

ИТАК...

Полужирный текст

Выделение текста курсивом

Подчёркнутый текст

~~Зачёркнутый текст~~

маленький текст маленький текст

Уменьшить текст текст - 2

Увеличить текст+1: текст + 1

Увеличить текст+2: текст + 2

Увеличить текст+3: текст + 3

Увеличить текст+4: текст + 4

КРАСНЫЙ: красный текст

ЖЕЛТЫЙ: желтый текст

ФИОЛЕТОВЫЙ: фиолетовый текст

ЗЕЛЕНЫЙ: зеленый текст

КОРИЧНЕВЫЙ: коричневый текст

ГОЛУБОЙ: голубой текст

СИНИЙ: синий текст

ФУКСИЯ: фуксия текст

текст по центру

текст (картинка) будет по центру
бегущая влево строка

бегущая влево
бегущая вправо строка

бегущая вправобегущая от края к краю строка

бегущая от края к краю

текст с правого краю
в две строчки с выравниванием справа

текст с правого краю
в две строчки с выравниванием слева

Сноска сверху
ТЕКСТ^сноска

сноска снизу
ТЕКСТ _сноска

список. /жирная точка спереди/

Во-первых - все козлы, один я иван-царевич!

Во-вторых - как вам нравится это во-первых?

Другой такой пункт

"закрепитель" текст остается таковым, каким вы его пишете

Я пишу как хочу!!!

текст со всплывающей подсказкой

Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет

Процитированый в отдельном блоке текст у которого будет небольшой отступ слева.

Процитированый в отдельном блоке текст у которого будет небольшой отступ слева.

предложение с отступом в абзаце

Привет! В этом абзаце первое предложение будет с отступом. Прямо как в книгопечати. Правда, в интернете это редкая практика.

скользящий вверх текст
<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>

скролящийся вверх текст с полезной информацией
или ещё какой-то ерундой

скользящий вних текст с такой же ерундой )))

или ещё какой-то ерундой информацией текст с полезной
скролящийся вниз

ну и еще, если например хотите дать ссылку на что-либо /к примеру ссылку на мой дневник=)/, то ставите

получается:
МОЙ ДНЕВНИК НА ЛИРУ
непосредственно на ЛиРу, если у вас большой пост или много фоток в посте, можно его убрать под кат, посередине поста ставите

[more=ТЕКСТ ДЛЯ ПЕРЕХОДА] ставите /без звёздочки/, при нажатии на который, посетитель вашего дневника перейдет в ваш дневник непосредственно на пост целиком.

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

Для того, чтобы поместить картинку, которая уже лежит где-то в интернете, надо написать следующее (без звёздочки):
<*img src="адрес картинки">
где "адрес картинки" - полный адрес (http:// и т.д.)

2. Для того, чтобы поместить ссылку помимо ЛиРушных тегов [url] (или ) и можно использовать натуральные HTML теги:

<*a href="адрес ссылки">Имя ссылки<*/a>
где "адрес ссылки" - полный адрес (http:// и т.д.)

3. Для того, чтобы поместить картинку, которая будет являться ссылкой, надо объединить пункты 1 и 2:
<*a href="адрес ссылки"><*img src="адрес картинки"><*/a>
P.S. И не забудьте, что символ "звёздочка" ("*") везде необходимо удалить. Сделать слайд-шоу
Если Вы хотите сделать слайд-шоу, а не убирать картинки (фотографии) под кат, то просто воспользуйтесь приведёнными в таблице кодами.

Движение снизу вверх	<marquee style="HEIGHT: 100px" direction="up" scrollamount="5">Движение снизу вверх</marquee>
Движение сверху вниз	<marquee style="HEIGHT: 100px" direction="down" scrollamount="5">Движение сверху вниз</marquee>
Движение справа налево	<marquee style="WIDTH: 100px" direction="left" scrollamount="5">Движение справа налево</marquee>
Движение слева направо	<marquee style="WIDTH: 100px" direction="right" scrollamount="5">Движение слева направо </marquee>

Порядок действий:
1.Загрузите нужное количество картинок на сервер

2.Определитесь с направление и добавляйте код.

Картинки должны быть внутри кода вместо слова Движение!!! То есть получается, что первая половина кода стоит перед картинками, а вторая после картинок, а вместо слов ДВИЖЕНИЕ СЛЕВА НАПРАВО - картинки.

100рх – это размер окна, в котором будет показано шоу, поменяв это значение на нужное Вам, Вы получите подходящий размер окна.

scrollamount="5" - поменяв цифру 5 на другую Вы измените скорость движения.

Так же эти коды можно и использовать для текста - Замените слова ДВИЖЕНИЕ - на Ваш текст и он начнёт двигаться так же как и картинки в нужном Вам направлении

Если что-то осталось не понятно - пишите в комментах попробую объяснить подробней.

Примеры:

Движение снизу вверх

Движение сверху вниз

Движение справа налево

Движение слева направо

Серия сообщений "Формулы и коды":
Часть 1 - Как сделать рамку для кода
Часть 2 - Делаем окошко для кода
Часть 3 - КНОПКА ВЫПАДАЮЩЕГО МЕНЮ (все ссылочки на одной строке)
Часть 4 - Кладезь для всех начинающих...
Часть 5 - Коды HTML для оформления постов, блогов

Метки: коды формулы

Комментарии (0)

Шпаргалочка по тегам Берём к себе в цитатник.

Среда, 04 Сентября 2013 г. 16:40 + в цитатник
Это цитата сообщения mirela-MONI4KA [Прочитать целиком + В свой цитатник или сообщество!]

Шпаргалочка по тегам Берём к себе в цитатник.

Шпаргалочка по тегам Берём к себе в цитатник.

Шпаргалочка по тегам Берём к себе в цитатник.

1. Шпаргалочка по тегам № 2

Читать далее >>>

Серия сообщений "Помощь блокеру":
Часть 1 - Помощь в решении проблем
Часть 2 - самые необходимые ТЕГИ для оформления записей
...
Часть 18 - Не видимый плеер на ЛиРу
Часть 19 - По просьбам читателей- Как пользоваться кнопками-переходами Далее
Часть 20 - Шпаргалочка по тегам Берём к себе в цитатник.
Часть 21 - Блокировка рекламы и видео на ЛиРу в браузере «Опера»
Часть 22 - Как убрать рекламу в браузере Google Chrome
Часть 23 - Всё, что вы хотели знать о ЛиРу, но... (Самый полный FAQ по ЛиРу)
Часть 24 - Архивируем файлы и выставляем на Ли.ру.
Часть 25 - Помощь блокеру

Серия сообщений "Формулы":
Часть 1 - самые необходимые ТЕГИ для оформления записей
Часть 2 - Делаем банер
...
Часть 14 - Сделать слайд-шоу
Часть 15 - По просьбам читателей- Как пользоваться кнопками-переходами Далее
Часть 16 - Шпаргалочка по тегам Берём к себе в цитатник.

Метки: Шпаргалочка лиру коды

Комментарии (0)

По просьбам читателей- Как пользоваться кнопками-переходами Далее

Среда, 04 Сентября 2013 г. 16:38 + в цитатник
Это цитата сообщения nina-kir [Прочитать целиком + В свой цитатник или сообщество!]

По просьбам читателей- Как пользоваться кнопками-переходами Далее

После публикации кнопок - переходов "ДАЛЕЕ" у меня часто спрашивают, как ими пользоваться.
Попробую объяснить здесь, потому что отвечать каждому в письме не очень удобно, да и не совсем понятно, так как там коды HTML не отправишь.

Итак, нам потребуется формула Кода для оформления части текста "под кат". Эту формулу нужно сохранить, потому что она требуется часто - всегда, когда текст большой.
Вот эта формула:

формула (422x55, 3Kb)

Пишете текст поста. Затем отделяете часть поста и вставляете эту формулу. Весь текст после формулы (кнопки) будет после перехода на другую страницу.

В формулу можно вставить просто слово "ДАЛЕЕ", или картинку-кнопку. Если у меня берете, то вот эту часть кода картинки:

код-картинки (700x51, 19Kb)

Ее можно взять из кода картинки на яндексе (картинки кликабельны), или,если Вы процитировали пост, то при редактировании поста.
Если Вы просто скопировали все картинки-кнопки, то можно загрузить в свой черновик такую картинку-кнопку

Серия сообщений "Помощь блокеру":
Часть 1 - Помощь в решении проблем
Часть 2 - самые необходимые ТЕГИ для оформления записей
...
Часть 17 - Как вставить видео в блог на ЛиРу
Часть 18 - Не видимый плеер на ЛиРу
Часть 19 - По просьбам читателей- Как пользоваться кнопками-переходами Далее
Часть 20 - Шпаргалочка по тегам Берём к себе в цитатник.
Часть 21 - Блокировка рекламы и видео на ЛиРу в браузере «Опера»
...
Часть 23 - Всё, что вы хотели знать о ЛиРу, но... (Самый полный FAQ по ЛиРу)
Часть 24 - Архивируем файлы и выставляем на Ли.ру.
Часть 25 - Помощь блокеру

Серия сообщений "Формулы":
Часть 1 - самые необходимые ТЕГИ для оформления записей
Часть 2 - Делаем банер
...
Часть 13 - Пишем в два столбца без ФШ
Часть 14 - Сделать слайд-шоу
Часть 15 - По просьбам читателей- Как пользоваться кнопками-переходами Далее
Часть 16 - Шпаргалочка по тегам Берём к себе в цитатник.

Метки: лиру коды

Комментарии (0)

КНОПКА ВЫПАДАЮЩЕГО МЕНЮ (все ссылочки на одной строке)

Среда, 04 Сентября 2013 г. 15:39 + в цитатник
Это цитата сообщения MANGIANA [Прочитать целиком + В свой цитатник или сообщество!]

КНОПКА ВЫПАДАЮЩЕГО МЕНЮ (все ссылочки на одной строке)

КНОПКА ВЫПАДАЮЩЕГО МЕНЮ
(все ссылочки на одной строке)

Очень удобная выпадающая кнопка,в которую можно поместить все полезные сайты,которыми вы пользуетесь или использовать как бродилку по своему блогу. Её даже можно поместить в приветствие.

(СМОТРЕТЬ ЦЕЛИКОМ)

Серия сообщений "Формулы и коды":
Часть 1 - Как сделать рамку для кода
Часть 2 - Делаем окошко для кода
Часть 3 - КНОПКА ВЫПАДАЮЩЕГО МЕНЮ (все ссылочки на одной строке)
Часть 4 - Кладезь для всех начинающих...
Часть 5 - Коды HTML для оформления постов, блогов

Метки: формулы коды

Комментарии (0)

Сделать слайд-шоу

Пятница, 12 Июля 2013 г. 16:58 + в цитатник
Это цитата сообщения Дайтека [Прочитать целиком + В свой цитатник или сообщество!]

Сделать слайд-шоу

Если Вы хотите сделать слайд-шоу, а не убирать картинки (фотографии) под кат, то просто воспользуйтесь приведёнными в таблице кодами.

Движение снизу вверх	<marquee style="HEIGHT: 100px" direction="up" scrollamount="5">Движение снизу вверх</marquee>
Движение сверху вниз	<marquee style="HEIGHT: 100px" direction="down" scrollamount="5">Движение сверху вниз</marquee>
Движение справа налево	<marquee style="WIDTH: 100px" direction="left" scrollamount="5">Движение справа налево</marquee>
Движение слева направо	<marquee style="WIDTH: 100px" direction="right" scrollamount="5">Движение слева направо </marquee>

Порядок действий:

1. Загрузите нужное количество картинок на сервер

2. Определитесь с направление и добавляйте код.

Картинки должны быть внутри кода вместо слова Движение!!! То есть получается, что первая половина кода стоит перед картинками, а вторая после картинок, а вместо слов ДВИЖЕНИЕ СЛЕВА НАПРАВО - картинки.

100рх – это размер окна, в котором будет показано шоу, поменяв это значение на нужное Вам, Вы получите подходящий размер окна.

scrollamount="5" - поменяв цифру 5 на другую Вы измените скорость движения.

Так же эти коды можно и использовать для текста - Замените слова ДВИЖЕНИЕ - на Ваш текст и он начнёт двигаться так же как и картинки в нужном Вам направлении

Если что-то осталось не понятно - пишите в комментах попробую объяснить подробней.

Примеры:

Движение снизу вверх

Движение сверху вниз

Движение справа налево

Движение слева направо

Серия сообщений "Формулы":
Часть 1 - самые необходимые ТЕГИ для оформления записей
Часть 2 - Делаем банер
...
Часть 12 - текст на картинке
Часть 13 - Пишем в два столбца без ФШ
Часть 14 - Сделать слайд-шоу
Часть 15 - По просьбам читателей- Как пользоваться кнопками-переходами Далее
Часть 16 - Шпаргалочка по тегам Берём к себе в цитатник.

Метки: формулы коды

Комментарии (0)

Как пользоваться ссылками на флешку...

Среда, 26 Июня 2013 г. 21:54 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Флеш-материал "Природа" с уроком - Как пользоваться ссылками на флешку

ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ

Как пользоваться ссылками на флешку...

Вот ссылка на флеш-материал http://vip.edmin.cn/files/57/565.swf

Если мы ее вставим в формулу
[flash=700,500,ссылка на флешку],

[flash=700,500,http://vip.edmin.cn/files/57/565.swf]

то получим картинку

А если мы хотим скачать флешку на свой компьютер, то делаем так

Серия сообщений "Флеш-материал":

Часть 1 - Для любителей флешек - флеш-материал
Часть 2 - FLASH СВЕЧИ
...
Часть 15 - Флеш-материал для дизайна 2
Часть 16 - Флеш-материал для дизайна - 3
Часть 17 - Флеш-материал "Природа" с уроком - Как пользоваться ссылками на флешку

Серия сообщений "Помощь блокеру":
Часть 1 - Памятка начинающему блоггеру
Часть 2 - Делаем бесшовные фоны
...
Часть 8 - УРОК "пакетная загрузка картинок на ЛИру"
Часть 9 - HTML - супер сайт!
Часть 10 - Как пользоваться ссылками на флешку...
Часть 11 - Не видимый плеер на ЛиРу
Часть 12 - Таблица цвета HTML, буквенное написание
Часть 13 - Справочник HTML-тегов
Часть 14 - СКАЖИ РЕКЛАМЕ " НЕТ "
Часть 15 - Загрузчик проверенный LLC Mail.ru...

Серия сообщений "Флешки1":
Часть 1 - До Нового года осталось...
Часть 2 - Флешка"Гадание Жозефины"
...
Часть 8 - Флеш-часики
Часть 9 - Работа с шаблонами в Adobe Flash. Обратный отсчет даты.
Часть 10 - Как пользоваться ссылками на флешку...
Часть 11 - О, счастливчик... - флеш-игра
Часть 12 - Новый Год на рабочем столе

Метки: помощь блокеру коды флеш

Комментарии (0)

Картинки в HTML

Дневник

Суббота, 22 Июня 2013 г. 17:07 + в цитатник

Картинки в HTML

1.Как вставить картинку

Для вставки картинок в HTML используется тег IMG с обязательным атрибутом SRC. Этот атрибут указывает браузеру путь к файлу изображения. Т.е. для вставки картинки с названием logo.jpg в определенное место страницы (при условии, что и страница, и картинка расположены в одной папке (каталоге)) нужно в этом месте вставить следующий html-код:

<img src="logo.jpg" />

"Читать далее..."

Серия сообщений "Мои уроки":
Часть 1 - Картинки в HTML
Часть 2 - Утилита Unlocker
Часть 3 - Проект"Улыбка Онлайн"
Часть 4 - Анимация воды плагином Flood v1.20

Метки: мои уроки картинки коды HTML

Комментарии (0)

Как правильно записать код флешки или видео в рамочку для кодов.

Среда, 26 Декабря 2012 г. 01:29 + в цитатник
Это цитата сообщения novprospekt [Прочитать целиком + В свой цитатник или сообщество!]

Как правильно записать код флешки или видео в рамочку для кодов.

Для тех у кого возникли проблемы с правильным отображением кодов для флешек и видео в поле тега textarea.
Разбираясь с проблемой, я обнаружила, что все дело в том, что при написании текста для окошечек кодов нельзя использовать символы скобок, которые мы вводим с компьютера.(т.е. "<" или "[" ) Необходимо использовать их специальные кодовые обозначения. В табличке даны такие коды скобок. Как вы знаете для размещения флешек и видео на Лиру используются квадратные скобки "[; ]", но можно использовать и запись типа "embed src= " с треугольными скобками "<; >" Вот такие кодовые обозначения для скобок необходимо использовать в простом редакторе сообщений для записи флешек с окошечном для кодов.

Название	Символ	Код
Скобка квадратная левая	[	[
Скобка квадратная правая	]	]
Скобка треугольная левая	<	<
Скобка треугольная правая	>	>

"Читаем далее"

Серия сообщений "флеш-информеры,часики":
Часть 1 - Ура, я научилась делать часики.
Часть 2 - Как правильно записать код флешки или видео в рамочку для кодов.
Часть 3 - Часики-приветствия.
Часть 4 - Часики "Дельфин и Русалка" с эффектом "Ripple".
...
Часть 32 - Флеш радио "Шансон" и Юмор "FM" в Новогоднем дизайне.
Часть 33 - Новогодние флеш эпиграфы
Часть 34 - Флеш часики говорящие "Подскажу который час"

Серия сообщений "Уроки Flash":
уроки в разных флешпрограммах, авторские уроки flash
Часть 1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 2 - Как правильно записать код флешки или видео в рамочку для кодов.
Часть 3 - Создаем флешки в программе Aleo Flash Intro Banner Maker.Часть первая.
Часть 4 - Пошаговая инструкция по созданию флешролика в программе Aleo Flash Intro Banner Maker.
...
Часть 10 - Создаем аналоговые часики в программе Sothink SWFQuicker. Часть 2. Дизайн для часиков.
Часть 11 - Делаем музыкальную флеш открытку в программе Sothink SWF Quicker.
Часть 12 - Гуси-лебеди. Урок с анимацией крыльев. Sothink SWF Quicker.

Серия сообщений "Часовая мастерская":
Как сделать часики, рисование циферблатов и часовых стрелок, сборники клипарта на часовую тему
Часть 1 - Как правильно записать код флешки или видео в рамочку для кодов.
Часть 2 - Создаем таймер обратного отсчета в программе Sothink SWFQuicker
Часть 3 - Украшаем простые цифровые часики. Разнообразие дизайна.
Часть 4 - Флешчасики для коллажей в Aleo Flash Intro Banner Maker
Часть 5 - Создаем аналоговые часики в программе Sothink SWFQuicker. Часть 1 Создание часового механизма.
Часть 6 - Создаем аналоговые часики в программе Sothink SWFQuicker. Часть 2. Дизайн для часиков.

Серия сообщений "Помощь блокеру":
Часть 1 - Помощь в решении проблем
Часть 2 - самые необходимые ТЕГИ для оформления записей
...
Часть 9 - Как поменять имя и пароль в почте liveinternet.ru (li.ru). Создание почты ЛиРу
Часть 10 - Уроки по Оформлению дневника для Лирушников
Часть 11 - Как правильно записать код флешки или видео в рамочку для кодов.
Часть 12 - Как переносить посты с Мейла на ЛиРу.
Часть 13 - Получаем код плеера с помощью Рамочника
...
Часть 23 - Всё, что вы хотели знать о ЛиРу, но... (Самый полный FAQ по ЛиРу)
Часть 24 - Архивируем файлы и выставляем на Ли.ру.
Часть 25 - Помощь блокеру

Серия сообщений "Формулы":
Часть 1 - самые необходимые ТЕГИ для оформления записей
Часть 2 - Делаем банер
...
Часть 6 - Делаем ссылочку на сайт
Часть 7 - Уроки по Оформлению дневника для Лирушников
Часть 8 - Как правильно записать код флешки или видео в рамочку для кодов.
Часть 9 - Формулы
Часть 10 - Движение текста в посте
...
Часть 14 - Сделать слайд-шоу
Часть 15 - По просьбам читателей- Как пользоваться кнопками-переходами Далее
Часть 16 - Шпаргалочка по тегам Берём к себе в цитатник.

Метки: флешки уроки коды

LiveInternetLiveInternet

-Цитатник

-Метки

-Приложения

-Новости

-Ссылки

-Видео

-

-

-Музыка

-Рубрики

-Фотоальбом

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

-Подписка по e-mail

-Интересы

-Друзья

-Сообщества

-Статистика

Записи с меткой коды

Коды HTML для оформления постов, блогов

Кладезь для всех начинающих...

Шпаргалочка по тегам Берём к себе в цитатник.

По просьбам читателей- Как пользоваться кнопками-переходами Далее

КНОПКА ВЫПАДАЮЩЕГО МЕНЮ (все ссылочки на одной строке)

Сделать слайд-шоу

Как пользоваться ссылками на флешку...

Картинки в HTML

Дневник

Как правильно записать код флешки или видео в рамочку для кодов.