(и еще 7464 записям на сайте сопоставлена такая метка)
Другие метки пользователя ↓
анимация афоризмы биатлон веселый календарь видио год литературы в россии дети древнеславянский календарь живопись зарубежные композиторы зарубежные страны зарубежные художники зима классическая музыка клипарт книги лошади мои рамки мои рамочки музыка народный месяцеслов новый год осень песни плееры подарки друзьям. поздравления друзьям праздники притчи рождество русские писатели русские поэты русские художники сайты слово+живопись слово+музыка современные поэты современные художники стихи стихи друзей стихи о жизни стихи о любви тесты уроки флешки фоны формулы фотографии фотография цитаты
Оформляем текст и картинки |
Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу. |
Код обтекания картинки текстом <img src="httр:адрес картинки" align="left" vspace="10" hspace="30" alt=>"здесь нет картинки, хотя должно быть изображение. Какое оно будет, решать вам" |
|||
Картинка слева от текста Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх. |
Код картинки слева <img src="URL адрес картинки" align="left" border="0"> И снова пишем свой текст, или стихотворение, или.... придумали? молодцы! |
|||
Картинка справа от текста: Все правила написания для правой стороны такие же , как и для левой. |
Код для картинки с права: <img src="URL адрес картинки" align="right" border="0">Пишем свой текст, что напишем, то и увидим |
|||
Картинка в центре текста: Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект. |
Код для картинки в центре текста: Первая часть текста <img src="URL адрес картинки" align="middle" border="0"> Вторая часть текста. |
|||
Текст между двух картинок
|
Код для текста между двух картинок <table align=center border=0> <tr> <td><img src="URL адрес КАРТИНКИ"></td> <td>Текст, который красиво расположится между картинками.</td> <td><img src="URL адрес КАРТИНКИ"></td> </tr> </table> |
|||
Картинка между текстом
|
Код для картинки между текстом <table align=center border=0> <tr> <td>ТЕКСТ</td> <td><img src="URL адрес КАРТИНКИ"></td> <td>ТЕКСТ</td> </tr> </table> |
Метки: формулы картинка + текст |
Расположение музыки на картинке |
Формулы общеизвестные. На авторство не претендую.
Вверху слева
Вверху центра
Вверху справа
Внизу слева
Внизу центра
Внизу справа
Серия сообщений "• формулы,коды":
Часть 1 - Расположение музыки на картинке
Часть 2 - Серия сообщений "• формулы, коды" от Lyudmila Lyu
Часть 3 - Формулы мои
...
Часть 44 - Окошко для кода
Часть 45 - Формулы окошка
Часть 46 - Закругление углов изображения без ФШ
Метки: формулы музыка |
Все формулы в одном месте |
Серия сообщений "* Памятка начинающему блогеру":
Часть 1 - Обновить/Удалить драйвер
Часть 2 - Как пронумеровать свой блог или постраничная бродилка
...
Часть 61 - HTML шпаргалка
Часть 62 - Как установить глобус-информер на свою страничку
Часть 63 - Все формулы в одном месте
Метки: формулы |
Рамки для выделения текста |
Если вас устраивает тот фон который есть у вас на страничке.
А пост просто хочется как-то выделить.
Можно выделить рамкой ,а уж какой край будет у рамки выбирайте сами по НАЗВАНИЮ.
Копируем код и вставляем к себе в блог в Простом редакторе.
Там где написано ВАШ ТЕКСТ- Вставляете свой текст.
Ещё в коде можно поменять цвет рамки.
Находим вот такой значёк,он обозначает цвет#FFFACD и меняем цвет на тот,
который подходит вам. Выбираем цвет здесь.
Метки: формулы рамки |
Расположение музыки на картинке |
Формулы общеизвестные. На авторство не претендую.
Серия сообщений "• формулы,коды":
Часть 1 - Расположение музыки на картинке
Часть 2 - Серия сообщений "• формулы, коды" от Lyudmila Lyu
Часть 3 - Формулы мои
...
Часть 42 - Как наложить флеш на картинку. Формула
Часть 43 - Кнопка для перехода по страничкам дневника
Часть 44 - Окошко для кода
Метки: формулы музыкальная открытка |
Как вставить музыку на картинку |
|
Серия сообщений "мои уроки":
Часть 1 - Урок делаем рамочку в фотошопе.(для новичков)
Часть 2 - Урок рамка фотошоп с картинкой. в Photoshop CS5 .
...
Часть 8 - Урок" Кто совсем не умеет копировать и вставлять текст в рамки"
Часть 9 - Урок к коллажу"Penta" (коллажи№1058-1059)
Часть 10 - Урок для новеньких"Как вставить музыку на картинку"
Часть 11 - Урок"Делаем бесшовный фон в Gimp"
Часть 12 - Урок для начинающих"Рамочка для фото"
...
Часть 22 - Мой урок для начинающего.Делаем коллаж
Часть 23 - Перевод урока "Tristesse" для Корела.
Часть 24 - Делаем музыкальный плейлист-открытка.
Серия сообщений "уроки по музыке":
Часть 1 - Как легко найти и вставить музыку в дневник
Часть 2 - Добавляем музыку в дневник...
...
Часть 6 - Если в блоге не играет музыка.
Часть 7 - Учимся делать музыкальную открытку
Часть 8 - Урок для новеньких"Как вставить музыку на картинку"
Часть 9 - УРОК =ДЕЛАЕМ ПЛЕЕР С You Tube
Часть 10 - Конвертируем любое видео в МР3
...
Часть 16 - Как самому сделать весёлый плеер без специальных навыков и программ Урок
Часть 17 - Делаем музыкальный плейлист-открытка.
Часть 18 - Как сделать скрытый аудиоплеер
Метки: формулы музыкальная открытка |
Всё про картинки |
Серия сообщений "Памятка для Лиру":
Часть 1 - Бегущая строка из картинок или текста
Часть 2 - Плееры в дневник
...
Часть 7 - Всё про картинки. Часть 1. Закругляем углы.
Часть 8 - Всё про картинки. Часть 2
Часть 9 - Всё про картинки. Часть 3.
Часть 10 - Всё про картинки. Часть 4. Картинки в ряд и столбик.
Метки: формулы рамки для картинок |
Простая цветная рамка с закруглёнными краями за 5 минут |
<center><div style="padding:100px;border-radius: 45px;width: 500px; height: px;border: 8px solid #FFFF33;background: #2C55F9;color:#ffffff;margin-bottom:100px;"><td style="padding:20px;text-align:justify"><center><span style="font-family:Times New Roman;color:#FFFFAD;font-size:24px"><i>ВАШ ТЕКСТ
или
КАРТИНКИ</i></center></div>
Метки: формулы рамки |
Плеер для музыки с ЮТУБ |
Серия сообщений "* Плееры":
Часть 1 - Как вставить музыку с сайта «privet.ru»?
Часть 2 - Как создать плейлист на Привет.ру Урок.
...
Часть 43 - КАК ВСТАВИТЬ В ДНЕВНИК MP3-ПЛЕЕР
Часть 44 - Учимся делать музыкальную открытку
Часть 45 - Плеер для музыки с ЮТУБ
Часть 46 - А хочешь, я открою тебе тайну..?
Метки: формулы плееры Ютуб |
Делаем плеер из любой картинки |
Метки: формулы плееры коды плеера |
Формула надписи на картинке |
Дневник |
Объяснение подружкам, которые делают картинку в первый раз. Потому что сама намучилась с "методом тыка"
Копируем из окошечка формулу и смело экспериментируем. Не пугайтесь, если после вставки всех значений увидите маленькую рамочку. Растяните картинку, выделите текст и выберите тот цвет текста, который виден на картинке. Опустите или поднимите текст, чтобы добиться хорошего расположения его на картинке. Удачи, мои хорошие!
Метки: формулы |
Формула музыкальной картинки |
Метки: формулы рамки |
РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА |
Многие спрашивают, как сделать рамочку с круглыми углами?
ЕгороваТатьяна уже разьясняла,как это делается: тут
Немного дополню её, в своём маленьком уроке
По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.
Рассотрим,из чего же состоит наша формула
Это часть нашей формулы, один "контейнер" (их может быть несколько)
<div style="box-shadow:12px 8px 7px #FF533E,18px -3px 2px #2D20FF,-2px -2px 17px #00D80F;border:5px inset #3F1D00;border-radius:50px;padding:10px;background-image:url('АДРЕС ВАШЕЙ КАРТИНКИ');width:50%;"><center><br />ВАШ ТЕКСТ<br /><br />
Контейнер состоит из атрибутов:
"div style" - блочный элемент стилей
"box shadow" - эффект тени (красная, синяя, зелёная...ставить на Ваше усмотрение)
"border" - эффект бордюра : inset - цвет эффекта бордюра(чёрно серый)
"border-radius" - радиус скругления углов
Радиус скругления углов,можно задавать как 1 значением (для всех улов),
2 значениями (для 2 углов по диагонали), так и 4 углов (для каждого угла)
"padding" - внутренний отступ в элементе
"background-image" - фоновая картинка (адрес фоновой картинки)
"width" - ширина рамки (может быть выражена в % или же в px)
могут встречаться атрибуты:
"-webkit-box-shadow" - для отображения в старых версиях браузера Chrome,
"-moz-box-shadow" - для отображения в старых версиях браузера Mozilla Firefox,
"box-shadow" - для отображения во всех остальных браузерах.
Метки: формулы рамки |
Рамки, украшенные картинкой |
Метки: формулы |
Коды HTML для оформления постов, блогов |
Метки: формулы коды |
ВСЕ ФОРМУЛЫ ПОД РУКОЙ |
Фон для записи |
Метки: все для блога, памятка начинающим
Метки: формулы |
Формула интересной рамочки |
Серия сообщений "мои уроки":
Часть 1 - Урок делаем рамочку в фотошопе.(для новичков)
Часть 2 - Урок рамка фотошоп с картинкой. в Photoshop CS5 .
...
Часть 15 - Урок"Делаем рамку 8 слоев" (по просьбе)
Часть 16 - Перевод урока"Adorable" для Корела
Часть 17 - Урок"Фон под запись с обводкой и картинкой в разрыве.
Часть 18 - Дополнение к уроку " Рамка с разрывом."
Метки: формулы |
Плееры |
Серия сообщений "Плееры":
Часть 1 - Как вставить музыку с сайта «privet.ru»?
Часть 2 - Как создать плейлист на Привет.ру Урок.
...
Часть 34 - Разбираемся в еще одном плеере для дневника
Часть 35 - Плеер для множества песен
Часть 36 - Альтернатива Постовому
Часть 37 - Делаем плеер из любой картинки
Часть 38 - Мой новый плеер для вас - невидимый
...
Часть 48 - Учимся делать музыкальную открытку
Часть 49 - Плеер для музыки с ЮТУБ
Часть 50 - А хочешь, я открою тебе тайну..?
Метки: плееры формулы сайты |
Без заголовка |
|
Метки: формулы |
Формула рамочки |
Код "скелетик" такой рамки. |
Серия сообщений "МОИ УРОКИ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 21 - LiveInternet – Отношения
Часть 22 - Уменьшаем большую картинку.
Часть 23 - По просьбе "скелетик" кода такой рамки.
Метки: формулы |
Страницы: | [2] 1 |