Все любят лето. Это пора отпусков и отдыха. Время года, которое позволяет нам подняться из-за рабочих столов, и с удовольствием насладиться ароматным шашлычком на природе. Жаркое лето и песчаные пляжи. Что может быть лучше? Летнее настроение вам обеспечат картинки лета на рабочем столе вашего компьютера. Скачивайте и устанавливайте!
Для новичков, которые не знают как установить обои на рабочий стол компьютера, смотрите инструкцию в конце поста.
Фонов никогда не бывает много, поэтому предлагаю вам сайт, на котором не только большой выбор различных фонов, но и каждый фон вы можете подобрать в той цветовой гамме цвета, которая вам нужна..
Очень оригинально смотрится такая кликабельная картинка
Наведите на неё мышку. Здорово, да?
Увидела я такую штучку вот в этом комментарии Светланы Гелеверя Ну, думаю, надо же, как классно смотрится. А уж делается такая картинка настолько просто, что даже смешно. Чтобы вокруг картинки образовалась такая меняющая цвет окантовка - в коде картинки достаточно прописать значение border="7" (цифру меняем по вкусу: цифра больше - окантовка шире, и наоборот).
ЧАСТЬ 1. Делаем кликабельную картинку с меняющей цвет окантовкой
Кликабельная картинка с меняющей цвет окантовкой без всплывающей подсказки
Кликабельная картинка с меняющей цвет окантовкой и со всплывающей подсказкой
Всплывающая подсказка - это текст, который появляется при наведении курсора на картинку.
Придумайте подходящий текст и подставляйте его в формулу вместо слов "Текст подсказки".
Формула:
Подставляю в формулу свои значения:
Результат:
Ссылку на картинку берите так: в окне добавления новой записи добавьте картинку - нажмите на "Предпросмотр" - увидите свою картинку - скопируйте ссылку на неё: правой мышкой клик по картинке - левой на "Копировать ссылку на изображение" - всё, ссылка на картинку скопирована. Запись при этом добавлять не надо.
На нашем Майле цвет окантовки меняется только с синего на оранжевый, как и цвет ссылок )) Но вокруг кликабельной картинки можно сделать просто окантовку любого цвета. Кстати, вокруг некликабельной картинки тоже.
ЧАСТЬ 2. Делаем кликабельную и простую картинки с разноцветной окантовкой
Кликабельная картинка с разноцветной окантовкой
(даю формулу без всплывающей подсказки, чтобы вас сильно не грузить)
Формула:
В моём примере:
Я хочу сделать окантовку розового цвета. Вот код этого цвета: #FFC0C8
Подставляю в формулу свои значения:
Результат:
Выбирайте любой цвет, какой вам нравится, и подставляйте в формулу его код вместо слов "Код цвета".
Вот вам таблица кодов цветов.
Внимание!!! Выбираем только Код для HTML (из самой правой колонки).
А теперь добавим цветную окантовку к простой некликабельной картинке.