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

 

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

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

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

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

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

ПОСТ В РАБОТЕ

Лорик

 

 

Серия сообщений "урок":
Часть 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 кодов для вставки изображений на сайт или блог.

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

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

Делаем фоны!

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

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







Жмём

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

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

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

ЖМЁМ

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






Дальше

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

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





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

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

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

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

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

.

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

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

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

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




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

Код бегущей строки

Если вы вставите текст в этот код,то строка станет бегущей...Можно так же и увеличить размер шрифта...

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




Код:

ТЕКСТ ВАШЕГО ПРИВЕТСТВИЯ

Делаем кликабельные кнопочки на ваш дневник или какой-то сайт


АДРЕС ССЫЛКИ - поменяйте на адрес своего блога или любого поста для которого нужно создать кнопку
НАЗВАНИЕ КНОПКИ - тут я думаю сами знаете что написать...

Для упрощения всех операций просто скопируйте код из окошка и замените нужные моменты. Если остались вопросы пишите в комментах.
ПРОДОЛЖЕНИЕ ТУТ...

Серия сообщений "МОИ УРОКИ":

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
Часть 3 - Урок 2. Сделаем простую рамочку из 3-х слоев
Часть 4 - Урок 3. Делаем вместе простую рамочку из 4-х слоев
Часть 5 - Делаем кликабельные кнопочки на ваш дневник или какой-то сайт