>Шпаргалка по HTML № 2 |
Оформление текста
(рекомендую спец. страничку TEXT):
Перечёркнутый текст: ТЕКСТ
Подчёркнутый текст: ТЕКСТ
Полужирный текст: ТЕКСТ
Полужирный крупный: ТЕКСТ
Курсивный текст: ТЕКСТ
Маленький текст: текст
Неразрывный пробел:
Центрирование:
Сноска вверху: ТЕКСТсноска
Сноска внизу: ТЕКСТсноска
Линия:
Я
Пешу
Лесинкой!!! РАЗМЕР ШРИФТА:
Уменьшить текст: текст - 2
Увеличить текст на 1 пункт: текст
Увеличить текст на 2 пункта: текст
Увеличить текст на 3 пункта: текст
Увеличить текст на 4 пункта: текст
ЦВЕТ ШРИФТА:
КРАСНЫЙ: красный текст
ЖЕЛТЫЙ: желтый текст
ФИОЛЕТОВЫЙ: фиолетовый текст
ЗЕЛЕНЫЙ: зеленый текст
СИНИЙ: синий текст
ФУКСИЯ: фуксия текст
Таблица “базовых” цветов (вводим “Имя” или “Код”):
| Имя | Код | Имя | Код | Имя | Код | Имя | Код |
|---|---|---|---|---|---|---|---|
| aqua | #00FFFF | green | #008000 | navy | #000080 | silver | #C0C0C0 |
| black | #000000 | gray | #808080 | olive | #808000 | teal | #008080 |
| blue | #0000FF | lime | #00FF00 | purple | #800080 | white | #FFFFFF |
| fuchsia | #FF00FF | maroon | #800000 | red | #FF0000 | yellow | #FFFF00 |
ВИД ШРИФТА:
Шрифт этого текста “Monotype Corsiva”
Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
Шрифт этого текста “Monotype Corsiva”
код этого текста:
Оформление ссылок (рекомендую спец. страницу Ссылки):
Как вставить ссылку на веб-страницу:
Как сделать, чтобы картинка была ссылкой на веб-страницу:
Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:
Спец. теги ЖЖ:
Элементарный жж-кат (с “Read more”):
жж-кат с ВАШИМ ПОДЗАГОЛОВКОМ:
Работу ката не видно в режиме “ПРОСМОТР”
Как в сообщение вставить жж-пользователя чтобы это выглядело, например, так:
wildmale
Сссылка на сообщество, например:
aforism
делается точно так же:
Если надо так:
wildmale
или так:
comm
Вместо
wildmale пишем Дикий самец:
Ежели надо с “человечком”:
Дикий самец:
Скопировав код, не забудьте поменять реквизиты.
Вставка МЕДИА-файлов:
Видео, флеш и проч. в ЖЖ вставляются так:
Публикация картинок:
Код любой картинки в сети в простом варианте выглядит так:<img src="http://.../...jpg">
Уникальный URL (http://.../...jpg) выдает картинке хостинг, куда ее необходимо закачать с компа.
Совсем “чайникам” рекомендую (для ЖЖ):
1.Открываешь ljplus.ru
2. Регистрируешься
3. Жмешь: КАРТИНКИ-ЗАГРУЗИТЬ-ОБЗОР-ЖМИ УЖЕ!
4.Смотришь на HTML-коды и копируешь нужный в поле поста или каммента
5. Постишь. Становишься знаменитым.
В каменты картинки ставятся аналогично, кат не работает.
Как сделать, чтобы текст «обтекал» картинку?
Легко - картинка слева, текст справа:
добавляем в код картинки:
align=left hspace=20
Код картинки примет вид:
<img src="http:…" align=left hspace=20>
Помни:
align=left – картинка слева, текст справа
align=right - картинка справа, текст слева
hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали
vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали
Код картинки с плавным обтеканием текстом справа и снизу (или сверху):
<img src="http:…" align=left hspace=20 vspace=15>
Прекратить обтекание и вернуть текст под картинку можно тэгом <br>
Закрывать не надо, он работает один. <br> выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.
<br><br><br> - три пустые строки.
Вставить две и более картинки горизонтально: - все, заключенное в этот контейнер будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.
Регулируем расстояние меж картинками по-горизонтали:
С помощью “неразрывного пробела”:
Расстояние, равное 8 пробелам будет выглядеть так:
Вставляется меж кодов картинок, есс-но
Если надо всплывающую подсказку при наведении курсора на картинку, как здесь:
- введите в код картинки title="ТЕКСТ"
Если надо цветную рамку , добавьте в код картинки: - задана красная рамка толщиной 5 пикселей
Чтоб быстро вставить картинку с другого сайта, вставьте в пост:
затем войдите в “Свойства” картинки на этом сайте, скопируйте ее URL и вставьте в код меж кавычек
Изменить размер картинки можно с помощью атрибутов width (ширина) и height (высота). Вставьте в код картинки, например, width=300 и ваша картинка будет шириной 300 пикселов, высота подгонится пропорционально. Браузер при этом все равно подгружает изначальную картинку, и если та весила 3МБ, то меньше не станет:)
Как запостить галерею? Узнай ЗДЕСЬ
Как запостить слайдшоу? Узнай ЗДЕСЬ
Можно сделать покрасивше:
Кнопка-ссылка на веб-страничку
Например, на эту:
|
Аудио-запись: Поль Мориа - Поль Мориа Падает снег |
Музыка |
72651 слушали 1204 копий |
Мечтающая_Ирина
|
|
|
|
Комментарии (0)Комментировать |
Рамочка "Нежность романтического свидания" |
|
>ПРИКОЛЬНЫЕ ФРАЗОЧКИ В КАРТИНКАХ - 29.11.2013 |
|
>рамочка"Новый год" |
|
The Blues Story |
|
Серия сообщений "Музыка "Блюзы"":
Часть 1 - Блюзы
Часть 2 - Любителям блюза- Peter Green:"In The Skies"
...
Часть 6 - Blues
Часть 7 - Blues
Часть 8 - The Blues Story
|
СВЯТЫЕ ОТЦЫ О МОЛИТВЕ |
|
|
Схемка "Лесной зимний домик" |
|
3- D виртуальный тур Майами |
Думаю, что людей, которые не любят путешествовать, либо нет вообще, либо их очень мало.
Жаль только возможности не у всех одинаковые. В первую очередь это касается нас, жителей бывшего постсоветского пространства.
Дабы хоть немного восполнить этот пробел, предлагаю совершить обзорный 3 - D виртуальный тур по Майами.
Это город, расположенный на побережье Атлантического океана.
Жмем на кнопочку картинки и отправляемся в этот музыкальный тур.
Напоминаю, что музыку можете выбрать ту, которая больше вам понравится. Приятного просмотра)
Сверху выберите полный экран!
|
Рамочка "Цветок и книга" |
|
Для тех кто не умеет пользоваться рамочками урок к их использованию прилагается, идите по этой ссылке:
Серия сообщений "Рамочки для ЗАПИСЕЙ":
Часть 1 - Рамочка "Библиотека"
Часть 2 - Рамочка "Для записей" (свеча и книги)
...
Часть 14 - Рамочка "Для записей"
Часть 15 - Рамочка "Сохраним планету вместе"
Часть 16 - Рамочка "Цветок и книга"
|
Рецепт вкусного манника |
|
Схемка "Лиловая с птичкой, последняя осень." |
|
Вязаный на вилке пуловер |
|
Прекрасный помощник для удаления троянов и вредных программ |
|
|
Цветы от Vicente Oliveira (Португалия) часть 1 |
|
Розы от Vicente Oliveira (Португалия) часть 3 |
|
Розы от Vicente Oliveira (Португалия) часть 2 |
|
УРОК =ДЕЛАЕМ МУЗЫКАЛЬНУЮ ОТКРЫТКУ |
|
|
>Еще одна "пуговичная" идея: ваза |
http://www.designboom.com/contest/view.php?contest_pk=30&item_pk=35939&p=1
name of design : knoop называется это изделие кнуп
design by : iñigo cañedo from mexico дизайн: iñigo cañedo из Мехико



designer's own words:
Knoop is made from plastic buttons carefully glued together over a hemispheric mold to form a bowl. The translucency of the plastic causes beautiful light projections over the surface the bowl is, extending the personality of the bowl to its surroundings. Because of the nature of the materials needed to make the bowl (buttons mainly), a meticulous hand process is needed too construct one of them.
Кнуп сделан из пластмассовых пуговиц, тщательно склеенных между собой, на поверхности воздушного шара, который потом удаляется (как и при создании нитяных шаров).
|
Как превратить рулончик от туалетной бумаги в произведение искусства |
http://www.booooooom.com/2009/02/13/yuken-teruya/


|
>Наволочка, которую не надо шить. Мастер-класс |
http://organizeyourstuffnow.com/wordpress/the-easiest-pillow-cover-ever


|
Вязание. Шапка - ушанка |
Шапка - ушанка
--------------
Размер: 56.
Модель выполнена крючком.
Вам потребуется: 200 г синтетической пряжи «травка»; крючок №4.
|
Элегантное кружево крючком (видео урок) |
|
BleachBit — тщательная чистка операционной системы |
Серия сообщений "дополнительные программы":
Часть 1 - УРОК: Как сделать скриншот за 10 секунд.
Часть 2 - Программа-антишпион
...
Часть 26 - Удаление тулбаров из браузеров
Часть 27 - Как почистить Windows
Часть 28 - BleachBit — тщательная чистка операционной системы
|
Вышивка.Макошь. |

|
Генератор поздравлений |
|
Аудио-запись: АЛЬБЕРТ АСАДУЛИН |
Музыка |
20268 слушали 246 копий |
икви
|
|
|
|
Комментарии (0)Комментировать |
Прибавление и уменьшение количества столбиков без накида и с накидом в ряду |
На этом уроке мы рассмотрим возможность изменения количества петель в ряду на примере столбика без накида и столбика с одним накидом.
|
ОЧАРОВАШКИ. ОБОИ НА РАБОЧИЙ СТОЛ |
|
РАМОЧКИ ДЛЯ ВАС , ДРУЖЕЧКИ ... |
|
Шьем греческое платье |
|
Лесаж Ален Рене "Хромой бес" - аудиокнига - сдушать онлайн |
|
|

|
>Немного в жизни есть таких людей |

|
ТРИ СТАРУШКИ".ПРИТЧА....и ..."Смех сквозь слёзы" |
|
Забавные веселые картинки PNG |
|
Любимый африканский цветок крючком по схемам и МК |
Очень очень мне нравится этот мотив - африканский цветок и возможно Вам тоже, а поэтому я нашла мастер класс и схемы, посмотрев всё Вы точно сможете связать крючком красивенный африканский цветок, который применятся много где. В следующем посте я выкладу как соединяется африканский цветок. Отличный мотив крючком!
Это от меня, ttalu
|
ЯПОНСКИЕ ТАПОЧКИ мастер-класс |
Японцы, как всегда, оригинальны. Они нам предлагабт вот такие красивые и необычные тапочки. Вяжутся очень просто и смотрятся на ногах просто великолепно.
Очень необычная выкройка


Я даю описание основного варианта вязания, а там уже каждая мастерица может сама придумать вариант отделки и оформления.
Описание
|
Рамочка "Заснеженные листики и девушка" |
|
... die Kraft der Pigmente (Gary Jenkins)/Работы художника Gary Jenkins |
|
Вязание:Полезные советы |
Серия сообщений "вязание_полезные советы":
Часть 1 - Вязание видео уроки
Часть 2 - Вязание:Полезные советы
Часть 3 - Курс вязание спицами - это раздел для тех, кто уже умеет вязать, или только желает приобщиться к миру вязания.
Часть 4 - Сайты производителей пряжи
...
Часть 8 - Как связать полый шнур (I-CORD),как обработать край изделия полым шнуром (I-CORD)
Часть 9 - Программа для превращения фотографий или отсканированных изображений в схемы для выши
Часть 10 - Таблица символов по уходу за текстильными изделиями.
|
>Интерактивный переводчик Полиглот в блоге |
Краткая инструкция 1. Выбрать из левой колонки язык, например, English – клик 2. Выбрать из правой колонки, например, English-Russian – клик 3. Появился лист с темами перевода, ищем нужную - клик 4. Смотрим словарь, переводим В сноске просмотрите: Ready? Let’s play! Пробуйте! |
|
Цветочный гороскоп по знакам Зодиака |
Новый год не за горами и хочется знать, какие же перемены всех нас ожидают. Естественно, мы должны верить в перемены к лучшему. Оптимизм - вещь полезная и всегда бесценная. И несмотря на то, что год Деревянной синей Лошади вступает в права с 31 января 2014 года и передает бразды правления Козе только 18 февраля 2015 года, знать всю подноготную нового года хочется уже сейчас.
|
Вязание с бисером |
|
Шьем кресло |
|
Решение для кухни |
|
Новогодние Лошадки. Открыточки |
|
Домашние сапожки |
|
Анимация текста |
| ||||
| PEROOO |
|
Подписать анимашку прямо в Редакторе записи дневника |
|
|
Старые рождественские открытки |
|