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

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

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

<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.Как сделать рамочку для текста самому.
Всё остальное для оформления - рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога 

Изготовление разделителей для текста.

Всем привет! Иногда так бывает, что нужно разделить текст на части, но как назло ни один из имеющихся разделителей не подходит под имеющиеся в тексте картинки (фотографии и т.п.), ну или вы просто хотите чтоб у Вас были свои оригинальные разделители которых нет ни у кого другого. Вот именно в таких случаях идеально подходит бесплатная программа PhotoScape (у кого её нет в конце поста есть ссылка где её можно скачать.) Сегодня попробую рассказать как с помощью этой программы за считанные минуты создать эксклюзивные разделители для текста самостоятельно.

Создавать будем на примере Вот этого разделителя.

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

Далее ...

ОТ МОДЕРАТОРА. Как уменьшить размер изображения, загружаемого через ЛИРУ

ДРУЗЬЯ!

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

Основная ошибка (особенно у тех, кто только начинает публиковать сообщения в Вязалочках) - это очень большие изображения. Напомню, что на главной ленте можно публиковать или одно большое изображение с размером не более 500 пикселей по наибольшей стороне, или 3-5 превью с размером не более 200 пикселей по высоте или ширине.
Большие изображения загружаются долго, а ведь не у всех есть безлимитный трафик (время ожидания загрузки больших фото - лишняя трата денег).

КАК МОЖНО УМЕНЬШИТЬ РАЗМЕР ИЗОБРАЖЕНИЯ?

Очень многие пользуются загрузкой изображений непосредственно через ЛИРУ.

1. Загрузка одного изображения.


После того, как вы выберите на своем компьютере изображение, в дневнике НЕ НАЖИМАЙТЕ кнопку "Опубликовать".
Вам надо выбрать "В черновик" или "Предпросмотр".



Для примера я загрузила фото с узором.


Фактический размер фото: 535х327 пикселей, т.е. размер моего фото больше положенного (по ширине 535, а может быть только 500).
Изменить размер фото в данном случае очень ПРОСТО!

Внизу сообщения есть строка:

Выбираем "Редактировать". Наше изображение записано в html-коде.



Нас интересуют только размеры фото (ширина - width и высота - height). Выбираем наибольшее значение: в моем примере это ширина - 535. Заменяем 535 на 500. Дальше простые арифметические действия. Находим соотношение между фактической шириной и высотой: 535 делим 327. Получаем 1,636. Новую ширину 500 делим на 1,636, получаем 306. Заменяем старое значение 327 на 306. Нажимаем "Сохранить изменения".
Теперь размер фото будет: 500х306 пикселей.



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



2. Использование пакетной загрузки изображений.

Можно сразу загрузить несколько изображений, но можно загрузить и только одну картинку.


Выбираем на своем компьютере файл (он может быть любого размера) - цифра 1 на фото; нажимам "Начать закачку" (2). После закачки в окне появляются соответствующие данные о вашем файле (в моем примере - это файл узор). Отмечаем, что картинки в тексте сообщения должны быть крупными (3).



Затем опять выбираем "Редактировать" (как в первом случае при загрузке одного изображения) и смотрим html-код. Он немного увеличился, но нас по-прежнему интересую только два значения: ширина и высота.


Изменяем их значения (как в первом случае). Нажимаем "Сохранить изменения". Фото уменьшено!

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


Кликнув мышью по картинке, вы увидите полноразмерное изображение. В моем примере это картинка с размерами 535х327 пикселей (этот размер указан стрелкой).


Очень хорошее добавление к этому сообщению сделала wita121 - для тех, кто пользуется расширенным редактором ЛИРУ.

После того, как вы вставите картинку в сообщение, нажмите "Редактировать".
Затем на самом изображение кликните правой кнопкой мышки (цифра 1 на фото), откроется контекстное меню, в котором выбираете "Свойства изображения" (2). Откроется еще одно окно (3). В нем находите наибольшее значение (ширина или высота; моем примере это ширина 535), заменяете на 500. Второй параметр изменяется автоматически. Нажимаете OK. Получаете изображение нужного размера.




МОДЕРАТОР (Ирина)

Если вам что-то непонятно, задавайте вопросы.

Как легко и просто подписать любую картинку или фотографию блестящим анимированным текстом...

 

Как легко и просто подписать любую картинку или фотографию блестящим анимированным текстом. Например вот так. Все это делается очень просто и быстро. Зайдя на сайт, сначала Пишем надпись, ту, что хотим видеть на картинке. Затем его редактируем. Выбираем цвет глиттера (блеска). Щелкаем по нему мышкой, и выбираем из открывшейся таблицы.

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

Сжатие фото без потери качества

автор статьи:Сандаков Сергей

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

Думаю Вы сами знаете о том, что ничто так не раздражает, как долгая загрузка сайта. Посетители чаще всего просто уходят с таких ресурсов, так и не дождавшись загрузки странички.

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

При помощи сервиса JpegMini Вы сможете без труда сжать фото онлайн без потери качества. Всё абсолютно бесплатно, просто как пять копеек, так что разберется даже ребенок )). Сервис уменьшит вес фото либо картинки до предельно допустимой нормы, при которой качество изображения абсолютно не пострадает.

На главной страничке онлайн сервиса Вы можете сами оценить корректность работы по сжатию на тестовых фотографиях. Перемещая ползунок на фото вправо-влево, можно визуально оценить отличия оригинала от его ужатой версии весом в 3, 5 а порой и в 8 раз меньше! Скажу сразу: как я не приглядывался, но так и не обнаружил заметной потери качества )).

Чтобы уменьшить вес фото онлайн, нажимайте на кнопку «Try It Now», после чего подгружайте изображение со своего компьютера.

Все это можно сделать даже без регистрации, однако зарегистрировавшись, Вы сможете загружать сколько угодно изображений, создавать для них альбомы, делиться фото на популярных сервисах Picasa, Flickr, Facebook, и все это абсолютно бесплатно!

После того, как Ваше фото будет автоматически сжато, Вы можете визуально сравнить оригинал и результат. Цифра в нижнем правом углу на красном фоне, означает во сколько раз был уменьшен вес фото, а шкала с показателями прямо под изображением дает более точные значения этого. Нажав на кнопку «Download Photo» Вы без труда загрузите сжатое фото на свой компьютер.

При использовании онлайн сервиса JpegMini следует иметь ввиду следующее правило: чем больше размер исходного изображения, тем с большей степенью компрессии оно может быть сжато. Если для фото с исходным размером 2 мегапикселя конечный вариант уменьшается на 30 – 50%, то при использовании 8-магапиксельного фото степень сжатия составит 70% – 80%, и всё это без потери качества! По крайней мере на глаз, Вы абсолютно ничего не заметите )).

JpegMini – идеально решение для того, чтобы сжать фотографии без потери качества. Благодаря своей уникальной запатентованной технологии сжатия, по функционалу этот бесплатный онлайн сервис значительно превосходит аналогичные возможности Photoshop, а результат просто выше всяких похвал!

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

http://webtous.ru/veb-masteru/szhatie-foto-bez-poteri-kachestva.html

Как сделать свой календарь

Такой КАЛЕНДАРЬ сделать очень просто. Можно сделать календарь на месяц, а можно и на весь год. Нужно зайти на сайт http://funny.pho.to/ru/calendar/ выбрать с компьютера или с сайта нужную картинку или фото. Загрузить ,немножко подождать и сохранить себе на компьютер готовый результат, распечатать и украсить стену своего рабочего кабинета. А можно взять код изображения, щелкнув на изображение правой кнопкой мышки, и вставить в сообщение, как это сделала я.

Убиваем рекламные баннеры!

Для тех, кого достали назойливые баннеры на ли.ру и не только!
Для начала надо определиться с браузером. Если у вас допотопный Internet Explorer, то установите себе Mozilla Firefox. Настоятельно рекомендую.
И так, приступим. Так выглядит лирушечка с баннерами:

А так без баннеров!

Как мы видим, что-то убивает все нелепые и назойливые баннеры.
А это что-то называется AddBlockPlus - отличная БЕСПЛАТНАЯ баннерорезка для Firefox.
Установить ее проще простого! Идем сюда и нажимаем большую зеленую кнопку.
При установке обязательно подпишитесь на рассылку правил для Addblock, это поможет Вам блокировать свежие баннерные разработки.
Для Google Chrome тоже есть своя версия AddBlock - качаем тут.
Для пользователей Opera установите Anti-banner for Opera.
Наслаждайтесь страничками без рекламы.

ПРОГРАММА XARA 3D6




ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОППЕРАМ

ПРОГРАММА XARA 3D6



Вот такие и еще очень много объемных эффектов можно сделать с помощью программы Xara 3D6, которую можно взять ЗДЕСЬ

Читать далее

Вот, что у меня получилось


И еще урок по этой проге..))

Программа Nature IllusionStudio 3.41


Программа Nature IllusionStudio 3.41

Nature Illusion Studio - поможет вам превратить обычные снимки в прекрасные анимированные пейзажи. Программа позволяет накладывать разные графические и звуковые эффекты, и затем конвертировать результат в экранную заставку, исполняемый файл, анимированный рисунок или видео-файл. Загружаете свою любимую фотку с пейзажем, выделяете с помощью масок области, которые нужно оживить (напр. поверхность водоема, ручей, водопад и т.д.), добавляете звук (шум прибоя, пение птиц, журчание воды), можно добавить падающий снег или дождь. Вообщем, теперь вы можете самостоятельно создавать скринсэйверы профессионального качества, делать авторские анимированные GIF на основе ваших фото.
Читать далее

Генератор цвета (быстрое и удобное получение кода)

Нажимайте на понравившийся цвет и получайте код для оформления дневничков, рамок и открыток

Если вашего цвета нет на барабане генератора, напишите в строке свой цвет и програмка сама его найдёт.

Серия сообщений "рамки, схемы, оформления":
Часть 1 - ПОЛЕЗНЫЕ ШТУЧКИ ДЛЯ БЛОГА
Часть 2 - Хорошие фоторедакторы
...
Часть 42 - Схемки для дневника. (капелька, нежность орхидеи, красная смородина, рубиновые капельки, чёрный котёнок, хризантема в капле росы
Часть 43 - Генератор-создание фона
Часть 44 - Генератор цвета (быстрое и удобное получение кода)
Часть 45 - Хэллоуин (схемы, история, аватарки)
Часть 46 - Драконы- схемы для дневника (обложки)

Серия сообщений "лиру, уроки,рекомендации":
Часть 1 - Шпаргалка по HTML № 2
Часть 2 - Фотошоп. Создание пейзажа
...
Часть 30 - Регулируем получение почтовых уведомлений, урок 2
Часть 31 - Делаем бродилку по своему блогу
Часть 32 - Генератор цвета (быстрое и удобное получение кода)

Серия сообщений "проги, приложения":
Часть 1 - Генератор для фотографий
Часть 2 - ПОЛЕЗНЫЕ ШТУЧКИ ДЛЯ БЛОГА
...
Часть 12 - Различные полезные ссылки(Программы для апгрейда фото, красивое письмо)
Часть 13 - Бесплатный антивирус avast
Часть 14 - Генератор цвета (быстрое и удобное получение кода)

Урок по Вашим просьбам

Created by Crazyprofile.com

Переходим по ссылке

Читать далее

Делаем прокручивающиеся картинки (слайдшоу) прямо в сообщении

Слайдшоу можно сделать и прямо в сообщении, не прибегая к помощи графического редактора или специальных сайтов. Для этого нужно использовать специальный тег -
<marquee></marquee>

Он же используется для создания бегущей строки.
Так вот, чтобы сделать в сообщении вставку из прокручивающихся картинок, сначала нужно получить их код. Для этого нужно загрузить картинку либо на фотохостинг и взять именно код для вставки в блог, либо сделать здесь же в вашем дневнике закрытое сообщение и загрузить нужные картинки, чтобы работать с их кодами.
Код получили. Дальше обрамляем его указанным тегом, используя соответственно открывающий и закрывающий.
Далее можно добавлять свои вариации. При простом использовании тега marquee картинки будут двигаться вот так:

Оговорюсь, что сделать двигающейся можно как одну картинку, так и несколько, только коды картинок нужно вставить один за другим, и оформлять тегом не каждый в отдельности, а все вместе.
Читать далее...

Размещение музыки с другого сайта на ЛиРу (и не только на ЛиРу)

Без заголовка

Погодный информер

YoWindow.com Forecast by yr.no

как самому составить поздравление - сайт

Хочу поделиться находкой: Классный сайт "ГЕНЕРАТОР ПОЗДРАВЛЕНИЙ" На нем буквально за 5 минут можно сделать ПЕРСОНАЛЬНУЮ ОТКРЫТКУ хотя бы вот такую Все очень просто, есть инструкция... для создания поздравления ИДЕМ НА САЙТ Lkis

Делаем фильтр для почты «Яндекса» (инструкция в картинках)

Поисковик

Поиск в Википедии Введите искомые слова: Поиск в Google Что искать: Поиск в АПОРТЧто ищем: Поиск в Yandex Запрос:

Скачать видео с интернета? Самый легкий способ.

Если вы смогли что либо посмотреть и послушать в интернете ,то у вас всегда есть возможность сохранить это на свой компьютер!  

 

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

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

 

 

Для начала убедитесь что у вас на компьютере установлен браузер Mozilla Firefox . Если он не установлен, то скачать последнюю версию всегда можно здесь(http://mozilla-russia.org/ )

После установки браузера Mozilla Firefox:( в самом браузере) переходим по следующей ссылке addons.mozilla.org/ru/firefox/.( https://addons.mozilla.org/ru/firefox/addon/video-...dhelper/?src=hp-dl-mostpopular  Это сайт дополнений и расширений для данного браузера.

 

Вводим в строке поиска название : Downloadhelper

Устанавливаем данное расширение

Дожидаемся окончания установки и перезагружаем браузер

Теперь обратите внимание на этот серый значек, который у вас появился

Это и есть плагин Downloadhelper.С его помощью вы можете скачивать и сохранять любое видео-онлайн, которое вы можете просмотреть в интернете.

Для примера зайдем на сайт youtube.com

Обратите внимание - на странице с видео значек стал активным и начал вращаться. Этот говорит о том что вы с легкостью можете скачать и сохранить это видео-онлайн.

Кликните по этому значку. В появившемся списке выберите нужный вам видеофайл и укажите место для его сохранения:

 

Поздравляем! Вы успешно сохранили видеофайл у себя на компьютере. Так же можно скачивать  видео с многих сайтов.

ссылка:http://www.tvwatch.ru/skachat-video-prosto 

 

 

Как сделать прозрачный фон у картинки

Возьмём в пример одну простую картинку в формате .jpg
(вообще формат не важен особо):



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