(и еще 901318 записям на сайте сопоставлена такая метка)
Другие метки пользователя ↓
анимация блины всячина выпечка несладкая выпечка сладкая генераторы грибы десерты живопись животные заготовки закуски здоровье кино клипарт красиво макро мясо напитки нужное обои овощи открытки оформление блюд печенье пирожные полезно полезное полезности природа программы птица разное рамочки рулеты рыба рыба солёная салаты соусы супы схемы мои сыр тайская кухня творог тесто торты уроки фото фотографии цветы
Сокращения ссылок |
Деда-еу Сокращения ссылок Все гениальное — просто, именно так можно охарактеризовать сайт 140.uz. Это очень удобный, не имеющий абсолютно ничего лишнего, ресурс для сокращения ссылок. Ссылки — это основной инструмент работы в се...
Метки: полезности |
Как делать схемы для дизайна своего дневника. |
Как делать схемы для дизайна своего дневника.
1.Заходим в настройки(внизу серый квадратик).
2.Дальше находим надпись Настройки Дизайна.Жмём.
3.а)Если вы хотите чтобы ваш дизайн состаял не из картинок а просто из цветовой гаммы тогда вам нужна таблица с ЦВЕТОМ ФОНА.Подбираете цвета какие хотите,смотрите внизу предпросмотр.Если вас всё устраивает ставите галочку напротив-Сохранить набор цветов как схему.И жмёте ВНЕСТИ ИЗМЕНЕНИЯ.
б) А если хотите загрузить красивый фон,то делайте как на рисунке.
Фон страницы выбираете под цвет вашего дизайна.Его не будет видно он останется под картинкой и появляется только в начале загрузки дневника.
ЗДЕСЬ далее...
Метки: схемы полезности |
Учебник Лиру |
Учебник Лиру
Вначале - кратко о спецкодах и HTML-кодах. Спецкоды – слова, заключенные в квадратные или угловые скобки, которые помогают менять вид текста и делают много полезных вещей. Спецкоды в угловых скобках <> называются HTML- кодами. Их можно вводить "от руки" только в простом редакторе, в расширенном редакторе вместо них нужно пользоваться кнопками над текстом (как в Word). Если всё же хотите использовать и в расширенном - нажимайте кнопку Источник в левом верхнем углу.
Коды заключенные в квадратные скобки - не являются универсальными, они называются BB-кодами, так как происходят из форумов. Их можно использовать и в простом и в расширенном редакторе. Если в BB-коде используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не "подчеркнул" ее, а у простого редактора убрать внизу галочку "Автоматическое распознавание ссылок", иначе код может не сработать правильно. Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать панель спец-кодов.
Теги, применяемые на ЛиРу
Тег - это элемент языка разметки гипертекста (например в HTML), применяется в основном для задания того, как будет отображаться текст.
* Дополнительные спецсимволы HTML (редко используемые буквы и знаки)
1. Как выделить текст?
Полужирный текст
Выделение текста курсивом
Подчёркнутый текст
Зачёркнутый текст
Текст, имитирующий стиль печатной машинки
Выделение цитат курсивом
Создание нового параграфа
Горизонтальная разделительная линия (половинка) _________________________
Горизонтальная разделительная линия (полная) _________________________________________________________________________________________
Перенос строки (если двойная - абзац)
(h1 .. h6 - возможные заголовки. Чем больше число, тем меньше заголовок)
2. Как изменить размер текста?
маленький текст маленький текст
Уменьшить текст текст - 2
Увеличить текст+1: текст + 1
Увеличить текст+2: текст + 2
Увеличить текст+3: текст + 3
3. Как разместить текст (картинку) на странице и делать отступы?
Выравнивание картинки к одной из сторон документа. Вместо "name" - адрес картинки, вместо "?" - значения: left, right, center, bottom, top, middle.
Текст для цитат - отделен пустой строкой и отступ слева в 8 пробелов
Предложение с отступом в абзаце. Как в книжках.
Как сделать, чтобы текст «обтекал» картинку?
Например, картинка слева, текст справа: добавляем в код картинки: align=left hspace=20
Код картинки примет вид:
Помни: align=left – картинка слева, текст справа
align=right - картинка справа, текст слева
hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали
vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали
Код картинки с плавным обтеканием текстом справа и снизу (или сверху):
Прекратить обтекание и вернуть текст под картинку можно тэгом , который выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.
- три пустые строки.
Вставить две и более картинки горизонтально:
- все, заключенное в этот контейнер, будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.
4. Как окрасить текст в разные цвета?
КРАСНЫЙ: красный текст
Ало-КРАСНЫЙ: ало-красный текст
ЖЕЛТЫЙ: желтый текст
ФИОЛЕТОВЫЙ: фиолетовый текст
ЗЕЛЕНЫЙ: зеленый текст
Светло-ЗЕЛЕНЫЙ: светло-зеленый текст
КОРИЧНЕВЫЙ: коричневый текст
Ярко-КОРИЧНЕВЫЙ: ярко-коричневый текст
ГОЛУБОЙ: голубой текст
Светло-ГОЛУБОЙ: светло-голубой текст
СИНИЙ: синий текст
ФУКСИЯ: фуксия текст
ОРАНЖЕВЫЙ: оранжевый текст
Также: black,white,rose,violet,vinous,gold,silver,bronze,platinum и т.д. (черный, белый, розовый, фиолетовый, бордовый, золотой, серебряный, бронзовый, платиновый).
* Коды цвета для текстов
* Посмотреть сочетаемость цветов
* Таблица "безопасных" цветов
* Все цвета Интернета
Вид шрифта:
Шрифт этого текста "Monotype Corsiva"
Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
Шрифт этого текста "Monotype Corsiva"
код этого текста:
5. Как сделать бегущую строку?
Бегущая влево строка
Бегущая вправо строка
Бегущая от края к краю строка
6. Как сделать бегущую картинку?
<marquee><img src="адрес картинки"></marquee> - Просто вставьте между кавычками ссылку вашей картинки (http:// и т.д.)
7. Как сделать скользящий (со скроллом) текст?
Скользящий вверх текст
Скользящий вниз текст
8. Как сделать списки и сноски?
Список c жирная точка спереди
Список сформируется автоматически, если добавить
Сноска сверху
ТЕКСТ сноска
Сноска снизу
ТЕКСТ сноска
9. Как сохранить текст таким, как вы написали?
"Закрепитель": текст остается таким, каким вы его пишете
Однажды
в студеную зимнюю пору
я из лесу вышел...
10. Как сделать всплывающую подсказку?
Текст со всплывающей подсказкой
Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет
11. Как дать ссылку на свой дневник или любой адрес?
Если хотите дать ссылку на свой дневник (например, на наше сообщество), то пишете:
и получится так:Только для женщин
Точно также можно дать ссылку на фото, картинку или видео.
Чтобы картинка была ссылкой на веб-страницу (см. баннер "Только для мужчин" ниже, в п.15):
12. Как скрыть часть текста (убрать под кат) ?
Если у вас большой пост или много фоток в посте, лучше убрать часть его под кат, потому что людям это неудобно смотреть. Если написать
Метки: полезности |
Огромная HTML-Шпаргалочка. |
Огромная HTML-Шпаргалочка.
Огромная HTML-Шпаргалочка
| Пример | Код | ||||||||||
 |
<img src="АДРЕС КАРТИНКИ С РАДИКАЛА СТРОКА №1"title="ВАШ ТЕКСТ">
При наведении на картинку появляется Окошко-подсказка
TITLE - Определяет заголовок картинки, т.е. при наведении на картинку высветится надпись с текстом из атрибута title |
||||||||||
|
<a href="ВАША ССЫЛКА">
<img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"title="ВАШ ТЕКСТ" border="0" ></a> Картинка кликабельна и появляется Окошко-Подсказка
Что еще за border="0" спросите Вы, а дело в том, что когда делаешь изображение ссылкой, вокруг него появляется некрасивая рамка(border) и чтобы ее убрать пишут дополнительный атрибут border . |
||||||||||
|
|
<p align="justify"> <img src="АДРЕС КАРТИНКИ С РАДИКАЛА СТРОКА №1"hspace="15" vspace="15" align="left">ВАШ ТЕКСТ</p>
Картинка с отступами и выравниванием по левому краю Атрибут align="left" - значит с лева Атрибут align="justify" - значит выравнивать |
||||||||||
|
|
<p align="justify"> <img src="АДРЕС КАРТИНКИ С РАДИКАЛА СТРОКА №1" hspace="15" vspace="15" align="right">ВАШ ТЕКСТ</p>
Картинка с отступами и выравниванием по правому краю Атрибут align="right" - значит с права Атрибут align="justify" - значит выравнивать |
||||||||||
|
|
<p align="justify"><img src="АДРЕС КАРТИНКИ С РАДИКАЛА СТРОКА №1" align="left">ВАШ ТЕКСТ</p>
Картинка без отступов , с выравниванием по левому краю Если поменять атрибут align="left" на align="right" - то получите Картинку без отступов , с выравниванием по правому краю . |
||||||||||
Обратите внимание , что ваш текст должен быть поделен на две части  Первая часть пишется -- перед кодом , Вторая -- после . |
Первая часть текста <img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1" align="middle" border="0"> Вторая часть текста
Картинка в середине Текста Атрибут align="middle" - значит середина |
||||||||||
|
<table align=center border=0>
<tr> <td><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"></td> <td>ТЕКСТ</td> <td><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"></td> </tr> </table> Текст между двух картинок |
||||||||||
|
<table align=center border=0>
<tr> <td>ТЕКСТ</td> <td><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"></td> <td>ТЕКСТ</td> </tr> </table> Картинка между текстом |
||||||||||
|
<fieldset><legend><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"></legend>ВАША КАРТИНКА</fieldset>
Рамка с разрывом Картинки
|
|||||||||||
|
<fieldset><legend>Запись в разрыве</legend>Основная запись</fieldset>
Рамка с разрывом Текста |
|||||||||||
Таблица в 2 ряда и 2 столбца
TABLE - Элемент для создания html таблицы. Обязательно должен иметь начальный и конечный теги.
TR (Table Row) - Создает новый ряд таблицы. Закрывающий тег обязателен. TD (Table Data) - Начинает и заканчивает каждую ячейку ряда html таблицы. Обязателен закрывающий тег. |
<table border="1">
<tr> <td>Ряд 1 Ячейка1</td> <td>Ряд1 Ячейка2</td> </tr> <tr> <td>Ряд 2 Ячейка 1</td> <td>Ряд 2 Ячейка 2</td> </tr> </table> Т.е. таблица начинается с <table>, затем идёт <tr>, указывающий на начало нового ряда. В ряду вставлены две ячейки: <td>Ряд 1 Ячейка1</td> и <td>Ряд1 Ячейка2</td>. Ряд закрывается </tr>, и сразу начинается новый ряд <tr>. В новом ряду также две ячейки. Таблица закрывается </table>. Все довольно логично Атрибут BORDER - задает толщину рамки таблицы в пикселах. |
||||||||||
Объединяем верхнии ячейки
|
<table border="1">
<tr> <td colspan="2">Ряд 1 Ячейки 1+2</td> </tr> <tr> <td>Ряд 2 Ячейка 1</td> <td>Ряд 2 Ячейка 2</td> </tr> </table> COLSPAN – определяет количество столбцов , на которые простирается данная ячейка. По умолчанию имеет значение 1.
|
||||||||||
Объединяем ячейки слева
|
<table border="1">
<tr> <td rowspan="2">Ячейка 1, Ряд 1+2</td> <td>Ряд1 Ячейка2</td> </tr> <tr> <td>Ряд 2 Ячейка 2</td> </tr> </table> ROWSPAN – определяет количество рядов , на которые простирается данная ячейка. По умолчанию имеет значение 1.
|
||||||||||
Добавляем атрибут cellpadding и выравниваем таблицу по центру
CELLPADDING – определяет расстояние (в пикселах) между рамкой каждой ячейки html таблицы и содержащемся в ней материалом.
|
<table border="4" align="center" cellpadding="10">
<tr> <td>Ряд 1 Ячейка1</td><td>Ряд1 Ячейка2</td> </tr> <tr> <td>Ряд 2 Ячейка 1</td> <td>Ряд 2 Ячейка 2</td> </tr> </table> ALIGN – определяет способ горизонтального выравнивания html таблицы или содержимого ячеек. Возможные значения: left , center , right . Значение по умолчанию – left . |
||||||||||
Добавляем атрибут cellspacing и так же таблица по центру
CELLSPACING – определяет расстояние (в пикселах) между границами соседних ячеек таблицы html.
|
<table border="1" align="center" cellspacing="10">
<tr> <td>Ряд 1 Ячейка1</td><td>Ряд1 Ячейка2</td> </tr> <tr> <td>Ряд 2 Ячейка 1</td> <td>Ряд 2 Ячейка 2</td> </tr> </table> |
||||||||||
| Если необходимо , можно задать ширину и высоту таблицы Так же таблица расположена по центру
|
<table border="1" align="center" width="400" height="100">
<tr> <td>ряд 1 ячейка1</td><td>ряд1 ячейка2</td> </tr> <tr> <td>ряд 2 ячейка 1</td> <td>ряд 2 ячейка 2</td> </tr> </table> WIDTH – определяет ширину таблицы html. Ширина задается либо в пикселах, либо в процентном отношении к ширине окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в таблице материала.
HEIGHT – определяет высоту таблицы. Высота задается либо в пикселах, либо в процентном отношении к высоте окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в html таблице материала. |
||||||||||
Так же можно изменить цвет таблицы - Фон
Если картинка большая , то будет отображаться та её часть , которая влезет . Как вы могли уже заметить у меня фон таблицы просто белый .
|
<table background="АДРЕС ФОНА СТРОКА С РАДИКАЛА №1" border=2 align="center" >
<tr> <td>Ряд 1 Ячейка 1</td> <td>Ряд 1 Ячейка 2</td> </tr> <tr> <td>Ряд 2 Ячейка 1</td> <td>Ряд 2 Ячейка 2</td> </tr> </table> BACKGROUND – позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка.
|
||||||||||
Нумерованный список
Цвет определяете сами
|
<OL>НАЗВАНИЕ СПИСКА
<LI>Строка <LI>Строка <LI>Строка </OL> Нумерованный список определяется - метками <OL></OL>. Элементы списка отмечаются метками <LI>. В нумерованном списке элементы нумерует сам браузер.
Заметим, метка <LI> непарная - т.е. метки </LI> не существует. |
||||||||||
Ненумерованный список
 Строка 1Строка 2Строка 3Строка 4Ненумерованный список определяется метками <UL></UL>
|
<UL> <B>НАЗВАНИЕ СПИСКА</B><BR> <IMG SRC="http://img90.imageshack.us/img90/6603/33609040px4.gif">Строка 1<BR> <IMG SRC="http://img90.imageshack.us/img90/6603/33609040px4.gif">Строка 2<BR> <IMG SRC="http://img90.imageshack.us/img90/6603/33609040px4.gif">Строка 3<BR> <IMG SRC="http://img90.imageshack.us/img90/6603/33609040px4.gif">Строка 4<BR> </UL> |
||||||||||
Вот пример ещё ненумерованного списка
 Строка 1Строка 2Строка 3Строка 4 |
<UL> <B>НАЗВАНИЕ СПИСКА</B><BR> <IMG SRC="http://www.liveinternet.ru/images/brandnewsmilies/heart.gif">Строка 1<BR> <IMG SRC="http://www.liveinternet.ru/images/brandnewsmilies/heart.gif">Строка 2<BR> <IMG SRC="http://www.liveinternet.ru/images/brandnewsmilies/heart.gif">Строка 3<BR> <IMG SRC="http://www.liveinternet.ru/images/brandnewsmilies/heart.gif">Строка 4<BR> </UL> |
||||||||||
Вот пример ещё ненумерованного списка
 Строка 1Строка 2Строка 3Строка 4 |
<UL> <B>НАЗВАНИЕ СПИСКА</B><BR> <IMG SRC="http://img.mail.ru/r/blogs/ico_friends.png">Строка 1<BR> <IMG SRC="http://img.mail.ru/r/blogs/ico_friends.png">Строка 2<BR> <IMG SRC="http://img.mail.ru/r/blogs/ico_friends.png">Строка 3<BR> <IMG SRC="http://img.mail.ru/r/blogs/ico_friends.png">Строка 4<BR> </UL> |
||||||||||
Вот пример ещё ненумерованного списка
 Строка 1Строка 2Строка 3Строка 4 |
<UL> <B>НАЗВАНИЕ СПИСКА</B><BR> <IMG SRC="http://img15.imageshack.us/img15/7746/star0000.gif">Строка 1<BR> <IMG SRC="http://img15.imageshack.us/img15/7746/star0000.gif">Строка 2<BR> <IMG SRC="http://img15.imageshack.us/img15/7746/star0000.gif">Строка 3<BR> <IMG SRC="http://img15.imageshack.us/img15/7746/star0000.gif">Строка 4<BR> </UL> |
||||||||||
Пример простого ненумерованного списка
|
<UL>Название Списка
<LI>Строка 1 <LI>Строка 2 <LI>Строка 3 </UL> Ненумерованный список определяется метками <UL></UL>
|
||||||||||
| Делаем сами Кнопочку |
<form action="АДРЕС ССЫЛКИ" target="_blank" method="get"><button type="submit"><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1" align=absMiddle> ВАШ ТЕКСТ</button></form>
|
||||||||||
Метки: полезности |
БРОДИЛКА для - milana07 |
Метки: полезности |
ДЕЛАЕМ ОКОШКО ДЛЯ КОДА |
ДЕЛАЕМ ОКОШКО ДЛЯ КОДА.
Дневник Nataliya_Bezyshko
Серия сообщений "МОИ УРОКИ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 6 - Урок 4. Делаем вместе рамочку из 6-х слоев
Часть 7 - Урок 5. Делаем вместе рамку с уголками.
Часть 8 - ДЕЛАЕМ ОКОШКО ДЛЯ КОДА.
Часть 9 - ДЕЛАЕМ НАДПИСЬ НА КАРТИНКЕ.
Часть 10 - Делаем сами музыкальную открытку.
Часть 11 - Как сделать самому баннер.
Метки: полезности |
ДЕЛАЕМ НАДПИСЬ НА КАРТИНКЕ. |
ДЕЛАЕМ НАДПИСЬ НА КАРТИНКЕ.
 Я всегда рада видеть Вас в моем блоге! |
ПРИВЕТИК! |
ЖЕЛАЮ УДАЧИ! |
Дневник Nataliya_Bezyshko
Серия сообщений "МОИ УРОКИ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 7 - Урок 5. Делаем вместе рамку с уголками.
Часть 8 - ДЕЛАЕМ ОКОШКО ДЛЯ КОДА.
Часть 9 - ДЕЛАЕМ НАДПИСЬ НА КАРТИНКЕ.
Часть 10 - Делаем сами музыкальную открытку.
Часть 11 - Как сделать самому баннер.
Метки: полезности |
Как сделать картинку ссылкой на ваш сайт,блог или вашу страничку?! |
Как сделать картинку ссылкой на ваш сайт,блог или вашу страничку?!
|
Рамка Zomka
Метки: полезности |
Бродилка lu-e |
Бродилка lu-e
|
Метки: полезности |
Бродилка Natalia Tomisheva2 |
Бродилка Natalia Tomisheva2
|
Метки: полезности |
HSPACE и VSPACE - отступы в пикселях по горизонтали и по вертикали от картинки до других обьектов документа. Легко запомнить название если взять и просто перевести с английского. 
