ВСЕ ФОРМУЛЫ ПОД РУКОЙ

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

Метки: все для блога, памятка начинающим

Лиру. Делаем пост, эпиграф с прокруткой

Не ново это для многих, но для кого-то... будет открытием, возможно:)
Бывает так, что тот же эпиграф занимает слишком много места (сверху вниз). Не очень удобно. Но эту проблему можно решить,- запихать наш эпиграф в рамку с прокруткой.
Рамки тут конечно нет, но так понятнее. Вот что получится в результате:



Код такой "вещи" очень простой:

<div style="overflow-y: scroll; width: 100px; height: 100px;">Ваш текст</div>

Соответственно вместо слов "Ваш текст" надо вставить либо текст вашего поста, либо код вашего эпиграфа и пр. Можно и картинки:) Т.е. можно полностью ваш код эпиграфа (со всеми кодами цветов текста, размерами букавок и пр. "непонятные" значки) прописать вместо "Ваш текст",- и весь ваш эпиграф будет в этой прокручивающейся рамочке:)
Числа "100"-обозначают размер (ширина и высота) поменяйте их на свое усмотрение. Именно ширину лучше делать не больше 600.

Как-то так.. очень просто. но очень полезно:)

©2010 Legionary

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

 

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

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

ИТАК... <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 на другую Вы измените скорость движения. Так же эти коды можно и использовать для текста - Замените слова ДВИЖЕНИЕ - на Ваш текст и он начнёт двигаться так же как и картинки в нужном Вам направлении Если что-то осталось не понятно - пишите в комментах попробую объяснить подробней. Примеры: Движение снизу вверх Движение сверху вниз Движение справа налево Движение слева направо

Код *глобуса визитов* и его установка в ваш блог

Всем привет! Очень много вопросов по поводу этого глобуса, который устанавливается в профиль вашего дневника и в ЭПИГРАФ. Этот глобус показывает визиты читателей, гостей на ваши странички. Сейчас я вам расскажу и покажу, как его установить, поменять фон под ним и естественно сам код глобуса выложу. Глобус показывает города визитеров, общее кол-во посещений (т.е. сколько было посещений за весь период существования вашего дневника) и сколько визитов на данную минуту, когда вы вошли в дневник. Это понятно,да? Фон у всех наверное черный стоит, а я в этом глобусе поменяла его и стало намного симпатичнее. Теперь более подробно обо всем этом.

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

Картинки в одну линеечку

формулы рамочек

 

РАМОЧКИ,как инетовский вид ТВОРЧЕСТВА (начальный курс) *** ...ЗДЕСЬ собраны все формулы несложных рамочек,начиная от простейшей ...многие мои Друзья и Гости блога благодаря именно им приобщились к своеобразному,увлекательному, инетовскому виду творчества - изготовлению РАМОЧЕК....и,если у Вас еще нет никакой информации,о том,как и што нужно делать,чтобы самому конструировать рамки...,не поленитесь ПРОЧИТАТЬ: А)...как ПРАВИЛЬНО СКОПИРОВАТЬ КОД рамочки, можно прочитать ЗДЕСЬ !!! Б)...как ПРАВИЛЬНО ВСТАВИТЬ КОД рамочки в новую запись блога УЗНАЕТЕ ЗДЕСЬ: В)...чтобы ознакомиться с МЕТОДИКОЙ самостоятельного изготовления РАМОЧЕК,формулы которых приведены ниже, НАЖМИТЕ СЮДА !!! ........ 1.формула "ФОН записи": - 2.формула "ТЕКСТ на КАРТИНКЕ": - 3.формула рамочки "с текстом или картинкой "в РАЗРЫВЕ": - 3.1.формула рамочки "с текстом или картинкой "в РАЗРЫВЕ" слева: - 3.2.формула рамочки "с текстом или картинкой "в РАЗРЫВЕ" справа: - 4.формула рамочки "в 1 СЛОЙ ": - 5.формула рамочки "в 2 СЛОЯ": - 6.формула рамочки "в 3 СЛОЯ": - 7.формула рамочки "в 4 СЛОЯ ": - 8.формула рамочки "в 5 СЛОЕВ": - 9.формула рамочки "в 6 СЛОЕВ": - 10.формула "окошка для кода записи или рамки": - ...освоив построение простейших рамочек,переходите к сложным...ОНИ ЗДЕСЬ... ФОРМУЛЫ усложненных рамок ...продолжение следует... *** .

* автор записи ТАНЯ&*,идущая по Судьбе

Дополнение к уроку " Рамка с разрывом."

Опять по просьбе сделала добавление к уроку.
Если нужно поменять цвет и размер обводки
Урок рамки с разрывом
................................

ТЕКСТ источник mimozochka

....................................

Вот эти теги кроме последнего fieldset.
Поставьте их как на скрине .Когда процитируете увидите теги.

.......................................
Это код рамочки с разрывом той,что выше
<center><table border="0" background="//img-fotki.yandex.ru/get/9505/230052382.80/0_100104_a21d1f19_S.jpg" cellpadding="2" cellspacing="2" width="700px"><tr><td><center><b><i><font color="0B4B0C"><font size="5"><font face="Monotype Corsiva"><fieldset style=" border:7px #0B4B0C solid; padding: 10px; margin:0px 0px 0px 0px;"><legend align="left"><img style="filter:alpha(opacity=100,style=3)" src="//img-fotki.yandex.ru/get/9828/136160416.15a/0_104e5a_2ffe67f0_XS.gif" border="0" /></legend><br /> <center>ТЕКСТ<br /> <a href="https://www.liveinternet.ru/users/5380872/post319377379/"><b><img src="//img-fotki.yandex.ru/get/6618/39663434.20e/0_7c0bc_751cf29d_XL.jpg%3Cbr%20/%3E" /><br /></b></a><br /> <a href="http://2photo.ru/ru/post/25805" target="_blank"><font size="1"><font color="0B4B0C">источник</font></font></a><br /> <center><a target="_blank" href="//www.liveinternet.ru/users/3370207/blog/"><font color="0B4B0C"><font size="+1">mimozochka</font></font></a></center></center></fieldset></font></font></font></i></b></center> </td></tr></table></center>

Серия сообщений "мои уроки":

Часть 1 - Урок делаем рамочку в фотошопе.(для новичков)
Часть 2 - Урок рамка фотошоп с картинкой. в Photoshop CS5 .
...
Часть 16 - Перевод урока"Adorable" для Корела
Часть 17 - Урок"Фон под запись с обводкой и картинкой в разрыве.
Часть 18 - Дополнение к уроку " Рамка с разрывом."

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

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

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



Вот тут на скрине видно, коды картинок идут один за другим без пробелов

далее

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

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