Волшебный тег MARQUEE - заставь буквы двигаться

1. <MARQUEE>Ваш текст</MARQUEE>

Вот так!

2. <MARQUEE style="HEIGHT: 50px" direction=up>Ваш текст</MARQUEE>

или так

3. <MARQUEE style="HEIGHT: 50px" direction=down>Ваш текст</MARQUEE>

ну и вот так

4. <MARQUEE style="WIDTH: 200px" direction=right>Ваш текст</MARQUEE>

или даже так

5. <MARQUEE style="WIDTH: 200px" direction=left>Ваш текст</MARQUEE>

а уж так!

6. <MARQUEE style="WIDTH: 200px" behavior=alternate>Ваш текст</MARQUEE>

и так можем

Переменные:
HEIGHT высота "окошка", в котором двигается текст;
WIDTH расстояние, на которое перемещается текст.

Можно ли уменьшить скорость прокрутки при использовании тега marquee?
Так вот, для этого необходимо в открывающий тег добавить параметр scrollamount="Х", где Х — скорость прокрутки от 1 до 9.
Результат будет выглядеть так:

<MARQUEE style="WIDTH: 200px" direction=right scrollamount="Х">

---

Тег <marquee> заставляет двигаться не только текст, но всё, к чему он относится.
Пример:

Синтаксис: <MARQUEE><img src="_АДРЕС_ВАШЕЙ_КАРТИНКИ_"></MARQUEE>

 

ВОТ ТАК ПОМОГАЛОЧКА...

ЭТО ПРОСТО КЛАД для сайта Вот она ненаглядная во всей своей красе распласталась по экрану вашего монитора. KOROLEVA

Блокнот (notepad).

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

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
<pic>
<image>ССЫЛКА</image>
</pic>
<pic>
<image>ССЫЛКА</image>
</pic>
<pic>
<image>ССЫЛКА</image>
</pic>
<pic>
<image>ССЫЛКА</image>
</pic>
</images>

Дальше > > >

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

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

ИТАК...

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

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

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

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

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

ВСЁ ВНУТРИ,МНОГО

Очень полезная программа для web мастеров и тех кто осваивает html

Очень полезная программа для web мастеров и тех кто осваивает html

Как говорит один товарищ,- готов пищать от восторга! :-) Скачал себе две такие вот программки, которые мне сейчас жуть как необходимы:-) И естественно спешу поделиться с вами:-)

Для начала не самая клевая:-)) Для затравки, как говорится.

Программа пипетка.

Объясняю простым языком. Программа снимает цвет с любой точки монитора. И показывает вам его "цифровое обозначение". Нам это ну очень надо для нашей практики в html и для дневника тоже пригодится:-)
Может увидели где-нибудь красивый оттенок, а не знаете его обозначение, в код лезть ленно бывает:-) Вот тут то вам эта программа и поможет:-)

В общем,- Программа установки не требует, качаете и начинаете пользоваться:-)

Скачать (41 kb)

Коротенько покажу как ей пользоваться, в картинках как всегда:-)
Смотрим в папке программы, открываем ее двойным кликом по значку ( ну как всегда ):


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

Супер удобная программа. Забираем видео, флеш и т.д. без шума и пыли.Плюс учимся html

Сразу оговорюсь,- это не программа как таковая, а дополнение к браузеру Mozilla Firefox.
Кто не пользуется этим браузером, конечно может не читать пост до конца ,но мой вам совет,- иметь в программных запасах и этот браузер тоже:-) Не буду говорить, что он лучше или хуже других, просто надо, чтоб был:-))

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

Часть первая. Для ЛиРушников.

Зачем нам это надо?:-)
Даже не знаю с чего начать, ибо пользы от этого дополнения можно найти много, при желании:-)
Например можно в пару кликов забрать с любого другого сайта ( за редким исключением) любое видео или флешку:-) При этом не придется залезать в коды, как мы это делали в посте "ЛиРу - как вставить флеш ( flash ) в пост? Как узнать прямую ссылку на флеш?

Сейчас объясню как это сделать:-)

После установки этого дополнения, в самом низу браузера, справа появится вот такой значок :



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

Создаем себе "очень полезное" место под сайт и под файлы.

Создаем себе "очень полезное" место под сайт и под файлы

Сразу извинюсь за долгое отсутствие:-) Уж простите меня:-)

А теперь по теме. Для чего нам это надо?
Во- первых, кому интересно попрактиковаться в html "строительстве" сайтов, это очень удобная платформа.
Во-вторых, для нас, для лирушников, это удобное место, куда можно грузить музыку, флешки, картинки, видео и т.д., чтоб без глюков и надежно:-) ( конечно все бывает, но тьфу-тьфу-тьфу,- пока без нареканий)

Теперь к делу:-) Сайт Народ. Переходим по ССЫЛКЕ и регистрируемся.
Сразу оговорюсь, если у Вас есть почта на яндексе, то регистрироваться не обязательно. Место под сайт у Вас уже есть, надо просто авторизоваться ( зайти в почту) а потом перейти на narod. Но никто и не запрещает Вам создать новый аккаунт;-)
Вводим данные ( не обязательно честные), когда доходим до "логин" вписываем желаемое имя сайта. Оно будет вида "логин.narod.ru"
Если такое "имя" занято уже кем-то, Вам об этом сообщат такой надписью справа:

В таком случае придумываем другое имя "сайту",- которое никем не будет занято:


Далее регистрация понятная и простая, думаю трудностей не возникнет:-)

Все, теперь к главному. Идем вот сюда , снизу слева видим кнопочку:


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

Начинаем изучать html

Начинаем изучать html

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

Html - это набор неких символов. Они объясняют вашему браузеру ( то, через что вы выходите в интернет) что и почем:-)
Например, что вот это слово должно показываться читателю ( т.е. вам) жирным шрифтом, а не обычным. Или что какая либо картинка должна стоять именно там-то и там-то и т.д. и т.п.

Начнем практиковаться в строительстве сайтов используя html. Положено начинать на своем личном компьютере в блокнотике... но это, на мой взгляд, не так удобно.Но об этом я тоже расскажу на всякий случай, но позже:-) Поэтому идем к себе на народ , где мы уже создали себе место под сайт. Авторизуемся ( заходим под логином и паролем) и начинаем.
С главной переходим в мастерскую:


Далее смотрим справа:

Жмем надпись по стрелке.
Теперь нам надо создать главную страницу нашего будущего сайта. Жмем по стрелке ( вверху справа):

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

Html для начинающих ( часть 2-ая)

Html для начинающих ( часть 2-ая)

Продолжаем попытку разобраться в html :-) Первая часть ТуТ

Если помните, в первой части мы тренировались в форматировании шрифтов. У себя же на "народе". Изначально вам уже были даны какие-то теги в редакторе, а сама "тренировка" велась между тегами <body> и </body>
Так вот, теперь про эти "ключевые" теги, которые даются изначально:

<html> и в самом низу закрывающий </html> - говоря простым языком,- этот тег обозначает, что за "документ" собственно говоря и где его начало и конец. Прописывать его надо ( если сами создаете страницу с нуля и без "народа",- не забывайте об этом).

<head> и закрывающий </head> - так называемая "голова" документа ( страницы сайта). Между этими тегами пишут некую "служебную информацию". Об этом конечно еще будем говорить, но пока так. Плюс содержимое распложенное между этими тегами не видно пользователю на странице.

<title> и закрывающий </title> - Заголовок страницы, вот и первый пример такой "служебной информации". Как видите, эти два тега написаны именно в "голове" документа ( смотреть выше).
Между этими тегами прописывается название странички или еще какая-нибудь информация о содержании. В результате, пользователь это увидит в самом "верху" браузера, а точнее:


И наконец:

<body> и </body> - тело документа ( странички сайта). Т.е. между этими тегами и пишется вся видимая пользователю страничка. Тут и картинки, и тексты и пр., пр., пр.,- все то, что вы захотите, чтоб увидел пользователь:-))

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

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

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

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

Есть такой специальный тег "marquee", который и поможет вам сделать бегущую строку. Изначально он работал только в браузере Internet Explorer, но теперь почти во всех браузерах.
Лично я проверил,- не работает только в Google Chrome, а в Mozilla Firefox иногда зависает,- надо просто обновить страничку и все заработает:-) А в Opera и Internet Explorer,- работает без проблем:-) Так что имейте это в виду.
Сразу оговорюсь, бегущей строкой может быть не только текст, но и картинка, ссылка например. Покажу наглядно:-)
Вот допустим две картинки:

Применяя этот "код",- вот что получим:




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

Html для начинающих ( часть 3-ая, цвет фона, фоновая картинка, вставка изображений)

Html для начинающих ( часть 3-ая, цвет фона, фоновая картинка, вставка изображений)

Продолжаем познавать азы html строительства. Напомню ссылки на предыдущие части:
Первая часть
Вторая часть
Ссылка на рубрику

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

Цвет фона странички

Чтобы указать цвет фона используем наш главный тег body ( о нем говорили во второй части). Ему нужно прописать параметр, отвечающий за цвет. А точнее говоря параметр bgcolor

Этот параметр прописываем так:

bgcolor="цвет"

Т.е. целиком, вместе с тегом body это будет выглядеть так:

<body bgcolor="цвет">

Цвет, как всегда, указываем в его цифровом значении, например "#000000" ( можно и по имени, например "red")

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

Html для начинающих ( часть 4-ая, таблицы, разрешение экрана)

Html для начинающих ( часть 4-ая, таблицы)

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

Основная функция таблиц в html, на мой взгляд, это разграничение пространства. Т.е. разделение странички на сектора, участки.

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

Таблица делится на строки и столбики. Соответственно получаются ячейки.
Таблица вставляется в саму страничку, поэтому прописывать ее надо между тегами <body> и </body> ( о том,- что это такое, говорили раньше)

Тег таблицы прописывается так <table> , этот тег требует закрытия, т.е. окончание таблицы обозначаем закрывающим тегом </table>
Просто так таблица быть не может:-) думаю это понятно. В таблице должны быть минимум одна строка и минимум один столбик:-)

Строка обозначается тегами <tr> и </tr>, т.е. открывающий строку тег и закрывающий.

Столбик же обозначается тегами <td> и </td>
Содержимое таблицы ( тексты,картинки и пр.) уже прописывается в столбиках, т.е. между тегами столбиков.

Теперь по-русски:-)
Таблица,в ней строка, в ней столбик.
Самый просто код таблицы получается такой:
<table>
<tr>
<td>Содержимое таблицы</td>
</tr>
</table>

Внимательно следим за последовательностью закрытия тегов! Помните правило, я надеюсь?;-)


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

Html для начинающих ( часть 5-ая, практикуемся)

Html для начинающих ( часть 5-ая, практикуемся)

Продолжаем познавать азы Html :-) Это 5-ая часть нашего обучения, остальные части смотрите ТуТ.
Пора немного попрактиковаться и создать свою первую более менее приличную страничку. Плюс,- узнать еще парочку тегов:-)

Итак, в результате получим примерно такое.

Сначала посмотрим весь "код", а потом разберем его по частям:

---

<html>
<head>
<title>Фридрих Ницше. Цитаты</title>
</head>
<body link="red" vlink="red" alink="#ffffff" background="http://legion-blog.narod.ru/yroki/01.jpg" ><center>
<table cellpadding="10" background="http://legion-blog.narod.ru/yroki/1.png" width="800" border="1">
<tr>
<td><center>
Читать дальше > > >

Изучаем HTML, о котором все забыли. Теги. Оформление постов. Ответы на вопросы.

СОХРАНИТЬ БЛОГ на КОМП для майла

Давно хотел написать этот пост:) Из области "наболело".
Я правда не знаю как сейчас обстоят дела, но в тот период моего прибывания на лиру (до "отпуска" :) ), большим спросом у вас пользовались различные html шпаргалки. Причем... не идеального "качества"... Что удручает...

Как вы знаете, я тоже пишу некое подобие уроков на тему html. Т.е. в принципе изобретаю велосипед. Ведь статей, учебников и пр. на эту тему уже написано великое множество.
Единственно, чем я могу себя оправдать - моя манера повествования и объяснения, возможно, более понятна кому-либо. Поэтому и пишу:)

Но речь не о том. Пока я напишу ВСЕ... состариться можно:)

Поэтому, вместо коллекционирования всяких второсортных html шпаргалок, тем, кому действительно интересна эта тема, советую посетить сайт Влада Мержевича.

Мало кто не знает этот сайт. Но все же... Записав в закладки его htmlbook.ru, вам уже не нужны будут всякие шпаргалки.
Да там все строго и по факту, без особых разжевываний. Но если есть желание,- разобраться всегда можно:)

Навигация отличная, не запутаетесь:) Дам только две наводящие ссылки:
Справочник по HTML
Справочник по CSS

В выбранном справочнике смотрим слева - список тегов и атрибутов. Тыкаем нужный и узнаем всю необходимую информацию.
Сам я учился не на его сайте, но сейчас пробелы в памяти заполняю именно там:) Чего и всем советую:)

Ну а кто особо не спешит,- ждите моих уроков, будут:)

Чем отличаются BB коды от тегов html?

Не замучил еще тегами и кодами?:)

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

Итак, все вы знаете (надеюсь) html тег жирности текста. Пишется так:
<b>Привет!</b>

Но на нашей лирушечки, сделать текст жирным мы можем и с помощью ВВ кода, т.е. так:
[b]Привет![/b]

Разница, как видите, только в скобках- html тег пишется в таких ><, а ВВ в [ ]
Но! Это только кажется так просто.

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

А вы прописываете альты (alt)?

Или ленитесь? Признавайтесь?:)

Что это?
Alt - это альтернативный текст изображения. Атрибут тега img (тега вставки изображения)


Зачем это?
Ну для начала, любой html валидатор будет ругаться если у вас не прописаны альты ( валидатор - программа проверяющая правильность html) - уже не оч хорошо:)

Гуляя про просторам инета, любой пользователь может отключить показ изображений на сайтах ( отключается в браузере, например, для экономии трафика ) - и чито он увидит вместо ваших картинок?... Ничего хорошего не увидит:)
А вот если алт прописан, пользователь хотя бы увидит некий текст. Какой придумаете. Например :" Тут клевая картинка, зря не посмотрел" :)))
Ну шутки шутками.
А вечная история не отображения в посте картинок? Пустое место не воодушевляет... так бы хоть альты почитали:)

Как прописать alt?

Пишется элементарно:
<img src="сама ссылка на картинку" alt="тут в кавычках тот самый альтернативный текст">

Если вы загружаете картинку на лиру, нам альты пропишут автоматически:



Но в качестве альтернативного текста будет размер и вес картинки... что не очень информативно:(
Поэтому советую переписывать такие альты на свои, более логичные:)

HTML & CSS - серия 1

Пост писался для Яндекса в основном,всего их 5 серий.
Но там много полезного и для Ли.ру,и потому решила выбрать
у автора,что здесь будет полезно и показать вам!Все 5 серий
полезны как для начинающих,так и для опытных пользователей.
Сегодня 1 серия о самых простых тегах.Еще раз спасибо Проксима.

Заголовки Для оформления заголовков используются теги <h1>...<h6> С этим думаю всем понятно,это не сложно.Далее Гарнитура (вид) и цвет шрифта Здесь есть два способа. Второй будет описан позднее. Первый - используется тег <font> с атрибутами face и color, соответственно: шрифт Verdana <font face="Verdana">шрифт Verdana</font> красный шрифт <font color="red">красный шрифт</font> шрифт цвета MidnightBlue <font color="MidnightBlue">шрифт цвета MidnightBlue</font> шрифт цвета MidnightBlue <font color="#191970">шрифт цвета MidnightBlue</font> Цвет имеет название и цифровое значение, как видно в этом примере (MidnightBlue=#191970). О цветах можно написать очень много, но я остановлюсь на одной ссылке: Подбор цвета. Для использования подходят web-safe и web-smart цвета.

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

HTML & CSS - серия 2

HTML & CSS - серия 2 Предыдущая серия - вот: серия 1 В этих уроках, а также на сайтах htmlbook.ru, postroika.ru, zvirec.com, htmlka.com и многих других достаточно много информации, причём она толково изложена. Тем не менее я решила продолжить свои рассказы, чтобы тоже быть более-менее последовательной. Кстати, Вы не заметили, что я пишу уже и о CSS (style - это оттуда)? Но об этом - чуть позже. Форматирование текста: использование тега <span> и атрибута style (2) Напомню, что про тег <span> и аттрибут style шла речь в прошлый раз. Было показано, как c их помощью задать цвет, гарнитуру (вид) шрифта, а также размер шрифта, его вес (насыщенность), стиль (напр. наклонный) и вариант (капитель). В конце в качестве примера мы получили вот такой шрифт:   наш шрифт <span style="color:green; font-family:Verdana; font-size:150%; font-weight:bold; font-style:italic; font-variant:small-caps">наш шрифт</span>   Расстояние между буквами, словами и строчками

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