Недавние заметки

Как окружить фото текстом и задать отступы текста от картинки

Сайт месяца: французкие духи в Киеве

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

Способ 1: Вписываем код отступа текста для отдельной картинки или фотки

Простой способ задания обтекания картинки текстом, не требующий знаний html и css.

Задаем отступ текста для фото Чаще всего встречается задача, когда нужно расположить картинку слева и чтоб при этом ее сверху, справа и снизу окружал текст. Еще желательно, чтобы текст располагался не вплотную к вставленной в статью фотографии или схеме, а немного отступал от картинки. Как правило, большинство админок генерируют код для вставки изображения, при котором картинка располагается слева, а текст начинается не справа вверху от картинки, в справа внизу, что удобно для крохотных иконок, но не подходит для больших картинок. Чтобы сделать обтекание текстом для изображения, как в этом способе, при вставке картинки в статью нужно написать такой код:

1
2
3
4
5
<img src="здесь_веб-адрес_картинки"
alt="Здесь_подсказка_если_картинка_не_загрузлась" title="Здесь_встплывающая_над_картинкой_подсказка" width="ширина_ картинки_в_точках_числом"
height="высота_ картинки_в_точках_числом"
align=”left”
style="margin: 3px 12px 0px 0px;" />

Например, для вставки картинки, которую вы видите в этой статье чуть выше, код html и css выглядит так:

1
2
3
4
5
6
<img src="http://www.web-article.com.ua/wp-content/uploads/2009/12/otstup-kartinka-tekst.jpg"
alt="Задаем отступ текста для фото"
title="Задаем отступ текста для фото"
width="300" height="350"
align="left"
style="margin: 3px 12px 0px 0px;" />

В раскрутке блога сегодня помогают:
Если вас, как и меня, интересует продвижение сайта, но вам лично заниматься этим лень – стучитесь к профессионалам и готовьтесь отбиваться от клиентов.

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

Как обмануть антибаннерные фильтры

Сайт месяца: Качественная туалетная вода от Duhi.kiev.ua

В своей статье как избавиться от баннеров раз и навсегда я писал о программах, которые позволяют отфильтровать классическую баннерную рекламу, контекстные объявления Яндекса и Google, всплывающие окна и rich-баннеры, появляющиеся посреди экрана. Программ и плагинов, которые следят за тем, чтобы пользователь видел как можно меньше рекламы на сайтах, появляется все больше и они отлично справляются с поставленной задачей. Особенно, если использовать несколько разных фильтров против рекламы одновременно.

Предлагаю увидеть работу двух работающих одновременно фильтров рекламы (антибаннерный модуль в антивирусе KIS9 и встроенный ad-охотник браузера Maxthon) на примере популярного сайта zaycev.net. Справа оригинальный сайт, без применения фильтра баннеров, слева – результат автоматической фильтрации (кликните по картинке для увеличения):

Пример работы анти-баннерных фильтров

По мере роста числа грамотных пользователей интернета эффект от баннерной рекламы будет снижаться и дальше – люди просто не будут ее видеть. Уже сейчас эффективность баннерной рекламы в США на 40% меньше, чем в русскоязычном интернете. Причиной тому являются не только фильтры баннеров, но и привычка не обращать внимание на анимированную блочную информацию, выработанная у опытных интернетчиков.

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

Креативный рекламный плакат Borjomi

Сайт месяца: оригинальные духи купить в Киеве

Итоги 2009 года в фотографиях Купил вчера спецвыпуск журнала Корреспондент с итогами 2009 года в фотографиях. Не пожалел. Фотографии действительно интересные, отлично иллюстрирующие итоги года не только в Украине и России, но и во всем мире. Удивило отсутствие завуалированной политической заказухи, которая уже порядком достала. Даже реклама в журнале почти вся креативная, красивая и запоминающаяся (за исключением тупорылой шаблонной агитки Януковича). Неужели когда-нибудь реклама перестанет быть раздражающей, а станет не менее интересной, чем содержание журнала, сайта или фильма? Эх, мечты, мечты…

Особенно мне понравилась рекламка минеральной воды Боржоми. В интернете этого плаката пока нет, но я не поленился его отсканировать, подфотошопить и выложить здесь:

Креативная реклама Borjomi

Вроде ничьих авторских прав не нарушаю. Надпись на плакате: Боржоми. Избавляет от лишнего.

В раскрутке блога сегодня помогают:
Качественные брокерские услуги на рынке форекс на сайте с красивым дизайном FxPro.ru

Баннеры какого размера стоит заказывать

Сайт месяца: элитная парфюмерия в Киеве.

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

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

По мнению разработчиков популярной программы Ulead GIF Animator 5, которая чаще всего используется для создания анимированных gif-баннеров, пользователями востребованы баннеры следующих размеров:

Популярные размеры баннеров в Ulead GIF Animator

Если это внутренний акционный баннер для собственного сайта, тогда формат этого баннера вы можете легко определить по ширине колонки, в которой он будет размещаться. Для этого сделайте принтскрин своего сайта, вставьте его в Фотошоп, вырежьте на скрине фрагмент колонки размером с будущий баннер и посмотрите размер этого фрагмента. Аналогично можно узнать размер любого баннера, в т.ч. flash, на любом сайте. Конечно, если баннер – это статическая нефлэшевая картинка или gif-анимация, его размер можно узнать проще и быстрее: кликните по картинке правой кнопкой мыши и выберите Свойства.

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

Статистика украинского интернета за ноябрь 2009

Еще весной я публиковал небольшую статью, посвященную статистике украинского интернета за апрель. Давайте посмотрим, изменилось ли что-то в украинском сегменте интернета за прошедшие полгода.

1. В ноябре 2009 количество пользователей в УАнете составило 13 108 541 человек, что на 0,4% меньше, чем в октябре и почти на 11% больше, чем в апреле. Как и ожидалось, количество новых подключений к интернету в Украине продолжает стабильно расти.

2. Как и полгода назад, наибольшая часть украинцев, пользующихся интернетом, живет в Киеве (58,7% в ноябре и 60,4% в апреле). Хуже всего дела с интернетом обстоят в Волынском (0,1%), Житомирском (0,19%) и Черновицком (0,25%) регионах.

3. Самый популярный поисковики в Украине, естественно, Google. Он обеспечивает 74,92% переходов на сайты УАнета, в то время как у Яндекса всего 18,24%. Полгода назад было то же самое – 74,25% и 17,09% переходов соответственно.

У Google 74,92% переходов на украинские сайты

В раскрутке блога сегодня помогают:
Жителей Днепропетровска, в котором проживает 5,5% пользователей УАнета, наверняка заинтересует Drupal разработка сайтов. Лучшая мебель на заказ во Львове на сайте www.vashi-mebli.lviv.ua.

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