Как сделать окошко для кодов?

Всем привет. Часто получаю в личку один и тот же вопрос - Как вставить код или текст в окошечко. Вот решила об этом и в блоге написать - вдруг кому ещё интересно будет.

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

<textarea rows="5" cols="40">Ваш текст или код Вашей картинки.

Теперь чуть подробнее о коде и как его применять

rows="5" - Цифра 5 это ВЫСОТА окошка
cols="40" - Цифра 40 это ШИРИНА окошка
При необходимости поменяйте эти значения на нужные Вам.

Пример на картинке:
1. Загрузите нужную картинку,
2. Скопируете код окошка написанный выше и поставьте его после загруженной картинки,
3. Скопируете код картинки полностью и вставьте его после кода окошка.

КАРТИНКА --->>> КОД ОКОШКА --->>>КОПИЯ КОДА КАРТИНКИ

<img width="300" height="200" src="//img1.liveinternet.ru/images/attach/c/2//68/714/68714354_1294071282_59012937_1a04f142cfe2.gif" alt="" />

Плюсом, то что Вас ещё может заинтересовать :
1.Сделай слайд-шоу
2.Коды цвета для текстов
3.Сделай для блога кнопку.
4.Как сделать баннер-картинку для блога.
5.Как сделать рамочку для текста самому.
Всё остальное для оформления - рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога 

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

Замечательная программа 20/20 v2.2 с помощью которой за три секунды можно сделать бесшовный фон из любой картинки!!! Особенно пригодится тем, кто делает рамочки и не работает с фотошопе...

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ. БЕСШОВНЫЕ ФОНЫ Узнала от **N@dezhda** о замечательной программе 20/20 v2.2, с помощью которой за три секунды можно сделать бесшовный фон из любой картинки!!! Особенно пригодится тем, кто делает рамочки и не работет в Фотошоп. Вот, что сделала я: Скачать программу можно ЗДЕСЬ А как делать бесшовный фон, я вам покажу: Потом файл сохраняем так же, как и в первый раз. Удачи вам! для вас Лариса Гурьянова

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

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

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

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

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

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

1. Воспроизводит картинки моментально, не надо долго ждать загрузки картинок в посте, а при нашем платном интернете скорость - большое дело)

2. Не виснет, а значит у вас никогда не появятся  "череп и кости"  - маленькие белые квадраты  вместо положенных на их месте картинок. 

 3. Дает возможность "перенести" картинки из Яндекса в пост на Лире одним простым действием: дает коды сразу ко всему альбому (только убедитесь, что создаете пост в простом редекторе, не расширенном)

4. Есть возможность публиковать картинки в оригинальном размере, вместо наших положенных на Лире 700 пикселей

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

Как пользоваться сервисом  ЯндексФотки  

Вставляем музыку в пост.

Еще немного по поводу музыки на Лире

Как я сохраняю  видео с Ютюба

Теперь о наболевшем: я подписана на более чем 200 дневников, просматриваю посты через Ленту друзей, загружая на страницу по 200 сообщений. Многие любят блестящие рамки (я тоже люблю на них смотреть, хотя сама "не по этому делу" ) , но загружаются они долго, тормозят просмотр страниц, съедают интернет-время. Пожалуйста, ПРЯЧЬТЕ ЧАСТЬ ПОСТА !!!

 

Кроме того, для вас же будет лучше, если человек, заинтересовавшийся постом, кликнет "Читать дальше" - а значит зайдет на вашу страницу, увеличив количество посещений.  Если пост не спрятан под кат, но мне интересен, я его прочту через ленту, не заходя в ваш днев, а вам что от этого? Тот, кому затронутая в вашем посте тема неинтересна, будет только испытывать раздражение, если вы заставляет его читать ненужный пост и может отписаться от вашего днева.

как прятать часть поста

ЕЩЕ НЕСКОЛЬКО СОВЕТОВ

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

 

Ребята!!!  Даже "волки позорные" не охотятся на своей территории. У вас в распоряжении весь инет - не надо воровать посты у своего товарища по сообществу! Рано или поздно об этом будет известно и вы наживете кучу разборок.

 

Не надо создавать СВОЕГО поста со скромным "позаимствовала", "спасибо, дорогому другу", "нашел у такой-то"!  У нас есть цитатник - почему не процитировать???  А потому, что некоторым товарищам, (которые нам вовсе не товарищи,) хочется, чтобы  цитировали ИХ посты, а не тех кого они сладко именуют " своими друзьями",  - ведь за это идут те самы поинты-начисления, указывающие на популярность днева, одним из показателей которых является "Количество ссылок"

 

ЦИТИРУЙТЕ, а не копируйте!! 

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

(Кстати о цитировании: желающим определить данный пост (или его часть) к себе в днев: лучше вам процитировать. Я потратила свои выходные на эти долбанные 57 скриншатов и объяснений к ним  и если найду нецитированным - предупреждаю сразу!!!  - орать буду долго- громко-неутомимо.... Хотя зачем орать- сразу к Валезу пойду    )

 

Кто не знает как цитировать? 

Люблю вас!! 

 

Как самому создать музыкальную открытку? (плэйкаст)

Этот пост я составила из ответов на часто задаваемые вопросы о том, как же сделать самому плэйкаст, как оформить правильно первоисточники, и так далее... на сайте www.playcast.ru.
Такая небольшая шпаргалочка по самым основным вопросам составлена по уже имеющимся подсказкам на самом сайте, я всего лишь постаралась выделить главное для тех, кто не может самостоятельно с этой информацией разобраться. Надеюсь, все это окажется вам полезным! Желаю всем творческих успехов!!!

Что такое плэйкаст?   Как самому сделать плэйкаст? Примеры плэйкастов  Поддержка Правила сайта  Правила оформления первоисточников  Порядок размещения работ в избранном и рубриках

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

Полезные линки про Photoshop

мега полезный пост - ВСЕ о Photoshop

вам в ЦИТАТНИК

1. Сам фотошоп (CS2) - скачать
http://www.liveinternet.ru/journals...jpostid=9309050
Установка программы
http://www.liveinternet.ru/journals...jpostid=9681662
Активация Photoshop
http://www.liveinternet.ru/journals...postid=12365636
2. Вводный урок (запуск и начало работы)
http://www.liveinternet.ru/journals...jpostid=9315348

3. Как делать аватарки.
http://www.liveinternet.ru/journals...jpostid=9497107

4. Как уменьшать (увеличивать) фотографии.
http://www.liveinternet.ru/journals...jpostid=9500672
http://www.liveinternet.ru/journals...postid=10475034

5. Анимированные аватары.
http://www.liveinternet.ru/journals...jpostid=9502530
http://www.liveinternet.ru/journals...postid=10477526

6. Пишем текст.
http://www.liveinternet.ru/journals...jpostid=9503112
http://www.liveinternet.ru/journals...postid=11818405

7. Основы фотомонтажа и работа со слоями.
http://www.liveinternet.ru/journals...jpostid=9508792

8. Пиксел и разрешение(основные понятия)
http://www.liveinternet.ru/journals...jpostid=9512497

9. "Очищаем" фотографию.
http://www.liveinternet.ru/journals...jpostid=9529940

10. Учимся заливать.
http://www.liveinternet.ru/journals...jpostid=9530748

11. Цветокоррекция.
http://www.liveinternet.ru/journals...jpostid=9533652

12. Учебники по фотошопу.
http://www.liveinternet.ru/journals...jpostid=9566869
http://www.liveinternet.ru/journals...jpostid=9659432
http://www.liveinternet.ru/journals...jpostid=9684067
http://www.liveinternet.ru/journals...postid=10038599
http://www.liveinternet.ru/journals...postid=10483808
http://www.liveinternet.ru/users/ph...a/post10804355/

13. "Как сделать снимки лучше" (от KODAK).
http://www.liveinternet.ru/journals...jpostid=9580952

14. Убираем эффект красных глаз!
http://www.liveinternet.ru/journals...jpostid=9590001
http://www.liveinternet.ru/journals...jpostid=9864791

15. Установка новых шрифтов.
http://www.liveinternet.ru/journals...jpostid=9602502

16. Сохраняем гиф.
http://www.liveinternet.ru/journals...jpostid=9607676

17. Текстуры (информация для начинающих).
http://www.liveinternet.ru/journals...jpostid=9614895

18. Вырезаем изображение.
http://www.liveinternet.ru/journals...jpostid=9625145
http://www.liveinternet.ru/journals...jpostid=9634640
http://www.liveinternet.ru/journals...jpostid=9672876
http://www.liveinternet.ru/journals...jpostid=9970813

19. Как поворачивать и резать изображение.
http://www.liveinternet.ru/journals...jpostid=9629552

20. Как делать дождь.
http://www.liveinternet.ru/journals...jpostid=9630144

21. Как менять наклон кисти.
http://www.liveinternet.ru/journals...jpostid=9631430

22. Изготовление фона. Изготовление кистей.
http://www.liveinternet.ru/journals...jpostid=9637240
http://www.liveinternet.ru/journals...jpostid=9824608

23. Удаление ненужных надписей на фотографии.
http://www.liveinternet.ru/journals...jpostid=9641770

24. Ссылки на кисти.
лужа крови:
http://www.liveinternet.ru/journals...jpostid=9647468

булавки:
http://www.liveinternet.ru/journals...postid=10483123

http://www.liveinternet.ru/journals...postid=10483896
http://www.liveinternet.ru/journals...postid=10670547
http://www.liveinternet.ru/journals...postid=10695628
http://www.liveinternet.ru/users/ph...a/post10744567/
http://www.liveinternet.ru/users/ph...a/post10752829/

25. Рисование объемных объектов в фотошопе.
http://www.liveinternet.ru/journals...jpostid=9655056

26. Калейдоскоп (урок)
http://www.liveinternet.ru/journals...jpostid=9681206

27. Установка Photoshop'a (где скачать и как установить)
http://www.liveinternet.ru/journals...jpostid=9681662
http://www.liveinternet.ru/journals...postid=10338075

28. Быстрое выделение
http://www.liveinternet.ru/journals...jpostid=9682199

29. Эффект Filterе/Liqufy (деформация)
http://www.liveinternet.ru/journals...jpostid=9682480

30. Работа со слоями.
http://www.liveinternet.ru/journals...jpostid=9683052
http://www.liveinternet.ru/journals...jpostid=9686886
http://www.liveinternet.ru/journals...jpostid=9831232

31. Инструмент convert point tool
http://www.liveinternet.ru/journals...jpostid=9683209

32. Нарисуем шерсть.
http://www.liveinternet.ru/journals...jpostid=9683589

33. Один из способов создания сферы.
http://www.liveinternet.ru/journals...jpostid=9688890

34. Украшаем елку.
http://www.liveinternet.ru/journals...jpostid=9719098

35. Огненные буквы.
http://www.liveinternet.ru/journals...jpostid=9741599

36. Как делать рамочки.
http://www.liveinternet.ru/journals...jpostid=9810783
http://www.liveinternet.ru/journals...jpostid=9925952
http://www.liveinternet.ru/journals...postid=10438826

37. Как уменьшить вес картинки.
http://www.liveinternet.ru/journals...jpostid=9812348

38. Меняем цвет глаз.
http://www.liveinternet.ru/journals...postid=10216625

39. Объединение картинок.
http://www.liveinternet.ru/journals...jpostid=9877345

40. Анимированная картинка.
http://www.liveinternet.ru/journals...jpostid=9886802

41. Как скачивать и устанавливать кисти.
http://www.liveinternet.ru/journals...postid=10227171

42. Шрифты
http://www.liveinternet.ru/journals...postid=10445371
http://www.liveinternet.ru/journals...postid=10521541

43. Анимированный дождь.
http://www.liveinternet.ru/journals...postid=10512559

44. Другие программы (ссылки).
Просмотрщик кистей:
http://www.liveinternet.ru/journals...postid=10556553

Для создания разноцветного текста:
http://www.liveinternet.ru/journals...postid=10457338

PhotoFiltre:
http://www.liveinternet.ru/journals...jpostid=9619625

45. Делаем "Коллаж".
http://www.liveinternet.ru/journals...postid=10692702

46. Как менять формат картинки.
http://www.liveinternet.ru/journals...postid=10710843

47. Водный текст, объёмный текст, стеклянный шар, логотип.
http://www.liveinternet.ru/users/ph...a/post10720543/

48. Улучшаем качество фотографии.
http://www.liveinternet.ru/users/ph...a/post10738140/

49. Как сделать прозрачный фон.
http://www.liveinternet.ru/users/ph...a/post10759789/

50. Как написать текст вертикально.
http://www.liveinternet.ru/users/ph...a/post10804689/

51. О кистях.
http://www.liveinternet.ru/users/ph...a/post10804652/

52. Фото в стиле Поп-Арт.
http://www.liveinternet.ru/users/ph...a/post10789110/
http://www.liveinternet.ru/users/ph...a/post10771201/

53. Немного о текстурах.
http://www.liveinternet.ru/users/ph...a/post10828583/

54. Текстурирование текста.
http://www.liveinternet.ru/users/ph...a/post10819254/

55. Рисуем скотч.
http://www.liveinternet.ru/journals...postid=12469193

56. Полезные ссылки.
http://www.liveinternet.ru/journals...12117628&page=1

57. Уроки с примерами.
http://www.bizhost.ru/photoshop/lessons/
http://www.graphics.ru/tutor/

 

 спасибо за пост

http://www.liveinternet.ru/users/vas

Вставляем много фото в пост (для новичков).

Вставляем фото или картинку со своего компьютера в новый пост:

1.Жмём на кнопку  "новая запись" в своём дневнике:

 

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

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

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

Яндекс-фотки. Вставляем фотографии в пост.

Название поста далось с трудом.
В общем, фотографии на яндекс-фотки мы загружать научились (ЗдЕсЬ), научились делать плейлисты... Теперь будем учиться делать посты с этими загруженными фотографиями.

Итак, грузим фотографии. Загрузили... Теперь нам надо получить код картинок для поста. Есть несколько способов. Опишу 2.

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

Идем в "Мои альбомы", выбираем альбом, в который загрузили фотографии, тыкаем кнопку "Получить код":


Дальше > > >

Отвечаю на вопрос (Учимся делать сообщения)

Этот пост для Лидии Лидия Тимофеева.

Подозреваю, что может еще кому-то пригодится. Сразу оговорюсь: все делают это по-разному... Я покажу, как Я это делаю.

Начну с того, что работаю я в расширенном редакторе...

(Для начала, на компьютере должна быть создана папка, в которой Вы сохраняете понравившуюся информацию.)

  Рассмотрим, например, такой пост:

Итак...

Нажимаем кнопку "Новая запись".

 

Нажимаем "Перейти к полной форме".

Переключаем режим на работу в расширенном редакторе. (Там выскочит табличка, жмите ОК).

Пишем заголовок.

Пишем Теги.

Нажимаем на "Обзор" и загружаем нужную фотографию).

Выбираем рубрику (это надо делать в настройках. Как это делать я уже писала

http://www.liveinternet.ru/users/manini/post141110369/).

Нажимаем "Предпросмотр" и смотрим, что получилось.

Нажимаем "Редактировать" (Внизу сообщения).

Остальные фото я загружаю через "Радикал". Копирую строчку в "Радикале" и вставляю в дневник (в белое поле). Когда все фото вставлены, жмите "Опубликовать". А затем жмите "Опубликовать в личный дневник".

ВСЕ! Сообщение в Вашем дневнике.

(Думаю, как выравнивать и редактировать текст, объяснять не надо. Вверху на панели кнопочки, разберетесь).

Как сделать ссылку на новый видео плеер? (Совет Дня)