Как сделать картинку с кликабельными надписями.

 

Делала картинку с кликабельными надписями в целях рекламы моего блога (не этого блога; всё, что рекламируется, есть уже здесь:)))), а потом подумала - фишка неплохая, почему бы и не сделать урок для ЛиРушников! Во всяком случае, на просторах ЛиРу не встречала такого урока, правда, специально не искала.Но неважно. Главное, чтобы урок пригодился кому-нибудь!

Покликайте, пожалуйста, надписи на картинке для того, чтобы проверить, как она работает!

Ну, как?! Здорово?! :)))

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

Читать и учиться дальше!

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

Хочу вас познакомить с замечательным сайтом, где есть все, что вам хочется сделать со своей фотографией! Более 300 шаблонов на любой вкус: Эффекты живописи и карандаша, Коллажи со знаменитостями, Удивительные рамки, Фотомонтаж лица, Мультяшки, Различная анимация, Фигуры из фото, Простые рамки. Фото фильтры, Знаки зодиака, Сложные эффекты, Шаблоны для множества фото и много много всяких эффектов. Сайт очень простой в обращении, легко сохраняется. Пишу сразу, что делаю описание как в нем работать в МАЗИЛЕ. В других браузерах не пробовала. Я сделала ФОТО ниже в GOOGLE Немного о том как работать на сайте- Зайдя на сайт, выберите из множества рамок ту, что вам понравится. Пройдите (бегунком) по странице вниз, она очень большая, и эффектов внизу много. Выбираете себе рамку и щелкаете по ней мышкой. Вам предложат на выбор- откуда будете брать фото- с компа или из инета. Выбираем например с компа, и нажимаем кнопку С ДИСКА Когда фото загрузится, вам предложат его редактировать т.е. обрезать. отметьте рамкой, что вы хотите видеть в рамке, потянув за уголки. И нажмите ЗАКАЧАТЬ когда вас все устроит. Картинка готова, теперь смотрите на кнопки, можете сменить шаблон, фото, а если все устраивает, сохраняйте в комп. Выберите папку когда сохраняете, к какую сохранять, и не забудьте поставить точку СОХРАНИТЬ ФАЙЛ, когда выскочит табличка где сохранить. Вот и все. Успехов. А это то, что получилось у меня, пока делала этот урок Кому понравился сайт ИДЕМ СЮДА Из блога ГАЛИНЫ ШАДРИНОЙ

ПОСТ В РАБОТЕ

Лорик

 

 

Серия сообщений "урок":
Часть 1 - Интересные и полезные ссылки
Часть 2 - Для изучения немецкого
...
Часть 18 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 19 - Список уроков.Как ОФОРМИТЬ ДНЕВНИК.
Часть 20 - ПОСТ В РАБОТЕ
Часть 21 - ПАЛИТРА ЦВЕТОВ С КОДАМИ
Часть 22 - Создаём виньетку
...
Часть 98 - Картинка из кодов
Часть 99 - Как расположить табличку с картинками по центру страницы?
Часть 100 - Как сделать рамочку для текста самому.

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

Написание ссылок в постах

С сылками ставлкивается наверное каждый блоггер, который пишет не только свои впечатления о дне прожитом, но и рассказывает о встреченных в сети полезностях с ссылкой на эти сами полезности. Итак, ссылки пишутся по следуюему шаблону:
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС СТРАНИЦЫ"> Ваш текст </a>
<<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС СТРАНИЦЫ" target="_blank">текст</a> - открывается в новом окне
<<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС СТРАНИЦЫ" target="_blank" title="Пояснительный текст"><img src="URL картинки" /></a> - так называемый баннер, при наводе мышки на который всплывает "пояснительный текст". URL картинки я обычно беру с радикала, пункт 1.
Получается довольно миленькая картинка, которая ведет на мой сайт, при наведении показывается адрес моего сайта:


Вот такой вот результат:)

Чтобы выделиться, можно текст ссылок написать другим шрифтом, шрифтом другого размера и т.д. Код такого изменения выглядит так: <<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС СТРАНИЦЫ" style="font-family:Monotype Corsiva;color:green;font-size:25px">Ваш текст</a> , где вместо Monotype Corsiva можно поставить любой понравившийся шрифт, green заменить на любой другой цвет и размер шрифта 25 пикселей тоже меняете. Надеюсь, объясняю понятно:) В крайнем случае для меня, а я полный чайник, повторюсь, что все вышеизложенное в свое время выужено из сети, из разных источников.
Для особо увлекающимися написанием постов с использованием ссылок можно еще сделать следующее:

Подчеркнутая ссылка

Ссылка зеленого цвета, подчеркнутая красной чертой
Код: <<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС СТРАНИЦЫ" target="_blank" style="color:red; text-decoration:underline;"><span style="color:green;">Ваш текст</span></a>

Аналогично пишется ссылке в рамке, только при этом задают параметр нижней границы рамочки: border-bottom
Код: <<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС СТРАНИЦЫ" style="border-bottom: 2px dotted DarkGreen; text-decoration: none;">Ваш текст</a>


На цветном фоне

Ссылка
Код: <<a style="background-color: #6A5ACD; color: #E0FFFF; padding: 3px" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС СТРАНИЦЫ">Ссылка</a>

Маски и фотошоп

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

Урок по созданию слайд-шоу в программе Nero Vision4




Предлагаю вашему вниманию урок по созданию слайд-шоу через программу «Nero Vision».
В некоторых версиях Nero, это приложение уже установлено. Если же в более ранних версиях Nero этого приложения нет, следует его закачать из Интернета. Думаю, для вас это не составит большого труда. Писать постараюсь доступным языком, если что-то окажется непонятным, жду ваших вопросов.

Итак, начинаем наш урок.

На первом этапе я бы посоветовала вам собрать все нужные для слайд-шоу картинки в отдельную папочку, так будет удобнее и быстрее. Понадобится примерно 20 картинок, чуть больше или чуть меньше, это будет зависеть от того какой длины по времени у вас будет музыкальный файл.
Открываем приложение Nero Vision. Для наглядности я его подчеркнула красным карандашом.

А это уже сама программа

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

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

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


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

А и не надо!

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

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

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

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

Золотой эффект в фотошопе

Давно, еще в марте я выставляла урок фотошопа "Все золото Фотошопа"для CS2. Но прошло время и сейчас у меня CS5 и этот эффект теперь делается немного по-другому. И я решила, что не будет плохо, если я напомню про этот эффект, но с новыми настройками.

Делаем фоны!

Большая подборка уроков по созданию бесшовных фонов для схем!
Как сделать прозрачный фон
Как сделать бесшовный фон
Генератор бесшовных фонов онлайн
Как сделать бордюрный фон
Еще один способ сделать бесшовный фон
Как сделать фон из анимированной картинки
Как сделать фон в Corel PhotoPaint
Как сделать одну большую картинку фоном дневника.

Как изменить цвет плеера под цвет рамочки,а потом вставить плеер в картинку?Урок...







Жмём

Как и обещала-генератор фото MakeSweet. Урок..

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

Жмем на смайлик и попадаем на сайт.

ЖМЁМ

Добавляем музыку в дневник...






Дальше

Делаем сами музыкальную открытку.

Делаем сами музыкальную открытку.





ПРОДОЛЖЕНИЕ УРОКА ТУТ...

Двойной текст.

Оригинальное ЗАГЛАВИЕ для оформления блога - необычный двойной текст.
Чуть ниже копируйте его код. В этом коде можно менять
РАЗМЕР ТЕКСТА - font-size: 55px . Эти цифры на любые другие.
А также
ЦВЕТ ТЕКСТА - color: #000000 на ваши любимые цвета.

Пробуйте, удачных вам экспериментов!!!

ВАШ ТЕКСТ
ВАШ ТЕКСТ

.

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

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

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

Ваша картинка с надписью и в рамке.Урок.




Весь урок внутри,жми

Кладезь для всех начинающих...

Я здесь буквально всё собрала,что касается текста,шрифта и т.д. и т.п.
Кто хочет разобраться в этих тонкостях,сохраните к себе и по-маленьку изучайте...

ИТАК...

<b>ВАШ ТЕКСТ</b> Полужирный текст

<i>ВАШ ТЕКСТ</i> Выделение текста курсивом

<u>ВАШ ТЕКСТ</u> Подчёркнутый текст

<s>ВАШ ТЕКСТ</s> Зачёркнутый текст

маленький текст <small>ВАШ ТЕКСТ</small> маленький текст

ВСЁ ВНУТРИ,МНОГО

Разные стили Прокрутки для поста.

По просьбам моих ПЧёлок продолжаем тему прокруток. Существуют восемь атрибутов, которыми можно задавать различные параметры полос прокрутки. Не обязательно использовать одновременно все атрибуты. Стили Прокрутки бывают разные, с цветом и просто обычные серенькие. Ещё раз из чего она состоит. 1.scrollbar-face-color-это цвет передней стороны панели прокрутки 2.scrollbar-arrow-color-это цвет треугольника на верхнем и нижнем квадратах. 3.scrollbar-3dlight-color-это цвет отсвета. 4.scrollbar-highlight-color-это цвет верхней и левой граней панели прокрутки. 5.scrollbar-shadow-color-это цвет нижней и правой граней панели прокрутки. 6.scrollbar-darkshadow-color-это нижний отсвет прокрутки. 7.scrollbar-track-color-это цвет полосы, по которой "ходит" панель прокрутки. 8. #FFFFFF ;#A21F0E-это коды цвета, которые можно менять. Вот вариант самой ОБЫЧНОЙ ПРОКРУТКИ. Там где написано ВАШ ТЕКСТ -Пишим свой текст. Нужно только поменять РАЗМЕР прокрутки в высоту под текст.height: 150px Это в моём случае.Вам нужно поставить свой. КОД ОБЫЧНОЙ ПРОКРУТКИ. <div style="width: 100%; height: 100px; margin-top: 0px; margin-left: 0px; text-align: center; overflow: auto"><font size="4" color="#000000" face="Aero Font One"><br /><br /> ВАШ ТЕКСТ </font></div> ЗДЕСЬ далее... Милолика Покровская

Маленькая хитрость.

А вот еще одна маленькая хитрость. Вы хотите поставить рамочку или картинку или часики по центру, а они ну никак не встают и даже, если Вы применили теги <center></center>. Не буду заморачивать долго голову; почему так происходит, А просто скопируйте вот этот код <div align="center"> и вставьте его в самом начале кода своей рамочки или картинки Вот они и в центре!Все так просто!! Удачи!!!