Главная » Записи с тегом "изображения" (страница 2)

Рубрики с меткой ‘изображения’

Google Maps: Часть 2. Используем свои значки для меток.

Заменяем стандартные значки Google Maps на свои собственные

Для того, чтобы мы могли на карте использовать маркеры со своим изображением значка, необходимо определить свой стиль.

Это можно сделать с помощью кода: Читать далее »

Watermark — защищаем изображения от воровства (v2.3)

Личерство в интернете набирает все новые обороты. Никого уже не удивляет ворованный и повторяющийся контент, который встречается на тысячах сайтах-клонах. Уникальных сайтов становится все меньше и меньше. Большинство личеров не удосуживается указывать первоисточники, откуда берется информация. И по мере ее распространения, установить первоисточник становится практически невозможно. Все помешаны на повышении PR-а и ТИЦ-а, не заботясь больше ни о чем.

Идея заработать – похвальна, и реализуя ее, не стоит забывать о простых пользователях. Понятно, что пользователям порой нет дела, откуда взята информация, им самое главное получить ее. От такого отношения становится обидно за тех, кто тратит свое время, наполняя интернет уникальной информацией. Чтобы хоть как-то сохранить уникальность своих сайтов, админы вынуждены принимать меры, которые могут остудить пыл личера, а если и не остудить, то получить маленькую отдачу от их действий. Одной из мер, для предотвращения воровства изображений, может служить наложение на них водяного знака. Читать далее »

Адаптация DLE шаблонов с 9.5 в 9.6

Список изменений в шаблонах между версиями 9.5 и 9.6:

1. Скопируйте файл картинки из стандартного шаблона /templates/Default/bbcodes/typograf.gif в папку вашего шаблона.
2. Скопируйте файлы изображений button.png, loading.gif, offline.png, online.png, shadow.png, tableft.gif, tabright.gif из папки стандартного шаблона /templates/Default/images/ в папку вашего шаблона.

3. Откройте файл style/engine.css и в самый низ добавьте: Читать далее »

Сглаженные закругленные углы без использования изображений

Различные фишки и приемы с использованием CSS всегда привлекали и привлекают мое внимание. В их числе находится и способ закругления углов блока без использования какой-либо графики.

Мне данный подход очень понравился, но единственное, что сдерживало от применения оной методики — такие углы не выглядят сглаженными (да, вот такой я привередливый :) . А этого мне не хватало, поэтому решил пойти до конца, доработав имеющийся вариант.

Итак, моя задача заключалась в реализации с помощью CSS вот такой рамки, абсолютно не используя изображения: Читать далее »

Создание дополнительных размеров изображений в WordPress

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

WordPress обладает встроенной возможностью Post Thumbnails (миниатюры записей), также известной как Featured Images. С помощью функции add_image_size() пользователь может определять размеры изображения и обрезать его в случае необходимости. В большинстве случаев использование базовых функций позволяет избежать подключения различных сторонних скриптов, таких как TimThumb. Читать далее »

Как настроить добавление произвольных изображений в область header’а

Каждая новая версия WordPress несет в себе набор интересных функций и возможностей. Одна из таких возможностей, появившаяся в версии 3.0 — добавление изображений в область header’а. Эта функциональность выпала из моего внимания, однако сейчас я решил снова к ней вернуться. До версии 3.0, чтобы решить проблему с изображением в header’е, необходимо было использовать произвольные поля или устанавливать отдельный плагин. К счастью, команда разработчиков WordPress добавила указанную функциональность непосредственно к ядру системы. Читать далее »

Плагин плавного появления изображений

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

Вероятно, вы тоже видели такой эффект на некоторых сайтах, на которых в публикациях много изображений. Я видел но как-то не задавался вопросом, как это работает.

Например, вы зашли на страницу, где автор разместил много фотографий достаточно большого размера, и, соответственно, большого “веса”. Серверу, на котором стоит такая страница, приходится загружать сразу все фотографии, даже те, которые вы еще не видите, так как они расположены ниже нижней границы вашего экрана монитора. Читать далее »

Меню и изображения

Не раз я попадал на то что приходится вымучивать одно и тоже и решил создать этот пост!

Вот пример как было создано меню с изображением

В админке

Выбираем нужное меню в модулях ставим плоский список

Теперь оно выглядет так

-Главная
-Товары Читать далее »

Способы оптимизации изображений в Joomla 1.7

Изображения – это неотъемлемая составляющая любого современного сайта. Сухой текстовый контент не способен привлечь внимание пользователей и не обеспечивает достойный прирост трафика на сайт. Изображения, как и любой другой контент, должны постоянно индексироваться. Однако при работе сайта, построенного на платформеJoomla 1.7 , по умолчанию настройки не предусматривают индексационный контроль изображений.

Дело в том, что файл robots.txt, находящийся в корневой структуре любого ресурса содержит в себе указание на те файлы, которые не подлежат индексации. Папка Image, в которой и сохраняются все изображения сайта, изначально также там указана. Для того чтобы решить эту проблему достаточно удалить строку Disallow: /images/ Читать далее »

Теги alt и title для изображений в Joomla

Одним из важных факторов в продвижении сайта является заполнение тегов.

В данной статье мы рассмотрим улучшение индексации изображений в Joomla с помощью заполнения тегов alt и title в html коде изображений.

Надо заметить, что изначально для вставки изображений в текст используется тег Img .

Примерный код вставки:

<img src="http://site.ru/image/image1.jpg" height="150" width="200" />

Где site.ru – адрес вашего сайта, а image1 – название изображения. Читать далее »