Коды и подбор цветовой гаммы

 

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

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

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

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

ИТАК... <b>ВАШ ТЕКСТ</b> Полужирный текст <i>ВАШ ТЕКСТ</i> Выделение текста курсивом <u>ВАШ ТЕКСТ</u> Подчёркнутый текст <s>ВАШ ТЕКСТ</s> Зачёркнутый текст маленький текст <small>ВАШ ТЕКСТ</small> маленький текст Уменьшить текст <font size="-2">текст</font> текст - 2 Увеличить текст+1: <font size="+1">текст</font> текст + 1 Увеличить текст+2: <font size="+2">текст</font> текст + 2 Увеличить текст+3: <font size="+3">текст</font> текст + 3 Увеличить текст+4: <font size="+4">текст</font> текст + 4 КРАСНЫЙ: <font color="red">текст</font> красный текст ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст ЗЕЛЕНЫЙ: <font color="lime">текст</font> зеленый текст КОРИЧНЕВЫЙ: <font color="maroon">текст</font> коричневый текст ГОЛУБОЙ: <font color="aqua">текст</font> голубой текст СИНИЙ: <font color="navy">текст</font> синий текст ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст текст по центру <center>ВАШ ТЕКСТ</center> текст (картинка) будет по центру бегущая влево строка <marquee>ВАШ ТЕКСТ</marquee> бегущая влево бегущая вправо строка <marquee direction="right">ВАШ ТЕКСТ</marquee> бегущая вправобегущая от края к краю строка <marquee behavior="alternate">ВАШ ТЕКСТ</marquee> бегущая от края к краю текст с правого краю в две строчки с выравниванием справа <div align=right>ВАШ ТЕКСТ</div> текст с правого краю в две строчки с выравниванием слева <div align=left>ВАШ ТЕКСТ</div> Сноска сверху ТЕКСТ<sup>сноска</sup> ТЕКСТ сноска сноска снизу ТЕКСТ<sub>сноска</sub> ТЕКСТ сноска список. /жирная точка спереди/ <ul><br /><br /><br /> <li>ВАШ ТЕКСТ<br /><br /><br /> </li><li>ВАШ ТЕКСТ<br /><br /><br /> </li></ul> Во-первых - все козлы, один я иван-царевич! Во-вторых - как вам нравится это во-первых? Другой такой пункт "закрепитель" текст остается таковым, каким вы его пишете <pre>ВАШ ТЕКСТ</pre> Я пишу как хочу!!! текст со всплывающей подсказкой <acronym title="то, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym> Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет Процитированый в отдельном блоке текст у которого будет небольшой отступ слева. <blockquote>ВАШ ТЕКСТ</blockquote> Процитированый в отдельном блоке текст у которого будет небольшой отступ слева. предложение с отступом в абзаце <p style="text-indent: 40px">ВАШ ТЕКСТ</p> Привет! В этом абзаце первое предложение будет с отступом. Прямо как в книгопечати. Правда, в интернете это редкая практика. скользящий вверх текст <marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> скролящийся вверх текст с полезной информацией или ещё какой-то ерундой скользящий вних текст с такой же ерундой ))) <marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> или ещё какой-то ерундой информацией текст с полезной скролящийся вниз ну и еще, если например хотите дать ссылку на что-либо /к примеру ссылку на мой дневник=)/, то ставите <b><a href="ссылка">ВАШ ТЕКСТ к примеру, мой дневник</a></b> получается: МОЙ ДНЕВНИК НА ЛИРУ непосредственно на ЛиРу, если у вас большой пост или много фоток в посте, можно его убрать под кат, посередине поста ставите [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 на другую Вы измените скорость движения. Так же эти коды можно и использовать для текста - Замените слова ДВИЖЕНИЕ - на Ваш текст и он начнёт двигаться так же как и картинки в нужном Вам направлении Если что-то осталось не понятно - пишите в комментах попробую объяснить подробней. Примеры: Движение снизу вверх Движение сверху вниз Движение справа налево Движение слева направо

Цветные флеш-плееры с кодами
 

Музыку можно сменить на свою

Смотрим дальше...

Про схемы на Ливинтернете

Мне часто задают разные вопросы по оформлению дневника, про то, как сделать схему, сохранить себе понравившуюся и т.п. Поэтому выкладываю такой пост, где собрала ссылки на свои уроки по созданию схем на ЛиРу.
КАК САМОСТОЯТЕЛЬНО СДЕЛАТЬ СХЕМУ? Ответ на этот вопрос - в этом посте:
http://www.liveinternet.ru/users/2670115/post136986672/
Как сохранить себе понравившуюся схему, описано вот здесь:
http://www.liveinternet.ru/users/2670115/post150152186/
Как отредактировать сохраненную себе схему (сделанную не вами)? Об этом можно узнать здесь?
http://www.liveinternet.ru/users/2670115/post136516685/
Как удалить надоевшую схему из вашего каталога схем, описано вот здесь:
http://www.liveinternet.ru/users/2670115/post137493093/
Как самостоятельно сделать бесшовный фон для схемы из понравившейся картинки? Много инструкций - в этом посте:
http://www.liveinternet.ru/users/2670115/post131842330/

Рабочие программы и краткое описание к ним

 

*зимний зелёный...*

+...клик

Как пользоваться спецкодами (ВВ-кодами) на ЛиРу?

Спецкоды - слова, заключенные в квадратные или угловые скобки, которые помогают менять вид текста и делают разные другие полезные вещи. Спецкоды в угловых скобках <> называются HTML -кодами. Их можно вводить «от руки» только в простом редакторе, в расширенном редакторе вместо них нужно можно пользоваться кнопками над текстом (как в Word). Если очень нужно использовать еще и в расширенном - нажимайте кнопку Источник в левом верхнем углу.

Коды, заключенные в квадратные скобки [ ], не являются универсальными, иногда называются BB-кодами, так как происходят из форумов. Их можно использовать и в простом, и в расширенном редакторе. Если в BB-коде используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не «подчеркнул» ее, а у простого редактора убрать внизу галочку «Автоматическое распознавание ссылок», иначе код может не сработать правильно. Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать панель спецкодов.

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

ВВ-коды Лиру

Коды, используемые не на всех сайтах

[user=Только для женщин] - позволяет поставить красивую ссылку на пользователя сайта. Выглядеть будет это так: Только для женщин
[user=Дом советов]Домик[/user] - позволяет назвать при этом пользователя по-особенному. Вот так:Домик

---

[more] - если вставить такой тег в сообщение, то на этом месте оно оборвется, и появится ссылка «Читать далее», которая будет вести на комментарии к сообщению и полному тексту записи. Очень нужно ставить такой тег перед видео, флеш-роликами, большими картинками или серией картинок, экономя трафик и ускоряя загрузку страницы своего дневника

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