HTML Тэги. Форматирование списков. Спец cимволы.

хтмл теги

Мы продолжаем писать пособие по ЖЖ тегам. Первую часть можно найти здесь, а вторую тут. Форматировать списки в Живом Журнале легко. Например:

<li>Один из пунктов несортированого списка
<li>Другой такой пункт

Добавляем тэг ol по краям и список становится сортированым автоматически:
<ol>
<li>Один из пунктов несортированого списка
<li>Другой такой пункт
</ol>

HTML специальные символы в Живом Журнале выглядят следующим образом:

Код Символ Для набора на клавиатуре нажмите*
&laquo; « ALT+0171
&raquo; » ALT+0187
&mdash; ALT+0151
&copy; © ALT+0169
&reg; ® ALT+0174
&trade; ALT+0153
&#0047; /  
&lt; <  
&gt; >  
&nbsp; неразрывный пробел**
 

* - Зажмите кнопку ALT; наберите код; отпустите ALT. Работает в винде.
** - Вставьте вподряд несколько таких пробелов чтобы они не сливались в один:
&nbsp; &nbsp; &nbsp; — теперь слева отступ в семь пробелов!

» Нет комментариев

HTML Тэги. Форматирование параграфов.

Продолжение пособия по тегам в Живом Журнале, первая часть находится здесь.

Оформить отступы абзацев, легко:
<blockquote>Процитированый в отдельном блоке текст, у которого будет небольшой отступ слева. </blockquote>

<p style=”text-indent: 40px”>Привет! В этом абзаце первое предложение будет с отступом. Прямо как в книгопечати. Правда, в интернете это редкая практика. Абзацы должны разделяться просто пустым промежутком.</p>

<div style=”width:300px;”>Этот абзац будет написан с фиксированой шириной в 300 пикселей. Узенько так типа. А если добавить style=”width:300px; float:right;” тогда он ещё и будет висеть справа. Смотрите пример чуть ниже.</div>

<pre>Преформатированый текст сохраняет отступы слева и между словами и устанавливает те, которые вы укажите пробелами. NB! тэг не делает переноса строки автоматом! </pre>

<center>отцентрированый текст</center>

<div align=right>текст с правого краю в две строчки с выравниванием справа</div>

<nobr> - тег, позволяющий ширине окна браузера не влиять на переносы текста
<nobr>этот текст будет всегда в одну строку</nobr>
<br> - перенос строки.

<div style=”float:right;”>текст с правого краю в две строчки, с выравниванием слева</div><br clear=all>

<marquee>бегущая влево строка</marquee>
<marquee direction=”right“>бегущая вправо строка</marquee>
<marquee behavior=”alternate“>бегущая от края к краю строка</marquee>

<hr> - линия на всю ширину экрана, вот такая:

Продолжение следует…..

» Нет комментариев

HTML Тэги. Форматирование шрифта.

Небольшое пособие специально для тех, кто забывает или не знает как пользоваться тэгами форматирования текста в своих постах в Живом Журнале. Все теги очень простые, а ведь многие не имеют понятия даже, что они существуют. Вобщем, надеюсь, вам они пригодятся.

<b>Полужирный текст</b>
<i>Выделение текста курсивом</i>
<u>Подчёркнутый текст</u>
<s>Зачёркнутый текст</s>
<small>Маленький шрифт</small>
<big>Большой шрифт</big>
Сноска<sup>сверху</sup> или <sub>снизу</sub> от текста
<acronym title=”Всплывающая подсказка”>Текст со всплывающей подсказкой</acronym>
<font style=”font-size:16pt;”>Шрифт размером 16 пикселей</font>

Предопределённые размеры шрифта (могут быть от 1-го до 7-го):
<font size=”3″>Шрифт 3-го размера</font>
<font size=”+1″>Шрифт на 1 размер больше обычного</font>
<h2>Заголовок 2-го размера</h2>

<font style=”font-family:Comic Sans Ms;”>Шрифт Comic Sans Ms</font>
<font style=”font-family:Monotype Corsiva;”>Шрифт Monotype Corsiva</font>

<font style=”font-family:Tahoma; font-size:15pt;”>Tahoma, 15 пикселей</font>
<font color=”#0000ff”>Синий текст</font>

Цифра 0000ff означает синий цвет в RGB палитре.
Также можно пользоваться стандартными словесными обозначениями цветов вот так:
<font color=”red”>Красный текст</font>

У фона тоже можно менять цвет, вот так:
<div style=”background-color:#eeeeff;”>голубой фон</div>
<div style=”background-color:lightgray; color:#0000ff;”>синий текст, серый фон</div>

Обратите внимание на синтаксис. Аттрибут style использует синтаксис CSS.

» Нет комментариев

Нефть и газ заполнят ЖЖ

Союз производителей нефтегазового оборудования сообщил об открытии в “Живом Журнале” профессионального сообщества работников отечественной нефтегазовой отрасли. Создатели уверены, что этот популярный блогхостинг - наилучшая площадка для организации общения газовиков и нефтяников страны.

В настоящий момент в читателях сообщества значится всего один журнал, собственно созданный для того, чтобы добавлять новости от имени организаторов проекта. Зато лента записей активно обновляется, так что вскоре туда, возможно, подтянут и народ.

По крайней мере, в этом уверены создатели сообщества - на сайте Союза отмечается, что ЖЖ в качестве площадки для профессионального общения был выбран именно потому, что множество молодых профессионалов из нефтегазовой отрасли пользуются сервисом для ведения личных блогов.

Вице-президент Союза Елена Логинова считает, что в век глобализации создание удобного механизма для общения профессионалов из разных регионов России является приоритетной задачей отрасли. “Работники нефтегазовой отрасли должны иметь возможность быстро находить ответы на волнующие их вопросы, получать интересную информацию и искать партнеров по бизнесу”, - объяснила она цель создания коммьюнити.

Интересно, что компания “СУП”, регулярно пытающаяся привлечь в ЖЖ серьезных дядей, к созданию сообщества нефтяников отношения не имеет. С другой стороны, в компании не сомневаются в перспективности начинания: “История развития Живого журнала включает значительное количество примеров, когда блоги объединяли профессионалов - стоит перечислить хотя бы сообщества paparazzi, telecom_press, ru_traders, I_future. LiveJournal - живая, интеллектуальная среда, в которой есть место и пользователям, и бизнесменам, и корпорациям”, - заявил по этому поводу “Вебпланете” директор по стратегическому развитию “СУПа” Эдуард Шендерович.

» Нет комментариев

Площадка «Живого Журнала» для оценки

Популярных блог-сервис livejournal.com от компании СУП, решил привлекать пользователей для оценки придожения связанных с самим «Живым Журналом». Площадка называется «ЖЖ-Лаборатория» и крайне напоминает Google Labs, а также запустившийся в начале 2007 года «Яндекс.Нано». Всего сейчас на площадке представлено четыре приложения. Причём разработчики ЖЖ создали только одно из них.

Первый проект, который опубликовали в «ЖЖ-Лаборатории» был переименованный сервис «ЖЖ-Телевизор», называющийся теперь «ЖЖ-Аква». Сервис позволяет визуализировать заголовки потока событий, которые появляются в сервере, а на экране пользователя проносятся одна за другой с разной скоростью. Выглядит как рыбки в аквариуме, хотя бесполезно абсолютно.

От пользователей «Живого Журнала» на странице «ЖЖ-Лаборатории» представлено три проекта: «3D-карта друзей», «Следи за настроением» и «Большой брат ЖЖ». Стоит отметить, что первый из этих сервисов по своей бесполезности практически догоняет «ЖЖ-Аква», и служит для построения двухмерных карт из юзерпиков друзей, которые, правда, можно вращать в трехмерном пространстве.

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

На странице «Уголок разработчика», которая тоже расположилась на этой площадке, обещают добавить в платформу дополнительные API и поддержку OpenSocial, а пока предлагают воспользоваться информацией предоставляемой через Atom и RSS-потоки.

» Нет комментариев