как "убрать под кат": разбить длинный текст(фотки) на анонс и ссылку "читать далее"?

Вставка длинных текстов

Если вы хотите написать очень длинный текст или «тяжёлую» картинку воспользуйтесь тегом [MORE]:

Нажмите на эту ссылку, чтобы прочитать продолжение описания

Как вставить в дневник видео с YouTube и схожих сайтов ?

Многие мучаются со вставкой в дневник видео с YouTube и других видеохранилищ. Хотя, на самом деле, ничего сложного тут нет.

1) Заходим на www.youtube.com и выбираем любое видео, которое нравится
Например вот http://www.youtube.com/watch?v=KqQSQn1me6c&NR

2) Справа рядом с надписью Embed дают скопировать код для вставки в дневник.

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

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

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

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

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

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

Серия сообщений "Оформляем дневничок":

Ну что ж, попробуем сделать свой виртуальный мирок красивее, симпатичнее, ярче...у каждого свое видение! И, как оказывается, все это несложно воплотить. Когда я увидела эту кучу кодов и черточек, то пришла в ужас. И не знала за что первым-то хватиться. Хочется ведь чтоб было особенно... А тут... Спасали ясные пояснения и готовые примеры в картинках... Постепенно смысл стал проясняться, а меня за уши не оттянуть от блога=)

Часть 1 - Шпаргалка по ведению блога!
Часть 2 - Полезные мелочи
...
Часть 14 - Сложные таблицы.
Часть 15 - Сколько стоит Ваш сайт или блог
Часть 16 - Как сделать пост с прокруткой

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



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

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

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


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

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


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

Генератор плейлиста для flash альбомов
Теперь не надо возиться с плейлистами для альбомов! Читаем пост:)




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

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

Главная особенность плеера - настройка внешнего вида.
Итак, он может быть например таким:



Или таким:



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

 

Заходим в свой профиль  в "Основные настройки"  ----->   в раздел "Управляющие ссылки"  ----->

Перегенерация   ----->   "Список записей, страницы дневника и счетчики количества записей" ----->

нажимаем, ждем подтверждения, возвращаемся к дневнику.

Удачи!

 

 

 

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

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

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


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

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

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

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

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



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

Вообще очень полезная вещь при оформлении. Когда-то, мимолетом мы уже об этом говорили, тут, например.

О чем это я собственно:) На примере:

Наведите на этот текст курсор мышки и подождите пару секунд.

Если навели правильно (смеюсь),- увидите примерно следующее:

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

Вчера мимолетно заикнулся об этом сайтике в комментах. Теперь расскажу немного подробнее:

Итак, сам сайт browsershots.org

Суть сервиса

Создавая сайты, верстальщик всегда сталкивается с проблемой отображения страничек сайта на разных браузерах. Обычно в "загашнике" сайтостроителя всегда есть 3-6 браузеров на компьютере (основных). Вот через них он может посмотреть что да как отображается. Но браузеров гораздо больше, хоть и не таких популярных.

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

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



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

<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>
текст (картинка) будет по центру

текст будет для цитат.
отделен пустой строкой и отступ слева в 8 пробелов
<blockquote>ВАШ ТЕКСТ</blockquote>

текст

бегущая влево строка
<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>
или ещё какой-то ерундой
информацией
текст с полезной
скролящийся вниз

ну и еще, если например хотите дать ссылку на что-либо /к примеру ссылку на поздравление с 8-м марта/, то ставите
<b><a href="ссылка">ВАШ ТЕКСТ к примеру</a></b>
получается:
Мой блог

непосредсвенно на ЛиРу, если у вас большой пост или много фоток в посте, можно его убрать под кат, посередине поста ставите
[more=ТЕКСТ ДЛЯ ПЕРЕХОДА]/без звездочки/, при нажатии на который, посетитель вашего дневника перейдет в ваш дневник непосредственно на пост целиком


Пользуемся и забираем себе в цитатник!