Как сделать ВСПЛЫВАЮЩИЙ ТЕКСТ для Картинок.

Довольно часто возникает необходимость по ходу текста на картинке, сделать какие-то дополнительные комментарии, в виде небольших подсказок или пояснений. В этом уроке меня просили написать, как на картинку можно наложить текст, но не подписывая её. Тоесть сделать небольшой пояснительный текст к картинке. Если подвести курсор к картинке, то этот текст появляется. Делается это так... Копируете код из окошка и вставляете к себе в дневник в ПРОСТОМ РЕДАКТОРЕ. КОД ДЛЯ ВСПЛЫВАЮЩЕГО ТЕКСТА. <img src="УРЛ ссылка на оригинал картинки" width="285" height="257" title="ВАШ ВСПЛЫВАЮЩИЙ ТЕКСТ ПИШЕМ СЮДА " border="0" /> ЗДЕСЬ далее... SvetlanaT

делаем плеер-Урок от VETA

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

Часть 1 - Еще раз о рамочках в 4 слоя-урок от VETA
Часть 2 - Урок от VETA-рамочка сложная
...
Часть 4 - Делаем рамочку в Онлайн фото редактор - Free Online-Image-Editor
Часть 5 - Бродилочка
Часть 6 - делаем плеер-Урок от VETA
Часть 7 - Кнопки в Онлайн фоторедактор - Free Online-Image-Editor без знаний ФШ( урок от VETA)
Часть 8 - рамочка для видео и урок
...
Часть 18 - Еще раз о фотохостинге VFL.RU( меня спросили....я рассказываю)
Часть 19 - Яндекс-Коллекции или Pinterest по-русски
Часть 20 - Меня спросили....я подсказываю. КАК ВСТАВИТЬ ВИДЕО В РАМОЧКУ.

Обращение к друзьям.

Хостинг Postimage поменял свой адрес. Девочки,если кто цитировал мои рамочки,вам надо исправить
https://s20.postimg.org/breocpqwt/image.png на
https://s20.postimg.cc/breocpqwt/image.png
Вот так,как на скриншоте

Поменять ORG на CC
Тогда будет видно всю рамочку.Рамочка состоит из трех частей,поэтому надо менять в трех местах.
Я у себя уже все исправила и в материалах к коллажам и в рамочках. Это не сложно.
Я переживаю и боюсь,что это может повториться.Посоветуйте,что мне делать?Может у кого есть какие предложения?

Иконки для Ваших блогов, сайтов, форумов (женская серия)

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

Сегодняшнюю серию иконок я отнесла к женской тематике.

В общем, хватит болтать)) Выбирайте!

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

С Днем смеха!


Код :
Код без флешки:

Календарь

Текст с тенью/подсветкой

Оформление текста с использованием тени/подсветки:

Свойство text-shadow имеет четыре параметра: X Y амплитуда цвет.

X — горизонтальное смещение тени/подсветки к тексту. Положительное значение — смещение вправо, отрицательное значение — смещение влево.
Y — вертикально смещение тени/подсветки к тексту. Положительное значение — смещение вниз, отрицательное значение — смещение вверх.
Амплитуда — чем выше значение, тем больше степень размытия.
Цвет — тёмные тона дадут тень, светлые тона — «подсветку».

Примеры использования:

<font style="text-shadow: black 0 0 10px; color:white;">Только тень </font>

<font style="text-shadow: 1px 1px 1px #000; color: #f9f5ed;">Tahoma с тенью </font>

<font style="text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; color: #ddcca3;">Verbana с контуром </font>

<font style="text-shadow: -1px -1px #666, 1px 1px #FFF; color: #ddcca3;">Verbana вдавленный </font>

<font style="text-shadow: 1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF; color:#ddcca3;">
Georgia объёмный </font>

<font style="text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87; color:DarkGray;">Tahoma неоновый </font>

<font style="text-shadow: 0 0 0.2em #8F7; color:DarkGray;">Tahoma неоновый </font>

<font style="text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F; color:Black;">Tahoma неоновый </font>

<font style="text-shadow:3px 3px 10px red,-3px -3px 10px yellow;color: #101921;">Garamond, много оттенков </font>

Кнопочки.

Нежные эпиграфы для дизайна блога от Flash Magic.



<img src="//img-fotki.yandex.ru/get/5207/137293384.a8/0_e3dee_47abaed7_orig.gif" width="700" height="500" border="0" title="мой-мир.gif" alt="мой-мир.gif" />


<img src="//img-fotki.yandex.ru/get/9263/137293384.a8/0_e3df2_1c23969b_orig.png" width="700" height="450" border="0" title="эпиграф.png" alt="эпиграф.png" />