?

Log in

No account? Create an account
[sticky post]HTML, ЖЖ Тэги | Как форматировать текст, вставить картинку или ссылку
домик
lu4she_menshe
Оригинал взят у alex_inside в HTML, ЖЖ Тэги | Как форматировать текст, вставить картинку или ссылку




* * * Реклама: сервис DropBox, для хранения и раздачи файлов, увеличивает бонус-квоту далее... * * *













HTMLДля тех, кто забывает или не знает как пользоваться тэгами форматирования текста в своих постах, я написал эту напоминалку.
Всё это — простейшие тэги, но, думаю, вы найдёте для себя что-то новое :D Пост частенько обновляется для вашего удобства.посетители


Тут можно узнать как сделать тест другого размера, цвета или стиля. Как всавить картинки, или линки на другой сайт. Или как использовать другие тэги.Collapse )
Карманная Памятка и Навигация HTML и ЖЖ Тэги — Как оформлять текст и посты? Полезные линки — список разных сайтов посвящённх ЖЖ функциональности. Мой ЖЖ-Дизайн — советы и исходные коды для Дизайна вашего ЖЖ стиля S1 Generator и не только!. Сайты предоставляющие хостинг картинок — Куда выложить фотки? <br><br>&copy; <a href=http://alex-inside.livejournal.com/216475.html>via</a> <lj user=alex_inside><br>
<font color="#0000ff">Синий текст

Цифра 0000ff означает синий цвет в RGB палитре.
Также можно пользоваться стандартными словесными обозначениями цветов вот так:

red">Красный текст

У фона тоже можно менять цвет, вот так:

#eeeeff;">голубой фон

lightgray; color:#0000ff;">синий текст, серый фон

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


Вот некоторые предопределённые цвета:
Black White Red Green Blue Purple Firebrick Maroon OrangeRed MidnightBlue CornflowerBlue Cyan Yellow Magenta DarkGreen DarkGoldenrod Gold Orchid BlueViolet Burlywood PeachPuff
В шестнадцатиричном коде указывающем интенсивность красного, зелёного и синего (RRGGBB):
#000000 #FFFFFF #FF0000 #00FF00 #0000FF #FF00FF #FF4444 #FF9999 #FFCCCC #9999FF #FF99FF #DDDDDD #FFE4C4 #CCCC99 #FF8DC #FA8072 #990000 #FF3030 #000080 #000066 #0000CD #AFEEEE #006400 #66FF00 #00B800 #DAA520 #FFCC33 #FFA500 #C71585 #8B008B #CC33FF
Выбрать подходящие цвета:
<br><br>&copy; <a href=http://alex-inside.livejournal.com/216475.html>via</a> <lj user=alex_inside><br><br>

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

Оформить отступы абзацев, легко:
<blockquote> Процитированый в отдельном блоке текст у которого будет небольшой отступ слева. </blockquote>
<p style="text-indent: 40px">
<div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:400px;"> Я врезаный, обтекающий другим текстом, текст с правого краю с выравниванием слева, с серой рамкой и отступом от рамки снаружи в 8 пикселей </div>
1. Этот блок вставлен в текст слева перед (!) словом «Привет!» 2. Если блок внутри lj-raw, то переносы строк нужно указывать тэгом <br>
Привет! В этом абзаце первое предложение будет с красной строки, т.е. с отступом. Прямо как в книгопечати. Правда, в интернете это редкая практика. Абзацы должны разделяться просто пустым промежутком.
</p>
<div style="width:300px;">Опачки! Этот абзац будет написан с фиксированой шириной в 300 пикселей. Узенько так типа. А если добавить style="width:300px; float:right;" тогда он ещё и будет висеть справа. Смотрите пример чуть ниже.</div>
<pre>Преформатированый текст
    сохраняет отступы слева и   между  словами
             и устанавливает те что вы укажите пробелами.
             NB! тэг не делает переноса строки автоматом!
</pre>
<center>отцентрированый текст</center>
<div align=right> текст с правого краю в две строчки с выравниванием справа </div>
<div style="float:right;"> текст с правого краю в две строчки с выравниванием слева </div><br clear=all>

<marquee>бегущая влево строка</marquee><marquee direction="right">бегущая вправо строка</marquee><marquee behavior="alternate">бегущая от края к краю строка</marquee><marquee direction="up" scrollamount="1" scrolldelay="0" height="32"> скролящийся вверх текст с полезной информацией или ещё какой-то ерундой</marquee><marquee direction="down" scrollamount="1" scrolldelay="0" height="32"> или ещё какой-то ерундой информацией текст с полезной скролящийся вниз</marquee>» Как вместо ката сделать вертикальную перемотку большого текста?<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
Лорем ипсум долор сит амет, консектетур адиписицинг элит, сед до эиусмод темпор инцидидунт ут лаборе эт долоре магна аликуа. Ут эним ад миним вениам, кьюс ноструд эксерцитатьён ульламко лаборис ниси ут аликуип экс эа коммодо консекуат. Дьюс ауте ируре долор ин репрехендерит ин волуптате велит эссе киллум долоре эу фугиат нулла париатур. эксцептеур синт оккаекат купидатат alex_inside нон пройдент, сунт ин кульпа куй оффициа десерунт моллит аним ид эст лаборум.
</div >Если надо HTML-код вставить, показать кому-то, то то же самое можно сделать<textarea cols="80" rows="5">
  • Как сделать записи в 2 столбика? Ответ можно найти в комментариях тут.
  • Как делать оглавление в виде ссылок на текст страницы? (↓ Проскроллить на ответ ниже)

    Специальные тэги HTML теги

    Чтобы ширина окна браузера не влияла на переносы текста: этот текст будет всегда в одну строку мигающий текст — не используйте этот тэг :) Чтобы между двумя словами не было переноса, можно поставить между ними неразрывный пробел. — перенос строки.
    — линия на всю ширину экрана, вот такая:

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

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

HTML Спец. Символы.

Код Символ Для набора на клавиатуре нажмите*
« « ALT+0171
» » ALT+0187
ALT+0151
© © ALT+0169
® ® ALT+0174
ALT+0153
/ /
< <
> >
ALT+0160 — неразрывный пробел**
HTML entities:
* - Зажмите кнопку ALT; наберите код; отпустите ALT. Работает в винде.** - Вставьте вподряд несколько таких пробелов чтобы они не сливались в один:       — теперь слева отступ в семь пробелов!Кстати, чтобы HTML код был как обычный текст, перед тем как писать, откройте Windows Notepad,вставьте ваш HTML-код, выберите автозамену (Ctrl+H) и замените все < на < (и по желанию все > на >)Получится полужирный или полужирный вместо полужирныйА чтобы ссылка на какую-то страницу не была активной, например http://alex-inside.ru , нужно писать http://alex-inside.ru

HTML Тэги LiveJournal.com ЖЖ теги ЖЖ тэги.

Read more...Collapse )
howto_href="http://alex-inside.livejournal.com/216475.html?HTML_and_LJ_tags#advcut" style='display:none'>Read more...Collapse ) этот текст будет только снаружи Read more...Collapse ) этот текст будет только внутри
тэги. Чтобы добавить традиционный кат, нужно добавить тэг <lj-cut> после слова «снаружи».Кстати, если вы просто не хотите чтобы внутри поста была видна мини-превью вашей фотографии, есть скрипт «Zoom Cut: Улучшенное превью для фоток под ЖЖ-катом» (тут описание).

HTML Тэги. Ссылки. Линки.

<input ... >
Демо-Оглавление (Нажмите на название, чтобы проскроллить вниз к главе:) ↓ href="#vstuplenie">Вступление — (тут мы ставим ссылку # на якорь «vstuplenie») ↓ Интересная главаЗаключение и ссылки
name="vstuplenie"> Наше клёвое вступление. — (тут якорь «vstuplenie» перед нужным текстом) Текст интересной главы.Перейти в оглавление  — (тут ссылка является одновременно и якорем)

HTML Тэги. Картинки.

no-repeat top left;"> Пишем текст поверх картинки. Старайтесь это никогда не использовать, потому что данный способ часто затрудняет читаемость текста, в зависимости от картинки.
>

FAQ: Коротенький список часто задаваемых вопросов

    1. Один из пунктов несортированого списка
    2. Другой такой пункт
  1. Общество ЖЖ-Юзер alex_inside alex_inside ЖЖ-Юзер Алекс Инсайд alex_insidetitle="Алекс Инсайд"> (для других сайтов) В ЖЖ возможна короткая запись: ФДуЧ штЫшву» ЖЖ кат! Этот текст увидят в френдленте. А этот текст будет под катом Этот текст увидят в френдленте. text="Загляни под кат, чувак!">Этот текст будет под катомЭтот текст не будет автоматически форматироваться А это уже новая строка. Вот так нужно вставлять видео, flash, разные онлайн плееры и так далее: тут код на object и/или embed » Новое: Двойной ЖЖ кат! С помощью такого ката можно показывать одно снаружи и другое внутри: Обратите внимание: переносы строки не будут работать, нужно использовать тэг или убрать все Линк на сайт куда можно залить фотки! Открыть ссылку в новом окне: target="_blank">Линк на сайт куда можно залить фотки! Всплывающая подсказка при наведении курсора на ссылку: title="Сайт куда можно залить фотки!">Залить фотки Картинка-ссылка (баннер): Кнопка-ссылка (форма): action="http://alex-inside.ru/" target="_blank">value="Зайти на alex-inside.ru"> (Аттрибут target="_blank" — открывает ссылку в новом окне. Если это не нужно, удалите этот атрибут.) Новое! » ← ссылка на этот параграф. Как сделать ссылку на текст на странице, типа оглавления? Если нужно дать ссылку на другой сайт, то # идёт в конце строки линка URL. Например, ссылка на якорь bio, в моём юзеринфо: http://alex-inside.livejournal.com/profile#bio Кстати, вы находитесь на странице напичканой этими якорями (») width="200px"> — ограничение по ширине height="500px"> — ограничение по высоте » Изображение со всплывающим текстом при наведении на него курсора:title="Этот текст появится при навелении курсора на картинку!" alt="А этот при её отсутсвии"> » Изображаение придвинутое влево, текст обтекает картинку справа и имеет горизонтальный отступ от неё в 6 пикселей: align=left style="margin:0 1em 1em 0">текст » Картинка с прокруткой (скроллящаяся): (Отображаемую ширину указываем внешнему div-контейнеру в атрибуте width в пикселях. Для вертикальной прокрутки, указываем высоту height. Ширина и высота должна быть меньше чем у картинки.)

Меняю кое-что на что-нибудь, возможны варианты:)
домик
lu4she_menshe
Решила выложить верхний пост с предпочтениями, специально для меняющихся:)

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

Итак, в настоящее время я люблю меняться на:
- фрукты (бананы, апельсины, мандарины), детские соки (фруто-няня и т.п.)
- взрослую еду (крупу, макароны, молотый кофе)
- салфетки, туалетную бумагу, туалетное мыло
- бумагу А4
- детские вещи или игрушки в хорошем состоянии
- деньги:) - по договоренности

Быстрый Рост 2014 (запись открыта)
домик
lu4she_menshe
Оригинал взят у dragrom в Быстрый Рост 2014 (запись открыта)
Да кого я обманываю!?...

Себя, конечно же:

Я посмотрел отзывы и отчёты (http://dragrom.livejournal.com/132317.html ) участников той движухи в 2010 году и понял: что-то сильно не так.

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

Проверьте, возможно, у вас есть похожие симптомы:

- Покупаешь ежедневник в декабре, планируешь начать вести, и не начинаешь, а вспоминаешь про это в июне/ноябре/никогда?
- Хочешь заняться спортом, но всё никак. То морозы сильные, то лёд, то грязь, то болеешь, потом аллергия, летняя жара и т.д. Бывало? Часто? Только честно.
- А про еду: всё думаешь, как бы, когда бы начать питаться правильно, вроде уже и рецепты есть и планы и т.д., но всё никак. Получается разово, но не регулярно. Правда в том, что оно само не получится.
- Ты и так знаешь, что тебе надо сделать, но почти ничего не делаешь. Всё застревает на этапах планирования и подготовки. Идеи. Мечты. Более «продвинутые» ребята пытаются начать ставить цели, планировать правильно, использовать техники, SMART, декларацию, деньгосжигание и прочую фигню.
- А иногда, знаете, просто ничего не хочется. Совсем. И мне даже на страшно от таких мыслей, я привык. Вокруг меня ВСЕ такие. Вообще.
- Ладно, иногда я пытаюсь что-то начать. Иногда что-то даже получается. Но в целом, любое серьёзное дело или не начинается вовсе или останавливается при первых же трудностях. Это кошмар.

Узнаёте себя?
И это я ещё не рассказал про то, как тяжело вставать по утрам (бег по утрам? Вы о чём вообще?), как не получается планировать время и заниматься действительно тем, что меня развивает.

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

Знаете, о чём вам не расскажут на всех этих «тренингах»?
Например, о то, что, если вы не будете развиваться дальше – вы начнёте деградировать.

Намекнут, но не скажут. Можно просто задать себе пару острых вопросов, прямо сейчас. Ответьте на них искренне, не обманывая себя:
1.       У меня есть какие-то конкретные мысли (цели?) по поводу того, как мне жить дальше, куда и что делать? (хочу в Турцию слетать на море – это совсем не та «сильная» мысль)
2.       Ок, а я что-то сделал за сегодня, чтобы хоть на шаг придвинуться к своим мечтам? (а есть ли мечты вообще или всё как-то… без них?)
3.       И сколько таких дней было за неделю? Когда я осознано стремился к тому, что запланировал. Когда я развивался и рос внутренне. А вообще, моя работа мне очень нравится? Чувствую ли я то, что по ней регулярно всё ок, всё успеваю и работаю на нужной скорости/с нужным количеством клиентов/проектов/с той оплатой?
4.       А как дела со здоровьем? Сколько раз я могу подтянуться/отжаться (подставьте нужное упражнение) И, важно: Это мне даётся легче, чем раньше?
5.       Есть ли у меня силы на новое? Часто ли бывают ощущения безысходности, тленности всего происходящего?
6.       Живу ли я в моменте или уже подзабыл, что это?
7.       Занимаюсь ли я творчеством, искусством достаточно полноценно? (Скорее всего, суперспособность долго спать и смотреть по ночам сериалы это не творчество и не искусство)
8.       Много ли у меня действительно полезных привычек? Они регулярны? Честно? А вредных? А насколько они регулярных? И чего больше – полезных или вредных?
9.       Я правда развиваюсь и сам определяю, куда расти? Или это со мной «случается», как-то само, а я оправдываю это отсутствием выбора и прочими факторами… Или, может, я застыл на месте и вовсе не расту? (Или, если честно, пару лет назад, всё было совсем иначе – я развивался, не стоял на месте, открывал новое и не ждал, что кто-то придёт и «спасёт» меня из моей серой жизни?) Только честно.

Это мы ещё не трогаем «глубокие» вопросы, в духе, «что если бы мне осталось жить месяц, что бы я сделал, чувствовал и т.д.», там целый огромный пласт вопросов, об этом тоже, однажды, поговорим.

На многое ответил «Да»? Возможно ты – да. Я - нет. Почти на все вопросы я неожиданно для себя ответил «нет».  И, не знаю, как ты, а я так больше не хочу.

Самая жесть в том, что вся эта лень и откладывание дел, так и будут продолжаться до тех пор, пока однажды вы не очнётесь. Это наступит само, когда вы будете в самом ужасном состоянии. Оно вам надо? Через пару лет вы неожиданно увидите, как МНОГО времени вы упустили. Как много самых разных возможностей прошли мимо вас, во всех сферах жизни. Как много людей вы упустили и как много себя вы потеряли. И тогда, скорее всего, вы провалитесь в настолько глубокую депрессию, что вам станет пофиг на всё. Вы не дадите себе второго шанса ещё очень-очень долго. Всё ещё хотите так жить? Я нет. Потому что я так "жил" в 2012 и 2013. И с трудом выполз оттуда. Мне хватит. Пора просыпаться.

Самый главный вопрос, на который стоит сейчас ответить, это:
Как Не Прое*ать 2014 Год. Опять.
Ответ тут:Collapse )


Новогоднее настроение
домик
lu4she_menshe
новогоднее

Марафон, 6-7 дни
домик
lu4she_menshe

Я опять за два дня:) Вчера было 38,2, так что вчерашнюю норму бумажек выкидывала сегодня с утра. Сегодня добивала компьютерный стол. Вот:

P1014634 P1014665_


Расхламление наглядно - 3
домик
lu4she_menshe
P1014639 P1014640P1014637

P1014654 P1014655P1014662


P1014663

Расхламление наглядно - 1
домик
lu4she_menshe
P1014630

P1014632

День, когда я перестала торопить своего ребенка…
домик
lu4she_menshe
Оригинал взят у anna_psy в День, когда я перестала торопить своего ребенка…

С согласия автора, я перевела для вас еще одну прекрасную статью.

The Day I Stopped Saying “Hurry Up!”

День, когда я перестала говорить “Поторопись!” (скорее, быстрей, поторапливайся, бегом, поспеши – выберите то, что обычно говорите вы:))

Читать статью...Collapse )

День 24 - 24 вещи. Марафон "465 вещей. Дом, который вас достоин"
домик
lu4she_menshe
1. После марафона советую вам не останавливаться и продолжить расхламление каждый день. Количество вещей уже не будет иметь значение, но это должна быть как минимум 1 (одна) вещь.
2. Приучайте себя воспринимать красивые баночки, коробочки, упаковки, как бытовой мусор и хвалите себя за то, что расстаетесь с ними сразу. Помните, на их место придет еще куча подобных вещей.
3. Перестаньте нести ответственность за чужие вещи (хранить их без четко оговоренного срока). Помните, кто-то в этот момент воспользовался вашим домом, как складом для хранения или еще хуже, как свалкой бытовых отходов.
4. Ограничьте приток в ваш дом одноразовых и бестолковых вещей. Не заводите много вещей для одноразовых операций - если например, только ваша кухня не является филиалом королевской кухни или вам не приходится с помощью "паутинособирателя" обрабатывать более 1000 кв. м потолка в вашем доме
5. Возьмите себе за правило избавляться от вещей, которыми вы не пользуетесь более 2 лет.
6. Достаточно потратить всего 10 секунд у почтового ящика и избавиться от рекламной макулатуры не занося ее в дом.
7. Не давайте старым, ненужным, испорченным вещам отнимать ваши жизненные силы.
8. Новая вещь приходит только взамен старой. А еще лучше - купил 1 вещь - выброси - две. Кстати это касается и игрушек.

Ура, покатаемся!
домик
lu4she_menshe

Копирую из Гигантский слалом "Сколько дней до Нового Года?"

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

Встречаемся на старте 1 декабря! Форма одежды - парадно-спортивная.