Генератор движения картинок

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

Урок: "Как распаковать и создать архив"

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

Делаем Таблицу с Картинками(ссылками).

Девчата, меня попросили сделать урок, как можно,на небольшом пространстве разместить много картинок. В этом вам помогут Таблицы, в них очень удобно компактно загружать картинки. Таблица с 6 картинками будет выглядить вот так. Картинки лучше подбирать одного размера. ЗДЕСЬ далее... Милолика Покровская

Делаем рамочку вместе.Урок.

Переходим на сайт Рамочник
наверху выбираем,нужный скелет для вашей рамочки,я выберу второй;

продолжение урока здесь

Делаем схемы!

http://www.liveinternet.ru/users/lidja/post145774831/

Делаем схемы! Полезная информация для тех, кто хочет делать схемы самостоятельно или вообще разобраться в настройках дизайна: Сохраняем себе понравившуюся схему: http://www.liveinternet.ru/users/2670115/post125612070/ Как удалить схему из каталога...

генератор календаря и часиков

СДЕЛАЙ САМ ! Календарь на любимой картинке. сделать свой Часы на любимой картинке. сделать свои

Поля для кодов. Внешний вид и пр.

Такой небольшой, но очень полезный постик:)

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



И здесь некий код, который можно легко скопировать

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

Пишется оно очень просто:

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

Скачать любое видео в браузере Mozilla Firefox.

Иногда, просматривая сайты, мы натыкаемся на интересное видео, которое хочется иметь у себя на компьютере для просмотра или изучения. Возникает вопрос: как это сделать? Очень хорошее решение данной проблемы предложил веб-мастер Саня Сим. Правда, этим способом могут воспользоваться обладатели браузера Mozilla Firefox. С помощью специального плагина, который встраивается в браузер, практически любой аудио-, видео-, флешфайл становятся доступны для сохранения на жесткий диск вашего компьютера.

Предоставляю слово автору этого урока:

Программа для создания книги из фото

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

Скачать программу 

Основные возможностипрограммы:
• Создание книги и альбома с настоящим эффектом перелистывания страниц
• Поддержка изображений, а также файлов swf, видео (flv), pdf форматов
• Сохранение резултатов в swf, html, exe, создание скринсейвера или отправка по электронной почте
• Добавление музыки
• Добавление динамических фонов
• Добавление эффектов
• Добавление названия книги
• Изменение размеров книги и т.д.

 

Читать далее

Серия сообщений "Программы для дизайна и графики":
Часть 1 - Простая программа для создания анимации
Часть 2 - Хотите увидеть как Вы будете выглядеть через 20 лет?
...
Часть 51 - Программа для создания веселых коллажей
Часть 52 - 15 сайтов с бесплатными изображениями
Часть 53 - Программа для создания книги из фото

Мои находки

все внутри

Урок-как добавить анимацию на вашу картинку.

Урок- как добавить анимацию на вашу картинку Ну что, мои хорошие...Освоим ка мы с вами еще один интересный урок.Вот посмотрите на картинку...

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

ФОНЫ С КОДАМИ ДЛЯ ВАС

Animal Backgrounds Animated Backgrounds Animated Love Backgrounds Animated Hearts Backgrounds Baby Backgrounds Blue Backgrounds Blue Stripe Backgrounds Brick Backgrounds Brown Backgrounds Birthday Backgrounds Butterfly Backgrounds Candy Backgrounds Cartoon Backgrounds Christmas Backgrounds Computer Backgrounds Cool Backgrounds Clouds Backgrounds Colorful Line Backgrounds Cute Backgrounds Cute Cartoon Backgrounds Dark Backgrounds Dark Blue Backgrounds Dark Green Backgrounds Easter Backgrounds Emo Backgrounds Flower Backgrounds Food Backgrounds Girly Backgrounds Glitter Skull Backgrounds Gothic Backgrounds Green Backgrounds Grey Backgrounds Halloween Backgrounds Hearts Backgrounds Holiday Backgrounds Light Blue Backgrounds Light Green Backgrounds Love Backgrounds Marble Backgrounds Metal Backgrounds Mothers Day Backgrounds Multi Color Backgrounds Music Backgrounds Nature Backgrounds Orange Backgrounds Pattern Backgrounds Pink Backgrounds Pregnancy Backgrounds Psychedelic Backgrounds Purple Backgrounds Rainbow Backgrounds Red Backgrounds Retro Backgrounds Rock Backgrounds Scenic Backgrounds Skull Backgrounds Sky Backgrounds Splatter Backgrounds Star Backgrounds Stripes Backgrounds Thanksgiving Backgrounds Tiled Backgrounds Water Backgrounds Wave Backgrounds Wood Backgrounds X-Pattern Backgrounds Yellow Backgrounds Ещё фоны. MElenKa

НОВИЧКАМ: вставляем правильно коды картинок в комментарии

Существует два способа вставки картинки в комментарии: 
1. путем перехода к полной форме комментариев и прикрепления к своему комментарию нужного файла;
2. вставки в тело комментария готового кода, который можно получить либо путем заливки на специализированные сервисы (www.radikal.ru, www.pixs.ru и т.д.), либо взятия уже готового со множества сайтов с разными красивыми картинками, блестяшками, анимашками и прочими украшалками.
Вот о том, как правильно использовать и вставлять эти коды, мы сегодня и поговорим.
Казалось бы, что проще: скопировал и вставил код на понравившуюся картинку. Но все так то просто)). Вам с готовностью дают коды, но в каждом из них сидит активная ссылка на сайт, оказывающий подобного рода услуги. Фактически, Ваша картинка - это активная внешняя ссылка. А если говорить очень просто, то все внешние ссылки уменьшают вес самого сайта, на котором они размещены. Если блоггер занимается оптимизацией своего дневника и нацелен на его дальнейшее развитие и продвижение, то куче внешних ссылок, ведующих неизвестно куда, он явно рад не будет.

Поэтому мы на конкретном примере расмотрим как вставить код, но при этом сделать это "красиво".

Допустим, я хочу оставить в комментарии вот такую красивую открытку.

Читать далее

ДЕЛАЕМ КНОПКИ

УРОКИ ОТ ЛЮБЫ

Шпаргалочка по тегам

Шпаргалочка по тегам

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

Перечёркнутый текст: ТЕКСТ

<s> ваш текст </s>

Подчёркнутый текст: ТЕКСТ

<u> ваш текст </u>

Полужирный текст: ТЕКСТ

<b> ваш текст </b>

Полужирный крупный: ТЕКСТ

<big> ваш текст</big>

Курсивный текст: ТЕКСТ

<i>ваш текст </i>

Маленький текст: текст

<small>ваш текст</small>

Текст (картинка) по центру:

<center>ваш текст (картинка) </center>

Выравнивание текста по правому краю поста:

<div align="right"> ваш текст </div>

Равномерное выравнивание текста по всей ширине поста:

<div align="justify"> ваш текст </div>

Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):

<blockquote> ваш текст </blockquote>

“Закрепитель” (фиксирует текст так, как и расположите его в поле поста):

<pre>ваш текст</pre>

Бегущая строка (картинка):

<marquee> ваша бегущая строка (картинка)</marquee>

Добавленный атрибут direction=right задаст направление движения слева направо, по умолчанию - справа налево

Сноска вверху: ТЕКСТ^сноска

^{ваша сноска}

Сноска внизу: ТЕКСТ_сноска

_{ваша сноска}


Размер шрифта:

Уменьшить текст: текст - 2

<font size="-2"> уменьшенный текст </font>

Увеличить текст на 1 пункт: текст + 1

<font size="+1"> увеличить текст на 1 пункт </font>


Увеличить текст на 2 пункта: текст + 2

<font size="+2"> увеличить текст на 2 пункта </font>


Увеличить текст на 3 пункта: текст + 3

<font size="+3"> увеличить текст на 3 пункта </font>


Цвет шрифта

КРАСНЫЙ: красный текстм

<font color="red"> красный текст </font>

ЖЕЛТЫЙ: желтый текст

<font color="yellow"> желтый текст </font>

ФИОЛЕТОВЫЙ: фиолетовый текст

<font color="purple"> фиолетовый текст </font>

ЗЕЛЕНЫЙ: зеленый текст

<font color="lime"> зеленый текст </font>

СИНИЙ: синий текст

<font color="navy"> синий текст </font>

ФУКСИЯ: фуксия текст

<font color="fuchsia"> фуксия текст </font>


Оформление ссылок

Как вставить ссылку на веб-страницу:

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС СТРАНИЦЫ"> ВАШ ПОДЗАГОЛОВОК</a>

Как сделать, чтобы картинка была ссылкой на веб-страницу:

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ В СЕТИ" /></a>

Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС СТРАНИЦЫ" target="_blank"> ВАШ ПОДЗАГОЛОВОК </a>

ЛиРу - как сделать бегущую строку ( плюс дополнение к "html для начинающих")

ЛиРу - как сделать бегущую строку ( плюс дополнение к "html" для начинающих)

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

Есть такой специальный тег "marquee", который и поможет вам сделать бегущую строку. Изначально он работал только в браузере Internet Explorer, но теперь почти во всех браузерах.
Лично я проверил,- не работает только в Google Chrome, а в Mozilla Firefox иногда зависает,- надо просто обновить страничку и все заработает:-) А в Opera и Internet Explorer,- работает без проблем:-) Так что имейте это в виду.
Сразу оговорюсь, бегущей строкой может быть не только текст, но и картинка, ссылка например. Покажу наглядно:-)
Вот допустим две картинки:

Применяя этот "код",- вот что получим:




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

Сделай для блога кнопку.

Всем привет!

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

Самая простая кнопка

 

 

 

В общем-то это сама кнопка, а во флейме её код, ниже на картинке фото этого кода

 

 

 

Не нажимай

 

Остальные рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога 

Как разместить в посте много картинок с кодами

Выглядят они примерно так, как эта популярная нынче картинка с работником и колхозницей:

<a href="bravedefender.ru"><img border="0" src="//s41.radikal.ru/i093/0911/e6/79eee205228c.gif"></a>

 

Как разместить в посте много картинок с кодами

Рамки для комментариев

.......Ваш текст.......

<center><table border="1" background="//i061.radikal.ru/0807/93/07739df07a7a.jpg" cellpadding="30" cellspacing="30" width="350"><tr><td><font size="4"><b><font color="#8B658B"><font face="monotype corsiva">.......Ваш текст.......</font></font></b></font></td></tr></table><br /></center>

.......Ваш текст........

<center><table border="1" background="//i045.radikal.ru/0805/fa/23c0a9878c78.jpg" cellpadding="30" cellspacing="30" width="350"><tr><td><font size="4"><b><font color="#8B7E66"><font face="monotype corsiva">.......Ваш текст........</font></font></b></font></td></tr></table><br /></center>

......Ваш текст........

<center><table border="1" background="//i034.radikal.ru/0805/99/7c50855bcb59.jpg" cellpadding="30" cellspacing="30" width="350"><tr><td><font size="4"><b><font color="#8B7E66"><font face="monotype corsiva">......Ваш текст........</font></font></b></font></td></tr></table><br /></center>

.......Ваш текст........

<center><table border="1" background="//i046.radikal.ru/0804/70/ee30224cb807.jpg" cellpadding="30" cellspacing="30" width="350"><tr><td><font size="4"><b><font color="#8B814C"><font face="monotype corsiva">.......Ваш текст........</font></font></b></font></td></tr></table><br /></center>

Код следующих рамок не менять!!!

.......Ваш текст........

<center><table border="1" background="http://strecoza.net/textures/GLITTER/Glitter/BabGlitA36.gif" cellpadding="6" cellspacing="0" width="490"><tr><td><table border="1" background="//i020.radikal.ru/0802/e7/39a30f61c684.jpg" cellpadding="5" cellspacing="20" width="100%"><tr><td><font size="4"><b><font color="#8B008B"><font face="monotype corsiva"><br /> .......Ваш текст........</font></font></b></font></td></tr></table></td></tr></table><br /></center>

.......Ваш текст........

<center><table border="1" background="http://strecoza.net/textures/GLITTER/Glitter/BabGlitA13.gif" cellpadding="6" cellspacing="0" width="490"><tr><td><table border="1" background="//i006.radikal.ru/0802/86/24ff9903bf3e.jpg" cellpadding="5" cellspacing="20" width="100%"><tr><td><font size="4"><b><font color="#FFEC8B"><font face="monotype corsiva"><br /> .......Ваш текст........</font></font></b></font></td></tr></table></td></tr></table><br /></center>

.......Ваш текст........

<center><table border="1" background="http://strecoza.net/textures/GLITTER/Glitter/BabGlitA24.gif" cellpadding="6" cellspacing="0" width="490"><tr><td><table border="1" background="//i012.radikal.ru/0802/45/9e75719d5862.jpg" cellpadding="5" cellspacing="20" width="100%"><tr><td><font size="4"><b><font color="#FFFFE0"><font face="monotype corsiva"><br /> .......Ваш текст........</font></font></b></font></td></tr></table></td></tr></table><br /></center>

СПАСИБО!!!

<center><table border="1" background="http://strecoza.net/textures/GLITTER/Glitter/BabGlitA37.gif" cellpadding="6" cellspacing="0" width="490"><tr><td><table border="1" background="//i032.radikal.ru/0802/10/c38505e9715c.jpg" cellpadding="5" cellspacing="20" width="100%"><tr><td><font size="4"><b><font color="#B03060"><font face="monotype corsiva"><center><br /> СПАСИБО!!!</center></font></font></b></font></td></tr></table></td></tr></table><br /></center>

СПАСИБО!

<br /> <center><table border="1" background="http://strecoza.net/textures/GLITTER/Glitter/BabGlitA27.gif" cellpadding="6" cellspacing="0" width="490"><tr><td><table border="1" background="//i027.radikal.ru/0802/9c/b7e5687efb08.jpg" cellpadding="6" cellspacing="20" width="100%"><tr><td><font size="6"><b><font color="#FFEC8B"><font face="Mistral"><center>СПАСИБО!</center></font></font></b></font></td></tr></table></td></tr></table><br /></center>

СПАСИБО!

<br /> <center><table border="1" background="//i027.radikal.ru/0802/82/7ad1a5786fdf.gif" cellpadding="6" cellspacing="0" width="470"><tr><td><font size="4"><b><font color="#FFEC8B"><font face="Mistral"><br /> <center>СПАСИБО!<center></center></center></font></font></b></font></td></tr></table><br /></center>

СПАСИБО!

<center><table border="1" background="//i046.radikal.ru/0802/dc/d0f5ccdc8d76.gif" cellpadding="6" cellspacing="0" width="470"><tr><td><font size="4"><b><font color="#FFEC8B"><font face="Mistral"><br /> <center>СПАСИБО!<center></center></center></font></font></b></font></td></tr></table><br /></center>

СПАСИБО!

<br /> <center><table border="1" background="//i019.radikal.ru/0802/7b/8030e4cfc875.jpg" cellpadding="6" cellspacing="0" width="470"><tr><td><font size="4"><b><font color="#FFEC8B"><font face="Mistral"><center><br /> СПАСИБО!<center></center></center></font></font></b></font></td></tr></table><br /></center>

Разделители, завитушки (анимированные и заготовки).

Недавно разбирала вектор. Мне этот файл понравился. Из общего файла вытащила завитушки и сделала наскоро разделители. Вообще не очень люблю анимированные, но приближающийся праздник обязывает:-)
Собственно гружу и полностью файл (для тех, у кого есть иллюстратор) и вытащенные ai-шки, и, во втором архиве, добавлены еще файлы в png, 3000 пкс по большей стороне. Можно сделать формами, предварительно перекрасив стилями слоя в черный цвет.
Мои ai-шки нормально откроются в фотошопе, ибо сгруппированы. О том, как их открывать в следующем посте. Получаются такие штучки:

<img src="//img0.liveinternet.ru/images/attach/c/0//53/6/53006468_01.gif" alt="разделители" />

Дальше > > >