-Рубрики

 -Цитатник

Новое оформление для Лирушников - (24)

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

280 японских ажуров для вязания на спицах - (0)

280 японских ажуров для вязания на спицах Большая коллекция изящных узоров Автор...

Коллекция японских узоров Йоко Хатты - (0)

200 стильных дизайнов для вязания спицами Автор: Хатта Йоко ...

Уроки вязания Крючком.ру - 2019 - (0)

Уроки вязания Крючком.ру - 2019 Автор Татьяна Ярковая ...

Популярный журнал по вязанию №5 2023 - (0)

Популярный журнал по вязанию №5 2023 ...

 -Поиск по дневнику

Поиск сообщений в Alevtina10

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 05.06.2011
Записей: 15117
Комментариев: 4056
Написано: 34319

Серия сообщений "Вставить картинку в текст":
Часть 1 - Вставить картинку в текст
Часть 2 - Как загрузить много картинок
Часть 3 - Как вставить изображение
Часть 4 - Как закачать картинки на Лиру
Часть 5 - Оформляем текст и картинки
Часть 6 - Как вставить картинку в пост, чтобы при клике на ссылку она открывалась?
Часть 7 - Картинка справа или слева от текста
Часть 8 - Нужные коды для блогов
Часть 9 - Как расположить текст от картинки
Часть 10 - Таблица HTML кодов
Часть 11 - Супер полезный сервис!!
Часть 12 - Все формулы под рукой.
Часть 13 - Коды HTML для оформления постов, блогов
Часть 14 - Оформляем текст и картинки
Часть 15 - Как сделать некликабельную картинку
Часть 16 - ФЛЭШКА и как вставить ее в картинку
Часть 17 - Как расположить текст справа и слева от картинки и т.д

Выбрана рубрика Вставить картинку в текст.


Соседние рубрики: Часы в эпиграф(0), Фотошоп(16), Фон дневника(68), Флеш-плеер(17), Установка паролей(3), Уроки-ссылки(15), Уроки по Мозиле(3), Текст в генераторе(2), Схема(4), Создать рубрику(1), Снимок с экрана(4), Слайд-шоу(3), Символ года(33), Профилактика компьютера(2), Простые рамочки(115), Пропадают посты(3), Пост бродилка(2), Поиск схем по картинке(2), Перегенерация(2), О схемах(5), Найти запись(1), Мои рамочки(8), Менять изображение(0), Комбинация на клавиатуре(7), Коды(4), КНОПКИ-ПЕРЕХОДЫ(16), Картинки для комментов(36), Картинка в эпиграф(4), Как разместить видео на Лиру?(3), Как копировать код картинки(7), Как добавить сообщение(5), Делаем фоны(19), Делаем ссылки(4), Генератор цвета(13), Все для новичков(28)

Другие рубрики в этом дневнике: Цветы крючком(88), Цветоводство(130), Уроки на Лиру(473), Тапочки, носки(137), Тайское вязание(394), Стихи, поэзия(8), Рубрики(1), Реглан, кокетки, отделки, уроки.(60), Разное(25), Психология(94), Полезные советы(49), Позитив(17), Музыка(18), Мотивы крючком(38), Медицина и здоровье(464), Кулинария(756), КИНО(0), Камни(3), История(17), Ирландское кружево(94), Журналы по вязанию(113), Жаккард, модели(253), Гороскоп(42), Вязание спицами(6444), Вязание крючком(3404), Вязание для собачек(2), Вязание для детей(1422), Все познавательное(30), Все для дома(322), Видео, приколы.(1), Архитектура,музеи(51), Анимация(3)
Комментарии (0)

Вставить картинку в текст

Суббота, 05 Мая 2012 г. 00:27 + в цитатник
Это цитата сообщения Елена_Ориас [Прочитать целиком + В свой цитатник или сообщество!]

Вставка картинок в разные места текста

Вообще-то с функцией ориентации картинки прекрасно справляются настройки ЛиРу.
Код картинки ЛиРу пишет без нашей помощи, за что ему большое спасибо.
Вот он виден, в строке «Обзор» на той странице где только что написан но еще не опубликован текст.
Команда где разместить картинку (560x225, 5Kb)

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

Метки:  
Комментарии (2)

Как загрузить много картинок

Понедельник, 14 Мая 2012 г. 23:50 + в цитатник
Это цитата сообщения ТаМаРа_ТАРАНЬжина [Прочитать целиком + В свой цитатник или сообщество!]

Загрузить много картинок редактором Для того, чтобы упорядоченно загрузить много картинок, не обязательно пользоваться HTML-кодами. В расширенном редакторе есть опция "Таблица", позволяющая создать сетку, в которую помещаются картинки.

3422645_1(1) (588x57, 13Kb)

Кликаете на опцию "Таблицы" (помечено красной стрелкой), выпадает следующее окно:

3422645_Chitat_dalee (151x140, 33Kb)

3422645_023813438(1) (600x87, 128Kb)

 

 

 


Метки:  
Комментарии (0)

Как вставить изображение

Вторник, 29 Мая 2012 г. 19:39 + в цитатник
Это цитата сообщения Оленька_Коваленко [Прочитать целиком + В свой цитатник или сообщество!]

Новичкам: вставляем и редактируем изображение через сервис загрузки изображений Liveinternet

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

Читать далее


Метки:  
Комментарии (0)

Как закачать картинки на Лиру

Суббота, 16 Июня 2012 г. 02:47 + в цитатник
Это цитата сообщения Natathe3 [Прочитать целиком + В свой цитатник или сообщество!]

Для новеньких и стареньких
 

Поскольку иногда новенькие спрашивают как и что делать, решила "раз и навсегда" выложить (разжеванными  с картинками-иллюстрациями) в одном посте все заморочки, с которыми сталкиваешься, попав на Лиру впервые, а заодно высказать несколько своих соображений о наших блогерских делах.

Для новеньких: начинать ознакомление с  Лирой следует

с этой странички Ростислава, кроме того, вам могут помочь с возникшими вопросами в сообществах Ча Во или FAQ для лирушников , Сообщество о liveinternet.ru , Сообщество для новичков Li.ru "Сама овца", Ответы на общие вопросы , БагЛи - сообщество, где вы можете оставить сообщение для разработчиков сайта о техническом сбое - глюке в вашем дневнике.

Как закачать картинки на Лиру - жмем 

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

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

Метки:  
Комментарии (0)

Оформляем текст и картинки

Воскресенье, 09 Сентября 2012 г. 04:17 + в цитатник
Это цитата сообщения Sweets_Cherry [Прочитать целиком + В свой цитатник или сообщество!]

Оформляем текст и картинки


Картинка обтекаемая текстом
Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения 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>

 


Метки:  
Комментарии (0)

Как вставить картинку в пост, чтобы при клике на ссылку она открывалась?

Понедельник, 22 Октября 2012 г. 02:42 + в цитатник
Это цитата сообщения Cindara [Прочитать целиком + В свой цитатник или сообщество!]

Как вставить картинку в пост, чтобы при клике на ссылку она открылась?
 

По просьбам моих друзей и читателей ещё один небольшой иллюстрированный урок.

Иногда, чтобы дерево комментириев не было очень загруженным, картинку, анимашку, флешку следует скрыть, с возможностью открытия её в новом окне, при этом разрешение (размер, качество) останется изначальным. Это также очень полезно для наших постов...

выглядит это так: Открыть картинку в новом окне!

Урок не тяжёлый, но требует внимания.

Хочу сразу заметить: Браузер значения не имеет, во всех теги читаются одинаково!

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


Метки:  
Комментарии (2)

Картинка справа или слева от текста

Дневник

Вторник, 04 Декабря 2012 г. 05:02 + в цитатник

Если вы хотите разместить в своём посте картинку слева или справа от текста, то

 1. Загрузите картинку на сайт Радикал-фото (см. ссылку)

2. Из предложенных НTML-кодов скопируйте код №6. (перед копированием необходимо в правом столбце "Полноразмерное изображение" выбрать вариант "не кликабельное"). Теперь выделить мышью код №6 и копировать.

3. Переведите свой пост в состояние "Редактирование" и вставьте код картинки в НTML-режиме в ту часть текста, где вы хотите видеть свою картинку.

4. В самом конце кода найдите вот такие значки "> (кавычка и угловая скобка) и вставьте между ними align="left" или align="right"

5. Чтобы картинка не слиплась с текстом, добавьте "hspace=..."

align="left"hspace=20 - картинка слева с отступом от края и от текста в 20 пикселов
align="right"hspace=30 - картинка справа с отступом от края и от текста в 30 пикселов

6. Жмите кнопку "Предпросмотр". Если всё устраивает - жмите "Сохранить".

Источник:http://blogs.mail.ru

0_91f77_2401451d_S (104x38, 3Kb)


Метки:  

Нужные коды для блогов

Суббота, 23 Февраля 2013 г. 03:19 + в цитатник
Это цитата сообщения margaret60 [Прочитать целиком + В свой цитатник или сообщество!]

НУЖНЫЕ КОДЫ ДЛЯ БЛОГОВ

Коды оформления блога
Коды для оформления блога

Окошко для кода -
Рамочка вокруг текста -
Рамочка вокруг текста (разрыв слева) -
Рамочка вокруг текста (разрыв справа) -
Картинки в записи:
Картинка слева от текста -
Картинка справа от текста -
Картинки по бокам текста -
Картинки в ряд:
2 картинки -
Читать далее...

Метки:  

Как расположить текст от картинки

Понедельник, 18 Марта 2013 г. 23:51 + в цитатник
Это цитата сообщения fatima62 [Прочитать целиком + В свой цитатник или сообщество!]

Урок: Как расположить текст справа и слева от картинки, внизу картинки, вверху и посредине.

Автор урока ГАЛИНА ШАДРИНА

 

 (620x90, 233Kb)
По многочисленным просьбам читателей объясню еще раз, как расположить текст справа и слева от картинки, внизу картинки, вверху и посредине.

Как же сделать так, чтобы текст располагался справа от картинки, весь , а не только одна его строчка. Посмотрим сначала как выглядит просто HTML код картинки. Я взяла небольшую картинку, которую вы видите слева от текста. Просто код ее выглядит вот так.

"Читать далее..."
Из блога ГАЛИНЫ ШАДРИНОЙ
 (620x90, 233Kb)

 


Метки:  

Таблица HTML кодов

Суббота, 17 Августа 2013 г. 03:36 + в цитатник
Это цитата сообщения Beauti_Flash [Прочитать целиком + В свой цитатник или сообщество!]

Таблица HTML кодов
 


Предлагаю вам таблицу кодов
может вам пригодится

КОДЫ ДЛЯ БЛОГОВ

Картинка или текст
Окошко для кода -
Рамочка вокруг текста -
Рамочка вокруг текста (разрыв слева) -
Рамочка вокруг текста (разрыв справа) -
Картинки в записи
Картинка слева от текста -
Картинка справа от текста -
Картинки по бокам текста -
Картинки в ряд:
2 картинки -
3 картинки -
4 картинки -
5 картинок -
6 картинок -

Кнопки в записи
Текст на кнопке -
Картинка на кнопке -
Текст и картинка на кнопке -
Кнопка на фоне -

Номера страниц в блоге -
Рамка с картинками по углам -
Таблица -


Метки:  

Супер полезный сервис!!

Вторник, 20 Августа 2013 г. 05:11 + в цитатник
Это цитата сообщения Legionary [Прочитать целиком + В свой цитатник или сообщество!]

Супер полезный сервис!!!

1. Не умеете ставить картинки в ряд?
2. Не получается запихнуть изображения в таблицу?
3. Не знаете как вставить картинку на форум или блог с помощью BB кода?
4. Не умете делать окошко с кодом вставки под картинкой такого вида?
 (133x133, 5Kb)

5. При упоминании слова html хочется сбежать подальше?
6.Не умеете делать нормальное кликабельное превью используя "Яндекс фотки"?

А и не надо!



Специально для вас создал сервис :

Генератор BB и Html кодов для вставки изображений на сайт или блог.

Он сам напишет за вас все коды, вам надо будет лишь их скопировать и вставить, например, в пост на лиру.

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

Метки:  

Все формулы под рукой.

Понедельник, 23 Декабря 2013 г. 22:52 + в цитатник
Это цитата сообщения yaqut [Прочитать целиком + В свой цитатник или сообщество!]

ВСЕ ФОРМУЛЫ ПОД РУКОЙ

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ



ВСЕ В ОДНОМ МЕСТЕ

Мне для работы нужно иметь все это под рукой. Это те формулы, которыми пользуюсь чаще всего.

Две картинки в ряд
Три картинки в ряд
Четыре картинки в ряд
Пять картинок в ряд

Окошко для кода <input type='text' size='15' value='Код рамки'>

Рамка в два слоя
Читать далее...

Метки:  

Коды HTML для оформления постов, блогов

Четверг, 09 Января 2014 г. 19:31 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

Коды HTML для оформления постов, блогов

Коды для оформления блога
Окошко для кода -
Рамочка вокруг текста -
Рамочка вокруг текста (разрыв слева) -
Рамочка вокруг текста (разрыв справа) -
Картинки в записи
Картинка слева от текста -
Картинка справа от текста -
Картинки по бокам текста - Картинки в ряд:
2 картинки -
3 картинки -
4 картинки -
5 картинок -
6 картинок -
Кнопки в записи
Текст на кнопке -
Картинка на кнопке -
Текст и картинка на кнопке -
Кнопка на фоне -
Номера страниц в блоге -
Рамка с картинками по углам -
Таблица -


Метки:  

Оформляем текст и картинки

Понедельник, 07 Июля 2014 г. 02:50 + в цитатник
Это цитата сообщения Дом_советов [Прочитать целиком + В свой цитатник или сообщество!]

Оформляем текст и картинки

Картинка обтекаемая текстом
Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу.
Код обтекания картинки текстом
<img src="httр:адрес картинки" align="left" vspace="10" hspace="30" alt=>Здесь нет картинки, хотя должно быть изображение. Какое оно будет, решать вам.
Картинка слева от текста
Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Предупреждение: в постах картинка не должна превышать размер 200px в ширину, иначе просто снова уйдет вверх.
Код картинки слева

<img src="URL адрес картинки" align="left" border="0"> И снова пишем свой текст, или стихотворение, или.... придумали? молодцы!
Картинка справа от текста:


Все правила написания для правой стороны такие же , как и для левой.
Код для картинки справа:

<img src="URL адрес картинки" align="right" border="0">Пишем свой текст, что напишем, то и увидим

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


Метки:  

Как сделать некликабельную картинку

Четверг, 05 Февраля 2015 г. 21:33 + в цитатник

Метки:  

ФЛЭШКА и как вставить ее в картинку

Среда, 20 Мая 2015 г. 02:35 + в цитатник
Это цитата сообщения Lyusya-Spring [Прочитать целиком + В свой цитатник или сообщество!]

ФЛЭШКА и как вставить ее в картинку (подсказка моим друзьям)
 




[flash=550,400,http://www.xcwhw.cn/fla/hc/592.swf] это формула влэш-картинки, именно формулу мы видим в записи. Как это сделать? Все просто. В формуле перед тегом flash ставим звездочку *. Вот так [*flash
Во влэшке можно поменять размеры, это те цифры, которые мы видим в формуле. Первая-ширина, вторая-высота.
напимер:




Вставим их в картинку




Формулы как вставить флэшку (и не только) в картинку

сверху слева


сверху в центре


сверху справа


снизу слева


снизу справа


снизу в центре


Всё.... если что то не понятно - ПОМОГУ!

Дополнение к уроку-ФЛЭШКА и как вставить ее в картинку (для новичков)


Метки:  

Как расположить текст справа и слева от картинки и т.д

Суббота, 29 Августа 2015 г. 02:39 + в цитатник
Это цитата сообщения Шадрина_Галина [Прочитать целиком + В свой цитатник или сообщество!]

Как расположить текст справа и слева от картинки и т.д

 (620x90, 233Kb)
По многочисленным просьбам читателей объясню еще раз, как расположить текст справа и слева от картинки, внизу картинки, вверху и посредине.
 (620x90, 233Kb)



Серия сообщений "Уроки для блогов":

Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 34 - Как процитировать пост и сохранить в рубрике.
Часть 35 - Вставляем музыку в дневник из компьютера
Часть 36 - Как расположить текст справа и слева от картинки и т.д
Часть 37 - Разделяем текст линиями



Метки:  

 Страницы: [1]