ЛиРу - как сделать бегущую строку ( плюс дополнение к "html для начинающих")

ЛиРу - как сделать бегущую строку ( плюс дополнение к "html" для начинающих)

Как говорится,- меня попросили,- вот и пишу:-)
Не совсем в "тему" т.к. про html- это еще рано. Но пусть будет, т.к. сие можно использовать на нашем любимом лиру:-)
В посте будут написаны не все "параметры" и "нужности", а только необходимый минимум. Остальное мы рассмотрим позже в теме про html.
Поехали:-)
Читать дальше > > >

Создание простой рамочки с изображением внутри

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

ВАШ Т Е К С Т Sheree

Вот скрин кода этой рамочки:

                                                                      Зимнее оформление постов

Сделайте свои посты уникальными с помощью представленных ниже зимних рамочек. Чтобы оформить пост в рамочке необходимо будет просто скопировать код этой рамочки (он будет размещен под каждой рамочкой) и вместо "ВАШ ТЕКСТ" написать текст Вашего поста.

При цитировании убирайте галочку со строчки "Автоматически переводить URL в ссылку"

Чтобы изменить размер, шрифт или цвет текста найдите в коде рамочки эту строчку:

Красным подчеркнут размер текста

Синим подчеркнуто название шрифта

Зеленым подчеркнут цвет текста

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

ЗИМА:

Учимся строить таблицу

УРОКИ НАЧИНАЮЩИМ

**     Скрипты   Бегущая строка   Бегущая строка 2   Выравнивание картинки   Горящий текст   Делаем рамку сами   Делаем картинку блестящй   Делаем кнопки сами   Меняем курсор   Делаем рамки 2   Делаем рамки 3   Делаем кнопки (сайт)   Таблицы   Курсорчики   Картинка между двумя столбцами   Текст между двух картинок   Рамки для заголовков   Украсить Windows   Ссылки на полезные сайты   Уменьшение Интернет трафика (1)   Установи счётчик   Окошки для кодов   Простые таблицы   Фотошоп   в разработке   в разработке   в разработке   в разработке   в разработке   На главную

Всё для оформления и ведения дневников

По лиру ходит очень много подобных постов. Здесь всё необходимое объединено в одном сабже, чтобы не скакать, если возникнет нужда.
1.Специальные коды редактирования - теги, проигрывание MP3, flash, видео файлов, уборка под кат и т.д.
2. HTML - шпаргалка - рамки, бегущая строка, буквицы, кнопки и другие прибамбасы.
3. ColorBlender - создание цветовых палитр. Очень удобно для подбора цветовой гаммы дневника.
4. Style Archive - шаблоны дизайнов.
5. Stripe Generator - генератор полос. Сгенерировал, скачал, повернул на нужный угол - вот тебе полосатый фон для дневника.
6. Dollzmania - генератор блестящих надписей.
7. HTML LIVE - гора разных генераторов (баннеры, блестящие тексты, картинки с различными эффектами и т.д.)
8. Glass Giant - ещё один генератор, на этот раз "неоновых надписей".
9. Генераторы баннеров (на - английском языке, но при, наличии графического редактора, исправить несложно.
Famous Faces - "говорящие" знаменитости.
Comic Strip - говорящие мультяки и т.д.
Banner Generator - стандартные баннеры, очень большой выбор.
10. Смайлы и анимашки - самая большая коллекция из найденных.
11. Picsearch - служба поиска картинок и фотографий.
12. Шпаргалка по RSS-лентам
Бегущая строка
<marquee direction="right"> ТЕКСТ</marquee>

Бегущая вправо/влево строка>
<marquee behavior="alternate"> ТЕКСТ</marquee>

Эпиграф
<div align=right> ТЕКСТ</div>

Автоскроллинг
<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ТЕКСТ</marquee>

Создание кликабельной картинки (баннера)

<a href="ССЫЛКА, КУДА НАПРАВЛЯЕТ БАННЕР" _fcksavedurl="ССЫЛКА, КУДА НАПРАВЛЯЕТ БАННЕР" target="_blank"> <img src="ССЫЛКА НА ИЗОБРАЖЕНИЕ БАННЕРА" _fcksavedurl="ССЫЛКА НА ИЗОБРАЖЕНИЕ БАННЕРА" border="0" alt="ВСПЛЫВАЮЩАЯ ПОДСКАЗКА ПРИ НАВЕДЕНИИ КУРСОРА НА БАННЕР" /></a>
Вот, к примеру, баннер со ссылкой на дневник ValeZ

Это цитата этого сообщения в Макс_Оливер

Комментарий забываешь-в черный список попадаешь.

1) сделать кнопку
<form action="АДРЕС САЙТА" target="lime" method="get"><input type="submit" value="НАЗВАНИЕ" /></form>

2) Удачи - раздваивающийся текст
<br /> <font color="#ff0000"><marquee scrollamount="2" scrolldelay="1" direction="up" height="300" style="filter: wave(add=50, phase=1, freq=1, strength=140); width: 500px; height: 300px; text-align: justify"><br /><br /><br /> <center><font size="+2">Удачи!</font></center></marquee></font><br /> <br />

3) Теги всплывающей подсказки.
<acronym title="всплывающая подсказка">ТЕКСТ поста</acronym>

4) Ссылки на др.посты
<br /> <a data-cke-saved-href="А" href="А"> НАЗВАНИЕ</a><br /> <a data-cke-saved-href="А" href="А"> НАЗВАНИЕ</a><br /> <a data-cke-saved-href="А" href="А"> НАЗВАНИЕ</a>

5) Текст с тенью (синий)
<font style="cursor:url('http://downloads.totallyfreecursors.com/cursor_files/tail2.ani');"><br /> <div style="width:100%;filter:shadow(color:white:10);font-weight:bold;font-size:18pt;font-family:verdana;color:483d8b;">ВАШ ТЕКСТ</div><br /> </font>

6) Движение текста с тенью. (зеленый)
<div style="FILTER: Shadow(color=Gray48, direction=140, strength=8); WIDTH: 100%" align="center"><marquee><font face="Georgia" color="008000" size="7"><i>Спасибо </i></font></marquee></div>

7) Движение текста с тенью. (красный)
<font style="cursor:url('http://downloads.totallyfreecursors.com/cursor_files/tail2.ani');"><br /> <div style="FILTER: Shadow(color=Gray48, direction=80, strength=3); WIDTH: 100%" align="center"><marquee><font face="Georgia" color="ff0000" size="6"><i>Спасибо за ваш комментарий.</i></font></marquee><br /></div><br /> </font>

8) Рамка с движ. текстом (для дня рождения)
<blockquote style="background="></blockquote><center><table cellspacing="8" cellpadding="3" width="700px" height="390" style="background="><center><table cellspacing="8" cellpadding="3" width="700px" background="http АДРЕС" border="5"> <tbody><tr><td><font face="Monotype Corsiva" color="#FFFF00size=" font="http АДРЕС"><marquee style="HEIGHT: 535px" scrollamount="2" direction="up"><center><br /> <font style="cursor:url('http://www.myspacecursor.net/love/36.ani');"><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><br /> <br /> <font size="+3"><font color="red">НАЗВАНИЕ</font></font><br /> <br /> <img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><br /> <font size="+3"><font color="lime"><br /> ТЕКСТ<br /> <br /> <img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /> <br /> </font></font></font><br /> </center></marquee></font></td></tr></tbody></table><br /></center></table></center>

9) Рамка для картинки
<center><table border="20" bgcolor="brown"><caption align="bottom">Слова под рамкой</caption><tr><td><table border="12" bgcolor="brown"><tr><td><br /> <img data-cke-saved-src="http АДРЕС" src="http АДРЕС" /></td></tr></table></td></tr></table><p></p></center><br />

10) Разделить пост на две части
<table width="80%" cellpadding="0" cellspacing="1" border="0"><tr><td> 1 часть текста</td><td width="1" bgcolor="#000000"></td><td> 2 часть текста… </td></tr></table>

11) текст на картинку без графических редакторов
<center><table border="3" cellpadding="3" cellspasing="3"><tr><th width="700" height="525" background="http АДРЕС" valign="bottom"><font color="red"><font size="+3">Ваши слова</font></font> </th></tr></table><p></p></center>

12) подписать картинку сбоку
<table border="3" cellpadding="3" cellspasing="3"><tr><th width="700" height="525" background="http АДРЕС" valign="bottom"><div style="WRITING-MODE: tb-rl"><font style="FONT-WEIGHT: normal; FONT-SIZE: 16px; WIDTH: 700px; HEIGHT: 525px; FONT-FAMILY: georgia; TEXT-ALIGN: justify"><font size="+5"><font color="red">Ваши слова</font></font></font></div> </th></tr></table><p></p>

13) Текст на фоне
<table cellpadding="60"><tr><td background="http АДРЕС"><font color="white"><font size="+2">ВАШ ТЕКСТ</font>…</font></td></tr></table>


14) размытый фон (добавляем теги)
border="0" style="filter: alpha(opacity=100,style=2);" />

15) Ваш фон, по которому двигается текст
<blockquote style="background="></blockquote><center><table cellspacing="8" cellpadding="3" width="500px" height="150" style="background="><center><table cellspacing="8" cellpadding="3" width="500px" background="http АДРЕС" border="5"> <tbody><tr><td><font face="Monotype Corsiva" color="#FFFF00 size=" font="http АДРЕС"><marquee style="HEIGHT: 150px" scrollamount="2" direction="up"><center><br /> <br /> <font size="+3"><font color="red">НАЗВАНИЕ</font></font><br /> <br /> <font size="+3"><font color="lime">ТЕКСТ</font></font><br /> </center></marquee></font></td></tr></tbody></table><br /></center></table></center>

16) фон, по которому двигается текст
(Можно менять только цвет фона)
<marquee style="background:pink; padding:10px; border-right: silver 2px solid; border-top: silver 2px solid; border-left: silver 2px solid; border-bottom: silver 2px solid;" scrollamount="2" scrolldelay="60" direction="up" width="550" height="150"><font size="+3"><font color="ffffff">ВАШ ТЕКСТ</font></font></marquee>

17) Слова БОКОМ
<br /> <font color="ff0000"><div style="WRITING-MODE: tb-rl"><font style="FONT-WEIGHT: normal; FONT-SIZE: 16px; WIDTH: 480px; HEIGHT: 250px; FONT-FAMILY: georgia; TEXT-ALIGN: justify"><font size="+3">ВАШ ТЕКСТ БОКОМ</font></font></div></font><br />

ГАЛИНА_симонова, Дарина423, биа46, Бриз999, Осень-я, songmeili, Matilda63, Kleooa, Elena_1, La_belle_Helene, LuPetra, Елена_Донец, Гори_моя_душа, Женщина-Пантера, aleks_c, Kisska67, romanika, Russlana,

Пояснения для всех.
Смотрите здесь.
Щелкните по названию

Рамка без редактора.

Разделить пост на две части

Текст на картинке без редактора.

Текст на фоне.

размытый фон

Рамка с прокруткой


Ваш фон, по которому двигается текст

фон, по которому двигается текст
(Можно менять только цвет фона)


Слова БОКОМ

Теги

Цветовая палитра

Полезности для Дневника