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



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

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

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

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


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

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

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

Таблица калорийности продуктов

Таблица калорийности продуктов

Потребность человека в энергии измеряется в килокалориях ( ккал ). Слово «калория» пришло из латинского языка и означает «тепло». В физике калориями измеряется энергия. Одна килокалория – это такое количество энергии, которое необходимо для нагревания 1 л воды на 1 С.

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

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

Подробная таблица калорийности продуктов

Часики



1.

2.

Часики пронумерованы, процитировав пост,в простом редакторе вы увидите их коды под соответствующими номерами,копируйте понравившийся и вставляйте к себе в дневник!Фон вокруг часиков будет соответствовать фону вашего дневника!
Читать далее...

30 сайтов для создания прикольных, креативных и забавных фото

Книги о фотографии: фото, photoshop, портреты, гламур, цвет, композиция, свет.

PhotoFunia

еще сайты

СУПЕР-ПРОГРАММКИ!



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

ОЧЕНЬ ПОЛЕЗНАЯ ШТУКА - БЕРИ В ЦИТАТНИК!

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

Если кому-то лень изучать инструкции для встраивания видео с YouTube в свои записи - радуйтесь. Теперь у вас есть переводчик YouTube-, RuTube-, Видео@Mail.ru-, LoadUp.ru-ссылок в готовый для вставки в запись на ЛИ.ру flash-код.

Ссылка:

Переключалка ГИФ

Привет всем!!!! Вот нашла такую небольшую, но интересную прогу. Хотите научиться также делать переключение картинок ГИФ? читай дальше: Сохраняйте на компе как ГИФку. Все, удачи!!!!!!!

*Теги работающие на ЛиРу



Теги работающие на ЛиРу

<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=ТЕКСТ ДЛЯ ПЕРЕХОДА]/без звездочки/, при нажатии на который, посетитель вашего дневника перейдет в ваш дневник непосредственно на пост целиком


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

Сделать слайд-шоу



Если Вы хотите сделать слайд-шоу, а не убирать картинки (фотографии) под кат, то просто воспользуйтесь приведёнными в таблице кодами.

Движение снизу вверх	<marquee style="HEIGHT: 100px" direction="up" scrollamount="5">Движение снизу вверх</marquee>
Движение сверху вниз	<marquee style="HEIGHT: 100px" direction="down" scrollamount="5">Движение сверху вниз</marquee>
Движение справа налево	<marquee style="WIDTH: 100px" direction="left" scrollamount="5">Движение справа налево</marquee>
Движение слева направо	<marquee style="WIDTH: 100px" direction="right" scrollamount="5">Движение слева направо </marquee>

Порядок действий:

1. Загрузите нужное количество картинок на сервер

2. Определитесь с направление и добавляйте код.

Картинки должны быть внутри кода вместо слова Движение!!! То есть получается, что первая половина кода стоит перед картинками, а вторая после картинок, а вместо слов ДВИЖЕНИЕ СЛЕВА НАПРАВО - картинки.

100рх – это размер окна, в котором будет показано шоу, поменяв это значение на нужное Вам, Вы получите подходящий размер окна.

scrollamount="5" - поменяв цифру 5 на другую Вы измените скорость движения.

Так же эти коды можно и использовать для текста - Замените слова ДВИЖЕНИЕ - на Ваш текст и он начнёт двигаться так же как и картинки в нужном Вам направлении

Если что-то осталось не понятно - пишите в комментах попробую объяснить подробней.

Примеры:

Движение снизу вверх


Движение сверху вниз


Движение справа налево


Движение слева направо

Cервис для редактирования фотографий и картинок.

Не требует скачивания! Было***************************** Стало almiria

делаем рамку для поста несколькими кликами мышки

Сделать рамку такого вида? Нет ничего проще!

Весь год, не соврав никому ни на грошь, Мы ждем, как небесную манну, Тот день, когда можно удариться в ложь, Невинно придаться обману! Набрав арсенал завиральный идей, С кощунственным трепетом в теле Мы ловим доверчивых честных людей, Забывших о первоапреле. И мы их находим, смиренных ягнят, Простецки развесивших уши. И стрелы обмана со свистом летят В их светлые, чистые души. Но первоапрельский веселый обман - Сердечная наша потеха. И стрелы не кровь высекают из ран, А добрые искорки смеха. О, как же он весел и как же хорош, Пришедший на смену метелям, Тот праздник, во смех превращающий ложь! Сограждане, с первым апреля!

Возьмем 3 рисунка

Первый рисунок будет использован для рамки, второй - фон текста и третий просто рисунок :)

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

Вот ссылки на наши рисунки.

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif" target="_blank">//s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif</a> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//i029.radikal.ru/0904/25/910ce6bcf443.jpg" target="_blank">//i029.radikal.ru/0904/25/910ce6bcf443.jpg</a> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//s46.radikal.ru/i113/0904/b4/17ffaba36df4.jpg" target="_blank">//s46.radikal.ru/i113/0904/b4/17ffaba36df4.jpg</a>

Все что осталось что бы получить код рамки это зайти на http://vln.dp.ua/cart.php и заполнить все поля формы

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

Жмем на "получить код" и получаем код для вставки в дневник

Важно! Не забываем убирать галочку с "Сохранять переводы строк в тексте." в редакторе поста

Музыкальная открытка

Картинки, фоны и музыку я взял их из постов Kapitoshka_70 и Inmira за что им огромное спасибо

Включите звук на компьютере :)))

Женщина, стоя на гребне скалы, Круто нависшей над ширью морскою, Взглядом бежала до полной луны, Тая в минорном аккорде прибоя. Море на берег роняло слезу, Рокотом нежным звало и манило, Волнами камни ласкало внизу, В брызгах соленых любовь ей дарило. В этой окутанной магией мгле Вдруг услыхала призывные звуки, И наяву, но как будто во сне, Счастью навстречу раскинула руки. И закричала – Люблю я тебя! Смерть не ищу, лишь хочу быть с тобою. В крике гортанном – боль, радость, тоска Шаг… И себя отдала она морю

Код открытки

<center> <table border="0" cellspacing="0" cellpadding="5" style="border-collapse: separate; width: 500px; background: url('//s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif'); padding: 5px;"> <tbody valign="top" align="center"> <tr> <td style="background: url('//img1.liveinternet.ru/images/attach/c/0//46/678/46678707_47.jpg');"> [flash=400,27,http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://www.playcast.ru/uploads/2009/05/23/1000250.mp3&autoPlay=true?playerMode=embedded] <img style="position: relative; top: -40px;" src="//img1.liveinternet.ru/images/attach/c/0//46/159/46159698_1.gif" vspace="10" alt="" /> <img src="//img1.liveinternet.ru/images/attach/c/0//46/160/46160251_ch.gif" alt="Разделитель" vspace="10" /> <div style="border: none; width: 100%; text-align: center; font-size: 1.4em; color: #333333; font-family: verdana;"> <pre> Женщина, стоя на гребне скалы, Круто нависшей над ширью морскою, Взглядом бежала до полной луны, Тая в минорном аккорде прибоя. Море на берег роняло слезу, Рокотом нежным звало и манило, Волнами камни ласкало внизу, В брызгах соленых любовь ей дарило. В этой окутанной магией мгле Вдруг услыхала призывные звуки, И наяву, но как будто во сне, Счастью навстречу раскинула руки. И закричала – Люблю я тебя! Смерть не ищу, лишь хочу быть с тобою. В крике гортанном – боль, радость, тоска Шаг… И себя отдала она морю </pre> </div> </td> </tr> </tbody> </table> </center>

При желании замените ссылку на музыкальный файл, картинку. Ну и текст вставьте тот который Вам нужен

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

Создаём флешки.




Скачать можно здесь…

ЛиРу - продолжение



ЛиРу - продолжение

Как и обещал,- вот продолжение поста Для новичков ЛиРу .

Сразу немного отойду от темы, может кому не понятно:-)
Наши дневники находятся на сайте www.liveinternet.ru, от этого и краткое "сленговое" имя - ЛиРу :-) Так же - "днев,дневник,журнал,блог и т.д."

Ну а теперь по теме, попытаемся разобраться дальше в значках, кнопках и функциях:



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



Т.е. в любом случае при нажатии Вы попадаете в свой профиль.

2. Две кнопки - "сменить" и "выйти"

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

Теперь подробнее про кнопки, о которых я писал ТуТ

Вот они:

Смотрим > > >

Лиру - пишем пост, разбираемся в редакторах



Лиру - пишем пост, разбираемся в редакторах

Вот и пришло время разобраться в самом основном - как здесь писать то? :-)

Для начала нам надо попасть в редактор,- т.е. говоря русским языком - страничку где можно калякать буковки с циферками и что-нибудь с ними вытворять:-)))

Итак кнопки на которые надо нажать:


Либо:



Учимся дальше > > >

ЛиРу -настройки



А теперь перейдем к настройкам в Вашем дневнике, как в них попасть:


Либо под аватаркой:



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



Смотрим дальше > > >

ЛиРу - как вставить в пост большое количество картинок (4 способа)



ЛиРу - как вставить в пост большое количество картинок.

Способов бесчисленное множество, разберем несколько из них:

Способ № 1 :

Самый простой, но и самый неудобный, наверно:

Идем в простой редактор сообщения ( если что, инструкция о нем ТуТ )

Внизу справа видим окошко для загрузки картинки :



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

Смотрим дальше > > >