Новостная бегущая строка для дневника, сайта

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



Еще примеры новостной ленты и инструкция > > >

Путеводитель по сайту, блогу своими руками!

Ну что ж, кажись доделал я версию путеводителя для всех:-) ( Дополнительно Кнопка "всегда под рукой" для путеводителя)

Учимся пользоваться и берем себе в личное пользование.
Объяснений прилично, так что приготовьтесь. Но на самом деле все очень просто!

Сам путеводитель на данный момент выглядит так:

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

Яндекс-фотки. Вставляем фотографии в пост.

Название поста далось с трудом.
В общем, фотографии на яндекс-фотки мы загружать научились (ЗдЕсЬ), научились делать плейлисты... Теперь будем учиться делать посты с этими загруженными фотографиями.

Итак, грузим фотографии. Загрузили... Теперь нам надо получить код картинок для поста. Есть несколько способов. Опишу 2.

Способ Первый, простейший.
Способ-то простейший, но, к сожалению, не самый красивый пост выйдет, да и не самый удобный...

Идем в "Мои альбомы", выбираем альбом, в который загрузили фотографии, тыкаем кнопку "Получить код":


Дальше > > >

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

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



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

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

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

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

©2010 Legionary

Супер полезный сервис!!!

1. Не умеете ставить картинки в ряд?
2. Не получается запихнуть изображения в таблицу?
3. Не знаете как вставить картинку на форум или блог с помощью BB кода?
4. Не умете делать окошко с кодом вставки под картинкой такого вида?


5. При упоминании слова html хочется сбежать подальше?
6.Не умеете делать нормальное кликабельное превью используя "Яндекс фотки"?

А и не надо!

Специально для вас создал сервис :

Генератор BB и Html кодов для вставки изображений на сайт или блог.

Он сам напишет за вас все коды, вам надо будет лишь их скопировать и вставить, например, в пост на лиру.

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

Инструкция по использованию сервиса рамок

Т.к. очень многим непонятно как пользоваться моим сервисом по созданию рамок,- решил на скорую руку записать вам видео-инструкцию:) Может она вам пригодится:)

P.S. Звука у видео НЕТ :)

Обновление сервиса рамок. Как пользоваться галереей фонов

И вот,- свершилось!!!

Могу облегченно выдохнуть, взять небольшой перерыв и вернуться к вам, дорогие мои, в качестве "блоггера", а не сайтостроителя:)

Сразу к делу (пожалуйста, постарайтесь осилить весь текст:) ):

Регистрация на сайте LI-web открыта!

Какие плюсы вы получите зарегистрировавшись на сайте?
С самого начала, идея регистрации возникла для того, чтобы упростить вам использование сервиса рамок.
1. Теперь вы можете создавать свои галереи фонов, и они всегда будут у вас под рукой:


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

Поля для кодов. Внешний вид и пр.

Такой небольшой, но очень полезный постик:)

Речь пойдет про поля, в которые прописывается некий код, для того, чтобы читатель мог потом этот код с легкостью взять. Коды флешек, картинок, постов и пр. Окошки такие, к примеру:



И здесь некий код, который можно легко скопировать

Такие простенькие окошки. Про первое говорить не будем. Оно как бы не совсем предназначено для этих целей (содержать в себе некий код), а вот про второе,- поговорим.

Пишется оно очень просто:

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

Мигающий текст

Абсолютно малюсенький постик:)
Я все еще хочу наконец-то начать рассказывать про CSS, но пока что-то не соберусь никак:( Плееры, flash, все дела...

Вот вам затравочка, для интереса. Тем, кто любит "выделять" текст заметными эффектами, наверно, понравится.
Вот такой простой мигающий текст без всяких анимаций:

Привет!

Делается очень просто.
К html тегу добавляем стиль с указанием "мигания". Т.е.,наример, к тегу <b> (жирный текст):
Было:
<b>Привет!</b>

Добавили стиль:
<b style="text-decoration:blink">Привет!</b>

Т.е. добавляем - style="text-decoration:blink"

Ну а если вы не хотите делать текст еще и жирным ( или наклонным, или перечеркнутым и пр.),- можно использовать тег <font>. Пример:

Код:
Всем <font style="text-decoration:blink">привет</font>!!!

Результат
Всем привет!!!

---

Добавлять ко всему этому указание цвета никто не запрещает:)
Всем привет!!!

P.S. браузер Internet Explorer как всегда на высоте,- (надеюсь, только в старых версиях) ничего у вас мигать не будет:)

©2011 Legionary

САЙТЫ для оформления дневника...

 

... САЙТЫ для оформления блога... ...ВСЕМИ САЙТАМИ ПОЛЬЗУЮСЬ САМА... проверены Norton ******* 1. 2.

(с)http://blogs.mail.ru/bk/tgonorata/1890CA84D0FB0A29.html

 

Очень удобная штука - Теги!

<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 style="float:right;">ВАШ ТЕКСТ</div><br clear="all" />



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

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

список. /жирная точка спереди/
<ul><br /> <li>ВАШ ТЕКСТ<br /> </li><li>ВАШ ТЕКСТ<br /> </li></ul>

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

список сформируется автоматически, если добавить

<ol><br /> <li> первый пункт ТЕКСТА<br /> <li> второй пункт ТЕКСТА<br /> </ol>

1. Один из пунктов несортированого списка
   
2. Другой такой пункт
   

"закрепитель" текст остается таковым, каким вы его пишете
<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=ТЕКСТ ДЛЯ ПЕРЕХОДА]
Далее - текст, который будет под катом.
И закрывающий тэг [/more]
В большинстве случаев закрывающий тэг не нужен, но если текст под кат не убирается - попробуйте его поставить.

ЧТО МОЖНО СДЕЛАТЬ,ЕСЛИ ВАС ВЗЛОМАЛИ?



Самое простое,чем можно усложнить жизнь взломщикам,надо сделать не дожидаясь,пока Ваш почтовый ящик будет взломан.А уж если его все таки вскрыли,то тем более сделайте то,о чем сейчас напишу.
В первую очередь меняем Пароль и Данные для восстановления пароля.
Для этого заходим в свою ПОЧТУ и нажимаем в правом верхнем углу на НАСТРОЙКИ
ЧИТАТЬ ДАЛЕЕ...

Кнопки «Спасибо» и «Поделиться»

Без заголовка

Скачиваем днев,блог на компьютер !!!

Нашла прикольну фишку....Как скачать свой блог,дневник,сайт на комп,для сохранения в случае не предвиденных обстоятельств...

РЕКОМЕНДУЮ !!! Себе уже качнула )))

Скачиваем блог на компьютер. Как сохранить весь свой блог на компьютер. На случай непредвиденных ситуаций. предлагали много версий, но вот что я нашла сама спустя некоторое время: Итак: Программа: HTTrack Website Copier 3.43-7 Нажмите на название программы, там её описание и ссылка для скачивания. подробности дальше

ПОСТ В РАБОТЕ

Лорик

 

 

Серия сообщений "урок":
Часть 1 - Интересные и полезные ссылки
Часть 2 - Для изучения немецкого
...
Часть 18 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 19 - Список уроков.Как ОФОРМИТЬ ДНЕВНИК.
Часть 20 - ПОСТ В РАБОТЕ
Часть 21 - ПАЛИТРА ЦВЕТОВ С КОДАМИ
Часть 22 - Создаём виньетку
...
Часть 98 - Картинка из кодов
Часть 99 - Как расположить табличку с картинками по центру страницы?
Часть 100 - Как сделать рамочку для текста самому.

Мои рабочие закладки

                             пишем красиво

                             ФОТОШОП

                              РАЗНОЕ

Милые друзья, четыре сайта не работают, если кому надо, можете брать себе, успехов вам. Спасибо тем, кто оставит комментарий.

Серия сообщений "бродилки":
Часть 1 - Бродилка по открыткам
Часть 2 - Полезные ссылки. Жми на книгу
...
Часть 17 - Программы переводов текста
Часть 18 - Шаблоны бродилок от Илоны
Часть 19 - Мои рабочие закладки
Часть 20 - Флэшка с полезностями от Legionary
Часть 21 - Мои закладки, часть 2
...
Часть 27 - Новогодние посты в одном
Часть 28 - Мои закладки. 3
Часть 29 - Бродилка по блогу Ларисы Герман, все для блога

Делаем двойной текст.

ДОБРО ПОЖАЛОВАТЬ. ДОБРО ПОЖАЛОВАТЬ.                     <font style="font-size: 55px; line-height: 19px; color: rgb(0, 0, 0); font-family: Impact;">Ваш текст.<br/><font style="font-size: 50px; color: rgb(205, 190, 112); font-family: Impact;">Ваш текст.</font><br/> _ Код двойного текста здесь. из дневника Джоан.

Аудио из ролика с Youtube




Понравившуюся мелодию из музыкального клипа с Youtube( Ютуба) можно поставить вот в такие плеера.Коды в окошечках под каждым плеером и кнопками.

В этом плеере ,при попытке остановить прослушивание,
происходит переход на страницу ролика

С Юбилеем!

<table width="340" height="123" style="border:0px none #000000" background="//s54.radikal.ru/i146/1106/1b/f41301be33f9.png" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="left"><table border="0" cellspacing="15" cellpadding="0"><tr><td><br/><IFRAME src="//flashframe.li.ru/showflash.html?tag_value=%2F%2Fwww.youtube.com%2Fv%2F%D0%A1%D0%A1%D0%AB%D0%9B%D0%9A%D0%90%3Ffs%3D1%26amp%3Bhl%3Dru_RU%26amp%3Brel%3D0&flash_width=12&flash_height=12&style=" width=12 height=12 style="width:12;height:12; border:0px outset;" scrolling="no" frameborder="0"></iframe></td><td><font size="2">С Юбилеем!</font></td> </tr> </table></td></tr></table><br />

В остальных плеерах можно прослушивание останавливать и возобновлять.

С днём рождения!

<table width="440" height="164" style="border:0px none #000000" background="//s60.radikal.ru/i170/1106/06/a78e69e1f2d9.png" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="left"><table border="0" cellspacing="13" cellpadding="0"><tr><td><br/><IFRAME src="//flashframe.li.ru/showflash.html?tag_value=%2F%2Fwww.youtube.com%2Fv%2F%D0%A1%D0%A1%D0%AB%D0%9B%D0%9A%D0%90%3Ffs%3D1%26amp%3Bhl%3Dru_RU%26amp%3Brel%3D0&flash_width=31&flash_height=28&style=" width=31 height=28 style="width:31;height:28; border:0px outset;" scrolling="no" frameborder="0"></iframe></td><td><font size="2">С днём рождения!</font></td> </tr> </table></td></tr></table><br />

читать дальше > > >

Как сделать слайд-шоу?

Слайд-шоу - очень простой и эффектный способ поразить собеседника наповал подборкой красивых фотографий. Вот, например, галерея из 20 фотографий природы - устоять невозможно! Когда досмотрите до конца, я вам расскажу как легко сделать подобное и вам самим.
<marquee scrollamount="8">Ваши фото</marquee> - это простой код подобного слайд-шоу.
Правда, здорово? Всего за 5 минут минут можно
сделать такое слайд-шоу! Учимся! >>>

Как вставить много картинок в сообщение?

Если честно, не думал, что это большая проблема. Может просто потому, что практически не занимался закачкой сразу нескольких картинок в текст, а если и делал это, то обычным способом, который лежит на поверхности, т.е. постепенно, по одной картинке. Или через приложение "Я-фотограф". А вот когда столкнешься с этим, поймёшь, что "тыканий" будет слишком много и лучше избрать иной способ...Предлагаю вам инструкции Legionary.

Способов вставить в пост много картинок - немало, разберем несколько из них:

Способ № 1 :

Самый простой, но и самый неудобный, наверное. Идем в простой редактор сообщения (он появится автоматически вверху страницы, когда вы нажмете "Новая запись" или "Добавить" в профиле своего дневника). Внизу справа видим окошко для загрузки картинки:

Жмем кнопку "обзор", после чего вылезет окошко с папками, находящимися на Вашем компьтере:

Смотрим и читаем далее >>>

ЛиРу - работа в расширенном редакторе

Надо завершать начатое. После ЛиРу - работа с простым редактором логично рассказать о расширенном редакторе, который как раз вызывает немало вопросов. Плюс бывают у него не очень понятные завихрения в работе:-)) Воспользуемся постом Legionary. Поехали!

Как зайти в обычный редактор, надеюсь вы уже знаете. Зашли, теперь надо перейти в "расширенный редактор". Вверху страницы видим надпись "расширенный", жмем ее, а в выползшем потом окошке жмем "ок":

Все, теперь нам открылся расширенный редактор (чтобы вернуться в простой редактор, там же жмем надпись "простой").
Теперь по пунктам, т.е. по значкам в редакторе, смотрим:

1. "Источник" - эта кнопка для ввода html. Т.е. не нажимая ее, вы просто пишете текст, ссылки там всякие вставляете, а если вам надо вставить html код, то надо нажать эту кнопочку, а затем уже в поле ввода сообщения вставить код. Потом надо не забыть переключиться обратно (еще раз нажать "источник").
2. "Свойства документа"- честно говоря, так и не понял что сие означает. Ни разу не загорелось:-)) так что опустим этот пункт за ненадобностью:-)
3. "Новая страница" - у нас просто все стирается в редакторе (все что вы написали), и можно начать все заново:-)

1. "Вставить, удалить нумерованный список" - т.е. можно пронумеровать какой-либо список. Например, написали три строки текста. Выделяем их и жмем эту кнопочку. Получится список.

Всё, что вы хотели знать об этом "звере" >>>

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

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

Сделать текст с прокруткой во флейме?

Флейм - это очень нужное окошечко, куда можно спрятать длинный текст и читать его, прокручивая вниз. Наверняка уже встречали подобное. Сделать такое окошечко очень просто. Сначала пишете нужный Вам текст, затем в самое начало (перед Вашим текстом) вставляете вот этот код:
<div style="width: 100%; height: 300px; margin-top: 0px; margin-left: 0px; text-align: center; font-size: 14px; overflow: auto">
В простом редакторе просто копируете и ставите, в расширенном нужно нажать ИСТОЧНИК и там вставить код.
Теперь рассмотрим сам код на картинке и как его можно при необходимости изменить.
Значения указанные цифрами:

1 - это ширина текста по отношению к странице, сейчас стоит 100% - если хотите чтоб было меньше, просто поменяйте цифру. Да и если Вам по какой-то причине не нравится делать в процентах, то вы всегда можете изменить % на px.
2 - это высота видимого текста, стоит 300, можете по необходимости менять в большую или меньшую сторону.
3 - это отступ сверху от начала сообщения, сейчас стоит 0, если хотите, то можете поменять и флейм с текстом опустится на нужное Вам значение.
4 - это отступ с левой стороны, стоит 0, так же можете поменять на нужное Вам значение.

Пример. Убираем весь написанный выше текст во флейм, а чтобы сократить длину поста, уменьшим высоту прокрутки до 100px (кнопка прокрутки справа)

Как вставить прокрутку в красивую рамочку? >>>

Поисковая форма непосредственно в вашем дневнике

Установите в своём блоге, форуме или на блогосервисе форму поиска. Это позволит вам не потеряться в записях и комментариях и быстро находить там нужную информацию.

1. Поиск по блогу   по комментариям по друзьям

2. Поиск по блогу по комментариям по друзьям

Заходим сюда
Вносим в строчку "Введите веб-адрес" http-адрес своего блога. Это самая верхняя строчка на главной странице Вашего блога (ссылка). Например, мой веб-адрес на Mail.ru:

http://blogs.mail.ru/mail/tiotia-tania/Жмем "Дальше". Указываем вариант дизайна формы поиска по блогу. Ставим галочку около - "с фоном" (см. информер 1) или "без фона" (см. информер 2). Лучше поставить галочку в "Открывать результаты поиска в..." около - новом окне. Жмем на "Дальше". В окошке "Код для вставки" копируем свой код и ставим в блог.

Ваш компьютер - мальчик или девочка? >>>

Как сделать пост с множеством картинок?

Я уже писал на эту тему: Как вставить много картинок в сообщение? Сейчас подробно расскажу, как сделать пост со множеством картинок, которые загружаются на радикал. Это такой бесплатный хостинг (хранилище) для изображений. Позволяет загрузить (и сохраняет) любое количество изображений, любого формата, с любым уменьшением. Чтобы не открывать Америку заново, воспользуюсь советами Inmira. Далее следует её пост (с небольшими сокращениями).
Вот, к примеру, папка с фото цветов, которые надо выложить в сообщение дневника:

Дальше >>>

В помощь блоггеру

Источник

Почти все о тексте,шрифте...Урок.

ИТАК...

<b>ВАШ ТЕКСТ</b> Полужирный текст

<i>ВАШ ТЕКСТ</i> Выделение текста курсивом

<u>ВАШ ТЕКСТ</u> Подчёркнутый текст

<s>ВАШ ТЕКСТ</s> Зачёркнутый текст

маленький текст <small>ВАШ ТЕКСТ</small> маленький текст

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

Как избавиться от кнопок «Спасибо» и «Поделиться»? (Совет Дня)