Как я делаю активные ссылки.

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

Итак начнем с ссылки на того или иного пользователя Лиру. 

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

1. Если вы находитесь в расширенном редакторе, и у вас вверху окна картинка вот такая, 

то в этом случае надо просто нажать вот такой значок (синий человечек) на панели инструментов. 

, тогда у вас появится вот такое вот окно,

где в строчку "Имя пользователя на сайте" надо написать ник того человека, на чей дневник вы делаете ссылку. Только писать нужно точно, как написано у него. Потом нажимаем ОК и у нас появляется следующая надпись. 

Если вы привыкли работать в простом редакторе, то в этом случае вариант 2 - напишите эту самую фразу сами, соблюдая все кавычки и не ставя пробелов. 

И еще один момент как сделать ссылку на сайт, чтобы она при этом выглядела так, как вам хочется. Для этого вам необходимо прописать следующее:

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

Тогда после публикации вашего сообщения ссылки будут выглядеть таким образом:

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

 

Как вставить в сообщение только часть видеоролика

 

Чтобы задать время начала и окончания воспроизведения видеоролика с YouTube, добавляем к коду видеоролика

?start=N&end=M 

где N и M - время в секундах. Например:

[iflash=560,315,https://www.youtube.com/embed/ctjzGZFEWS8?start=462&end=523]

 

Серия сообщений "КОМПЬЮТЕРЫ, ИНТЕРНЕТ":
Часть 1 - Невидимый враг: электромагнитное излучение и радиация
Часть 2 - Как ускорить браузер Mozilla Firefox
...
Часть 26 - Как отключить всплывающее окно в браузере
Часть 27 - Как скачать с YouTube видео в HD качестве или mp3
Часть 28 - Как вставить в сообщение только часть видеоролика

Волшебная формула для изменения величины картинки без всяких генераторов.

Для новичков:

1. обычная формула для вставки картинки в пост.
2. если к ней дописать, что подчеркнуто красным , то можно изменить размер картинки, причем любой, даже анимированной.
3. если дописать, что подчеркнуто синим, можно обвести картинку контуром.
4 и 5. - картинка слева или справа
6. если дописать , что подчеркнуто оранжевым, то можно изменить размер и обвести контуром.
Вот как это выглядит:Смотрите далее…

Делаем Окошко для кодов.

Этот урок как делать окошко для кодов.
Очень полезная штука и удобная.Можно быстро скопировать код
и занимает мало места.Очень хорошо подходит для рамочек.
Если у вас получилась красивая рамка и хочется поделиться с другими её кодом.
Выглядеть окошко без кода будет так.
ВАШ КОД

SvetlanaT

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

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

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


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

Урок"Фон под запись с обводкой и картинкой в разрыве.

Как сделать вот такую рамочку для записей поста.(по просьбе)

текст источник mimozochka

Вот скрин,где цветом я отметила,что куда вставлять.

Красный---это адрес фона рамки
бирюзовый 700px--- ширина рамки
Желтый ----цвет текста
Розовый 5 -----размер текста
Черный left---- это место разрыва рамки,у меня слева. (Можно поменять на center или right)
Бежевый----адрес картинки в разрыв
Лиловый----адрес картинки для кат
Салатовый--- адрес ссылки откуда запись взяли
Зеленый----адрес дневника вашего и ник
Если вам надо уменьшить картинку подставьте значения width"100px"или другой размер сразу после кавычек адреса картинки.
А здесь в окошке код этой рамки. Только вам подставить свои значения.
Надеюсь вам понятно.Удачи!
<table border="0" background="адрес фона" cellpadding="2" cellspacing="2" width="700px"><tr><td><center><b><i><font color="цвет текста"><font size="5"><font face="Monotype Corsiva"><fieldset><legend align="left"><img style="filter:alpha(opacity=100,style=3)" src="картинка в разрыв" border="0" /></legend><br /> <center> текст<br /> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=https://www.liveinternet.ru/users/olcha23/post319110802/"><b><img src="адрес картинки" /><br /></b></a><br /> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://адрес ссылки поста" target="_blank"><font size="1">источник</font></a><br /> <center><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=адрес дневника"><font size="+1">ваш ник</font></a></center></center></fieldset></font></font></font></i></b></center> </td></tr></table>

Серия сообщений "мои уроки":

Часть 1 - Урок делаем рамочку в фотошопе.(для новичков)
Часть 2 - Урок рамка фотошоп с картинкой. в Photoshop CS5 .
...
Часть 15 - Урок"Делаем рамку 8 слоев" (по просьбе)
Часть 16 - Перевод урока"Adorable" для Корела
Часть 17 - Урок"Фон под запись с обводкой и картинкой в разрыве.

HTML шпаргалка

В ы не знаете кодов HTML? А дневник красиво и, самое главное, правильно оформить хочется? Тогда вам точно сюда. HTML ШПАРГАЛКА Здесь вы найдете не только голые формулы, но и иллюстрации их поясняющие. Я в свое время часами тут обитала. Советую новичкам.

Серия сообщений "Для ЛиРу":

Часть 1 - Как сделать кликабельную ссылку
Часть 2 - Урок. Как сделать фон для днева из коллажа
...
Часть 42 - Нужные формулы для дневника
Часть 43 - Как переносить посты с Мейла на ЛиРу.
Часть 44 - HTML шпаргалка
Часть 45 - Как легко перенести пост с Мейла на ЛиРу
Часть 46 - В ПОМОЩЬ НОВИЧКАМ НА ЛиРу
Часть 47 - ВОПРОСЫ И ОТВЕТЫ

Делаем плейкаст.

НАШЛА НОВЫЙ СПОСОБ ДЕЛАТЬ ПЛЭЙКАСТЫ. ОЧЕНЬ ПРОСТО И УДОБНО. Я УЖЕ ПОПРОБОВАЛА.ВРЕМЕНИ УХОДИТ СОВСЕМ МАЛО. ЖМИТЕ НА КАРТИНКУ,ТАМ ВСЁ ПОДРОБНО ОБЬЯСНЯЕТСЯ. Все мои плэйкасты можно посмотреть здесь.

Палитра — коды цветов html

МЕНЯЕМ ЦВЕТ ТЕКСТА В РАМОЧКЕ

Инструкция пользования моими рамочками

Дорогие друзья! По просьбе некоторых читателей-новичков, которые ещё не знают, как пользоваться рамочками, даю инструкцию по их пользованию: 1. Цитируете рамочку к себе в цитатник. (Мне будет приятно!) 2. Открываете ПРОСТОЙ редактор у себя в черновике и вставляете в него код рамочки, который копируете целиком из маленького окошка под рамочкой. 3. Пишете (или копируете мышкой и вставляете) свой текст вместо слов >ВАШ ТЕКСТ<, так, чтобы начало вашего текста соприкасалось с первой стрелочкой, а конец со второй. Слова ВАШ ТЕКСТ стираете. 4. Если вы хотите вставить картинку внутри текста, то просто вставляете её код с новой строки, а потом, с новой строки, продолжаете свой текст. То же самое делаете с видео или плеером. (Всё будет находится по центру.) 5. Если же вы хотите вставить картинку до текста, то сначала всё равно вставьте текст, вместо слов >ВАШ ТЕКСТ<, чтобы лучше увидеть формулу, которая идёт перед ним и относится к тексту. Вот формула текста: Вам нужно найти, сразу перед этой формулой, другую, которая заканчивается цифрами: width:730px;height:150px;">(ТУТ)<дальше идёт формула текста: Ваша задача – вставить свою картинку между стрелочкой, после последнего размера рамочки ...150px;"> и словом center, которое относится уже к формуле текста, туда, где сейчас, выше, написано слово (ТУТ). (На цифры не обращайте внимания, потому что они будут разными, в зависимости от размера рамочки. И цвет текста тоже может быть другим.) Я обратила внимание на то, что некоторые из вас вставляют картинку на место, где должен быть текст. Этого делать нельзя, потому что после этого цвет текста поменяется на цвет текста вашего дневника. ЗАПОМИНАЕМ: Слова >Ваш Текст< – только для текста! Картинки могут быть либо до ФОРМУЛЫ текста, либо после текста с новой строки, но не вместо него! Если картинки идут вперемежку с текстом, то каждый раз вставляем коды картинок с новой строки. Формулу текста уже ставить не нужно! Исключение: Если текста вообще нет, а только картинки, то тогда можно их вставить вместо слов >Ваш текст<. 6. Стрелочку после слов ВАШ ТЕКСТ< и всё, что идёт после неё, не трогаете, чтобы случайно не стереть мой ник и конец рамочки. Если вставляете картинки после текста, то ставите их коды каждый раз с новой строки после текста, но ДО этой стрелочки! 7. Если вы хотите поменять цвет текста, то, вместо моего кода цвета в фрмуле текста, вставляете цифры своего кода. 8. Если в вашем тексте есть ссылки, то после них, перед продолжением текста, нужно опять вставить формулу текста, чтобы он не превратился в продолжение ссылки, а был того же цвета, что был раньше, и не стал кликабельным. 9. После того, как вы вставили всё, что вам нужно, спускаетесь ниже на страницу и нажимаете на кнопку "В черновик". Ваш пост окажется в черновике, где вы сможете посмотреть: всё ли так, как вы хотели. Если что-то не так, то нажимаете на слово "редактировать", в правом нижнем углу под рамочкой, и возвращаетесь в редактор для правки и добавлений. Когда всё вам нравится, нажимаете на "Опубликовать в личный дневник" и ваш пост появится в дневнике. Вот и всё! Если будут вопросы, не стесняйтесь, задавайте их тут, в комментариях. Я с удовольствием на них отвечу, а другим тоже будет полезно! Удачи вам и отличных постов! Ваша Женя geniavegas

Серия сообщений "помощь новичкам":

Часть 1 - Инструкция пользования моими рамочками
Часть 2 - Для новичков. "Как сделать картинку нужного размера"
Часть 3 - "Инструкция пользования моими рамочками - 2" и "Как взять код картинки, не выходя из дневника."
Часть 4 - Всем! Всем! Всем!

О картинках на ЛиРу и длинных постах

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

 

Далее

Как загрузить Музыку к себе в дневник на Лиру.

Продолжаем тему оформления своего дневника.
По вашей просьбе объясняю как вставить Музыку в свой дневник.
№1 способ.
Нажали НОВАЯ ЗАПИСЬ и вверху МУЗЫКА.Дальше делаем как у меня на картинке.

ЗДЕСЬ далее...SvetlanaT

Как убрать часть текста под КАТ...(свернуть текст)

Чтобы много текста или картинок экономили трафик страничек вашего дневника. Тоесть пост занимал мало места. Нужно убрать часть текста ПОД КАТ. Как это сделать?Пишите свой текст, а ту часть текста или картинок которую хотите спрятать или убрать вставляете, где написаны слова "ПРЯЧЕМ ВАШ ТЕКСТ".Текст свернётся оставив только надпись ДАЛЕЕ... -эту надпись можно менять на любую другую какую захотите. Итак код: [more=ДАЛЕЕ...] ПРЯЧЕМ ВАШ ТЕКСТ [/more] Копируйте код и пробуйте. Удачи вам в оформлении. SvetlanaT

Новое Оформление дневника для Лирушников.

Это более полный вариант УРОКОВ с новыми добавлениями. Для оформления вашего ДНЕВНИКА. Здесь всё самое необходимое,что может вам понадобиться. Для того,чтобы сделать его красивым и интересным. ♥Оформление дневника новые настройки. ♥Картинки флеш,информеры для оформления дневника. ♥Полезное ДЛЯ НОВИЧКОВ на LiveInternet. ♥Как сделать ПОСТ С КАРТИНКОЙ ♥Как ВСТАВИТЬ КАРТИНКУ в пост. ♥МЕНЯЕМ ДАТУ ПОСТОВ на Лиру. ♥Как вставить ВИДЕО в дневник. ♥Как ЦИТИРОВАТЬ ЧУЖОЙ пост. ♥Как загрузить МУЗЫКУ к себе на Лиру. ♥УЧИМСЯ сами ДЕЛАТЬ свои РАМОЧКИ. ♥Делаем КРАСИВЫЙ ТЕКСТ для оформления дневника. ♥Полезные HTML ТЕГИ для новичков. ♥Как УБРАТЬ ТЕКСТ ПОД КАТ.(свернуть) ЗДЕСЬ далее... SvetlanaT

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

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

ИТАК...

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

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

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

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

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

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

Как пользоваться Яндекс фотками. Основа для фотоальбома.

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

Для того, чтобы начать пользоваться Яндекс-фотками, необходимо создать аккаунт на Яндексе (у большинства он уже есть. Т.к. многие из вас регистрировались на Народе, что одно и то же). Как регистрироваться можете почитать ТуТ (для тех, у кого все же нет оного аккаунта :-) ).

Авторизуемся (заходим на Яндекс под своим логином и паролем)

Идем в Яндекс-фотки. Сверху - "Фотки":


Дальше > > >

Как сделать картинку ссылкой (на Лиру)

Картинки в посте, комменте или, например, эпиграфе можно сделать ссылками («кликабельными»). То есть, при клике на изображение открывается указанная веб-страница. Это полезно при создании баннеров и в некоторых других случаях.

Для создания ссылки не на всем изображении, а на его части - читайте пост про области-ссылки.

 

Как это сделать

Инструкция по использованию фотохостинга

Не секрет, что блоггеры часто используют бесплатные хостинги фотографий для оформления постов. Не открою большую тайну, что самый популярный - RADIKAL.

Кстати, 12 февраля многие имели возможность наблюдать такую картину: на месте изображений в дневниках и на сайтах видны были лишь пустые рамки. Сервис проводил техработы.

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

НЕБОЛЬШАЯ ИНСТРУКЦИЯ ПО ФОТОХОСТИНГУ РАДИКАЛ

Доступно только для пользователей (как получить ссылку на скачивание файлов без регистрации)

Часто можно встретить надпись на разных сайтах "Доступно только для пользователей". Значит. чтобы увидеть ссылку на скачивание файла, необходимо зарегистрироваться. Но иногда (не всегда!) можно легко обойти это и получит ссылки безо всякой регистрации.

Получаем ссылку без регистрации

Формула для размещения картинок с кодами (в Excel)

В предыдущем посте было рассказано, как автоматизировать процесс размещения картинок с HTML-кодами. Обещал сделать формулу в Excel – вот, пожалуйста! :)

Формула для размещения картинок с кодами (в Excel)

Теги HTML (справочник)

В конце поста прикреплен архив с электронным справочником по тегам HTML (130 Кб). А пока вступление от автора, А.Климова.

Тег HTML состоит из следующих друг за другом в определенном порядке элементов:

• левой угловой скобки < (такого же, как "меньше чем" символа)
• необязательного слэша /, который означает, что тег является конечным тегом, закрывающим некоторую структуру. Таким образом в этом контексте Вы можете читать символ /, как конец...
• имени тега, например TITLE или PRE
• необязательных, если даже тег может иметь их, атрибутов. Тег может быть без атрибутов или сопровождаться одним или несколькими атрибутами, например: ALIGN=CENTER
• правой угловой скобки > (такой же, как символа "больше чем").

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

WINSoft WebEditor 2007, HTML Редактор

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

Как сделать текстовую ссылку?

Как сделать так, чтобы какое-то слово или словосочетание было одновременно и ссылкой на нужный вам сайт?
Это очень просто!
Скопируйте себе вот этот код, при этом удалите все пробелы между его составляющими (скобками, кавычками и прочими знаками), кроме пробела между тегом a href.

< a href = 'адрес сайта' > текст ссылки < / a >

Вот как это должно выглядеть:

Теперь туда, где слова "адрес сайта", добавьте собственно адрес вашего сайта, а там, где "текст ссылки" - собственно текст, который может любым по длине.

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

Создание HTML кода ссылки

Создание HTML кода ссылки Бесплатный сервис по созданию html-кода ссылок. Вводите адрес сайта и текст ссылки и при желании – и дополнительные параметры, нажимаете кнопку – код вашей ссылки готов! Этот сервис очень пригодится для тех,кто сам не умеет делать кликабельные ссылки

Как сделать ссылку смотрим тут > > >

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 для начинающих ( часть 4-ая, таблицы, разрешение экрана)

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

bgcolor="цвет"

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

<body bgcolor="цвет">

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

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

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

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

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

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

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

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

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


И наконец:

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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


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