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

Генератор для фотографий.

 

Генератор кода этой рамочки на английском, но там всего 5 шагов.

Сначала нажимаем внизу на желтую кнопку "Clear"-Очистить и убираем надпись с образца.

1.Нажимайте на  Brouse, загружайте с компа файл со своей картинкой и жмите на Uploud, ваша фотография должна появиться в рамке.

2 Выбор  формы рамки из 5 возможных, нажимайте вниэу на понравившуюся форму и она "приклеится" к вашей картинке.

3.Выбор текстуры рамки. Советую заглянуть в раздел Category - там текстуры расположены по категориям, а внизу под образцами текстур есть бегунок, его надо двигать для просмотра всех образцов.

4.Выбор анимированного эффекта (снег, дождь, сердечки, бабочки...).

5. Рисуем на фото Pen Coler - выбор цвета, Pen Size - размер кисти. Если в графе Use Glitter Pen стоит галочка, то кисть будет рисовать глиттером, если галочку убрать, то - обычным цветом. Стереть и начать рисовать сначала можно кнопкой Clear.

- Вовсе не обязательно пользоваться сразу всеми функциями генератора.

Когда всё готово надо нажать на кнопку Get HTML Code, скопировать код и вставить его в режиме  HTML-режим.

ГЕНЕРАТОР

 

Ирчик

 

 

Разместим текст в рамке

Заливаем в дневник рамку ( или ищем в инете :) )
Затем, в простом редакторе, добавляем такой код.
<div style="background: url('//img1.liveinternet.ru/images/attach/c/1//45/862/45862443_ramka34.jpg'); width: 524px; height: 699px; "> <div style="width: 200px; height: 250px; margin-top: 60px ; margin-left: 80px; text-align: center; font-size: 14px;"> Ваш текст1 </div> <div style="width: 200px; height: 250px; margin-top: 80px ; margin-left: 250px; text-align: center; font-size: 14px;"> Ваш текст2 </div> </div>

Что бы было понятнее я уберу стили и тогда получится

1: <div> 2: <div>текст1</div> 3: <div>текст2</div> </div>

У первого дива в стиле прописан фоновый рисунок background: url( 'http://.....').

Вместо моего //img1.liveinternet.ru/images/attach/c/1//45/862/45862443_ramka34.jpg Вы прописываете адрес своего рисунка.

Ширина width и высота height первого дива точно такая же как и высота и ширина фонового рисунка

Для каждого участка где будет размещаться текст создадим отдельный див. Для ТЕКСТ1 это второй див, для ТЕКС2 - третий.

Ширина и высота этох дивов такая как ширина и высота поля для вывода. В моем случае ширина width: 200px, высота height: 250px;

Все что осталось это вывести эти дивы в нужном месте. Для этого для каждого дива указываем отступ сверху margin-top и отступ слева margin-left

Вот собстевнно говоря и все :)))

Для наглядности я в дивах, в которых выводится текст, прописал в стиле border: solid 1px #f00000
( для другого дива цвет #0000f0 )

Вот что получилось

Рамка с тенью

<table style="text-align: left; width: 100%;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="vertical-align: top; height: 40px; width: 20px; background: url('//img1.liveinternet.ru/images/attach/c/1//45/670/45670814_ul.jpg') no-repeat;"></td> <td style="vertical-align: top; height: 40px; background: url( '//img0.liveinternet.ru/images/attach/c/1//45/670/45670816_u.jpg') repeat-x;"></td> <td style="vertical-align: top; height: 40px; width: 20px; background: url( '//img1.liveinternet.ru/images/attach/c/1//45/670/45670827_ur.jpg') no-repeat;"></td> </tr> <tr> <td style="vertical-align: top; width: 20px; background: url( '//img1.liveinternet.ru/images/attach/c/1//45/670/45670835_l.jpg') repeat-y;"></td> <td style="vertical-align: top; background-color: #fff7d0; font-size: 20px;"> Ваш текст </td> <td style="vertical-align: top; width: 20px; background: url( '//img0.liveinternet.ru/images/attach/c/1//45/670/45670881_r.jpg') repeat-y;"></td> </tr> <tr> <td style="vertical-align: top; height: 40px; width: 20px; background: url( '//img0.liveinternet.ru/images/attach/c/1//45/670/45670888_dl.jpg') no-repeat;"></td> <td style="vertical-align: top; height: 40px; background: url( '//img1.liveinternet.ru/images/attach/c/1//45/670/45670895_d.jpg') repeat-x;"></td> <td style="vertical-align: top; height: 40px; width: 20px; background: url( '//img1.liveinternet.ru/images/attach/c/1//45/670/45670906_dr.jpg') no-repeat;"></td> </tr> </tbody> </table>

	Ваш текст

Все рамочки в одном месте.

Как делать рамки? Не хочу пугать вас непонятными тегами НТМЛ кода.Не заморачивайтесь пока из чего состоит рамка.Сразу не поймёте,только когда сделаете несколько десятков штук.Самое главное понять сам принцип куда вставлять фон,текст,ник,линеечки.А потом в процессе разберётесь с цветом,размером и другими ТЕГАМИ. Нажимаем на кнопочки ,выбираем рамку нужных слоёв и пробуем сделать самостоятельно под свой дизайн. Всем удачи!!!Если не умеете совсем делать рамки напишите и я помогу вам сделать рамку тех оттенков какую захотите. Варианты рамок.Ещё будут добавляться. Смотрим и выбираем рамки далее... Обновления смотрим и жмём. дневник Милолика Покровская

Убираем стрелки-расширения с картинок на Лиру.

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

ЗДЕСЬ далее...

О любимом шрифте

Многим любителям создания рамочек полюбился шрифт с названием - Monotype-Corsiva, но бывает, что не у всех он установлен, хотя в новые компы сейчас вводят целый пакет шрифтов. Скачивать и устанавливать шрифты целыми пакетами, по-моему, нет никакого смысла. Этот шрифт не на всех сайтах можно найти, но вот здесь его можно взять без проблем - http://www.woweb.ru/blog/7-0-4 - Monotype-Corsiva Установить шрифт очень просто - http://www.liveinternet.ru/users/3092960/post136091914/ Если Вы его установили, то этот шрифт будет отображаться во всех записях, где он указан и программах (фотошопе, паинте....) Удачи Вам! Славница. Славница

Всё о HTML...начинающим и не только...

А вот еще одна маленькая хитрость. Вы хотите поставить рамочку или картинку или часики по центру, а они ну никак не встают и даже, если Вы применили теги <center></center>. Не буду заморачивать долго голову; почему так происходит, А просто скопируйте вот этот код <div align="center"> и вставьте его в самом начале кода своей рамочки или картинки Вот они и в центре!Все так просто!! Если надо поставить картинку слева или справа, то в коде вместо center поставьте теги left и right И еще раз о NTML-кодах буквально для новичков и не только... Код краткой шпаргалки для Вашего блога Принципы HTML Как вставлять готовые коды Разделительные линии Способы выделения текста Списки HTML Бегущая строка Шрифты HTML Как изменить размер, цвет и шрифт текста Красивый текст Убрать под кат Цвета HTML Flash-программы по подбору цвета Таблица цвета HTML, буквенное написание Таблица HTML Как быстро скопировать изображение Как защитить изображение от копирования Фон для записи Как написать на картинке без фотошопа Оформление ссылок Кнопки для сайта Интерактивное изображение Как сделать бродилку составление кнопок бродилки в виде таблицы, имитац... Как изменить размер плеера Вставка Flash Окошко для кодов HTML-редактор Шпаргалка по HTML для блоггера Arnusha

Спасибо NATALKA

Фотошоп онлайн


Отличный сервис для обработки фотографий и изображений. Функционально очень напоминает известный графический редактор Фотошоп. Изображение редактируется очень быстро, выбор инструментов довольно внушителен. Рекомендую.

ЕЩЁ О HTML-кодах.Урок.

Интересные HTLM-коды 1. Ваш текст в объемной 3D-рамке Размеры блока div задаются атрибутами: div style=width:200px; height:50px; где width:200px; - ширина блока 200 пикселей, height:70px; - высота блока 70 пикселей, border-color:#8800dd; - цвет рамочки (его можно изменить, поставив после знака # другое значение). Получим: Ваш текст в объемной 3D-рамке - размеры рамки здесь фиксированые   Код:   2. Если не задавать вышеуказанные параметры - получается так: Ваш текст в объемной 3D-рамке - на всю ширину поста   Код: Цвет можно подбрать здесь 3. Всплывающее окошко с пояснением при наведении на текст курсора: Код: Подведите курсор к этому тексту 4. Правильное (и уважительное) указание автора под скопированным текстом (цитатой) с всплывающей дополнительной информацией при наведении курсора. Пример: ©Arnusha Код:

Arnusha

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

Как уменьшить анимированную картинку в программе GIMP

Как сделать аватарку из большой анимированной картинки в Photoshop вы уже знаете... Сегодня покажу, как это делается в бесплатной программе GIMP. Официальный сайт - gimp.org, русскоязычный сайт - gimp.ru, страница загрузок - http://www.gimp.ru/viewpage.php?page_id=8 (или вы предпочитаете скачивать из дневников ЛиРу через файлообменники?), страница с уроками - http://www.gimp.ru/articles.php (или вы предпочитаете читать только уроки, выбранные другими пользователями ЛиРу?).

Короче говоря, делается это так. «Это» - это уменьшение картинки-анимашки.

Как-как... А вот так!

Как самостоятельно исправлять ошибки в отображении записей в дневнике

Сначала напишу, что делать, а потом, кому интересно, расскажу что и почему. Итак, если у вас не видно какую-то запись в списке записей, то надо 

1) Зайти в настройки дневника (например по ссылке Настройки под аватаром или в нижней панели)
2) Перейти в "Настройки дневника"
3) Найти блок "Перегенерация" и нажать там ссылку "Список записей..." и все встанет на свои места.

Длинные объяснения

Фотошоп онлайн на русском для всех

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

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



Интерфейс как мне показалось один в один как у Adobe Photoshop и полностью на русском языке. Не требует регистрации, скачивания на свой ПК, никаких отправок СМС как во многих сервисах онлайн редакторов и фоторамок. Сам редактор по сравнению с обычным фотошоп кажется более облегченной версией – но, тем не менее, является очень функциональным и возможностей вполне хватает для рядовых домашних обработок. Конечно для профессиональных фото дизайнеров он не подойдет по ряду причин – но всем остальным рекомендую именно его, с учетом что для 90% пользователей требуется только убрать эффект красных глаз, уменьшить фотографию, прибавить насыщенности или вырезать некий участок изображения. У данного редактор фотографий онлайн имеется русское руководство, по которому я за полтора часа быстро в нем разобрался можно сказать полностью, все с примерами и объяснениями наглядно и понятно, есть несколько уроков. Хочется отметить еще несколько плюсов, которые приятно меня порадовали – это возможность работы со слоями в редакторе и наличие фото хостинга для хранения своих фото шедевров во многих форматах!

Ко всему вышесказанному добавлю, что редактор будет очень удобен всем блоггерам! Для быстрой и качественной подготовки изображений - лучше варианта еще не встречал. Кстати изображение для данного поста я также обрезал и уменьшал в данном фотошоп онлайн на русском (потратил не более минуты).

Теперь пользуюсь только этим редактором и чего и Вам советую!

Большое Спасибо за наводку Петру Харитонину и его посту Свой сайт - мечта сбылась

Флеш-Эпиграф оформляем свой дневничёк.№1

Новое необычное флеш оформление ,как Эпиграф в ваш дневник.
Устанавливаем его так:
Копируем код понравившихся Эпиграфов.Заходим в НАСТРОЙКИ.Жмём.
Находим надпись-НАСТРОЙКИ ДНЕВНИКА.Жмём.
Внизу ищем ЭПИГРАФ ДНЕВНИКА.И Вставляем в окошко рядом -этот КОД.
В самом низу не забудьте нажать ВНЕСТИ ИЗМЕНЕНИЯ.


[flash=500,349,http://i946.photobucket.com/albums/ad307/dream5168/dream99112207.swf]
ЗДЕСЬ ещё...

Бродилка по GIMP( от Александры)

Серия сообщений "GIMP":
Часть 1 - Упрощенный фотошоп
Часть 2 - Подмигивание
...
Часть 98 - Gimp:анимация вращения
Часть 99 - Gimp: Анимированное рисование контуром
Часть 100 - Gimp: анимация стирания изображения

Фишки YouTube, о которых вы возможно не знали

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

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

 

По случаю хочу представить Вашему вниманию  несколько интересных приемчиков для работы с этим сервисом.

1. Как смотреть видео на ютуб в высоком качестве

На ютуб, есть огромное количество видео роликов да еще в таком качестве, что не грех плеер на весь экран растянуть, для того что бы проверить, есть ли видео в лучшем качестве к строке адреса добавьте ‘&fmt=18′ (стерео, 480 х 270 разрешение), ‘&fmt=6′ (моно, 480 х 270 разрешение) или ‘&fmt=22′ (стерео, 1280 x 720 разрешение).

18: битрейт 512, 24 к/сек, видео-кодек h.264, аудио-кодек AAC

6: битрейт 900, 30 к/сек, видео-кодек Flash Sorensor, аудио-кодек MP3

2. Как вставить ролик с ютуб на сайт с хорошим качеством

Так мы разобрались как смотреть ролики в хорошем качестве, но такое чудо и посетителям своим показать не грех, для этого добавляем к embeded коду или “&ap=%2526fmt%3D18″ или “&ap=%2526fmt%3D22″ соответственно.

3. Как вставить ссылку на ролик ютуб, на определенную минуту (секунду)

Порой в ролики самый раш начинается после 5 минут бреда, а тратит время на всякую чепуху ой как не хочется. По этому, для того что бы сохранить время ваших друзей добавляйте к ссылке “#t=03m22s” m — минуты, s — секунды.

Читать статью полностью

 

Полезняшки от JapanBlog

Простенький ФОТОРЕДАКТОР

http://blog.kp.ua/users/3672010/post162059596/

Очень многие обращаются ко мне с просьбой, где можно подписать фотографию или картинку, сделать ее авторской. Для этого, я пользуюсь вот этим сайтом. Это очень простенький ФОТОРЕДАКТОР, но чем он хорош - можно доба...

Пейзажи в png 2

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