ДИЗАЙН ВСЕГО— это жизнь, ориентированная на вопрос: «Где я нахожусь?» Давайте различать то, что должно быть интересно, от того, что интересно на самом деле.
Меня всегда возмущала эта фотка (которая на баннере), где я в очках - в нижнем ряду вторая справа. Возмущала, потому что я там сама себе виделась уродиной. Чтобы избавиться от этого наваждения, я в нарядном платье съездила в это место, сфоткалась рядом с собой (кстати, снимала меня т/п), и... и получилась странность. Именно тогда я увидела, что фото, где я брюнетка и в очках - красивая, а где я блондинка в красном платье - так себе, ничего выдающегося. Я проиграла на фоне собственного изображения!
Вот так выглядит оформление, которое я предлагаю:
Встреча блондинки с брюнеткой
«Дизайн всего» — некомерческий проект. Когда вы ни за что не обязаны платить, в самый раз проверить работоспособность принципа: «Плати, если хочешь и сколько хочешь» («Pay what you want»).
Донат (англ. donation - пожертвование) на поддержку проекта «Дизайн всего» вы можете сделать по номеру телефона с пометкой «Дизайн всего». Инструкция: как бесплатно переводить деньги по номеру телефона, для тех, кому инструкция требуется. Виталий Коньшин, тел. +79059258467. Или на карту Сбербанка 2202 2062 0662 9938. Не забудьте поставить пометку «Дизайн всего».
Категория: Мария Райнер о |
Просмотров: 1702 |
Добавил: Giotto
| Рейтинг: 5.0/23
Giotto, для того, чтобы удобнее было смотреть фотки, прошу использовать вот такой код:
Код
<div style="float:left; padding: 5px"><a title="Нажмите, чтобы увеличить." href="прямая ссылка на фотку, которая заканчивается расширением .jpg"><img alt="Сергей Киселёв" src="та же самая ссылка на фотку" width="300"></a></div>
Вставляй в него прямые ссылки на фотку, два раза одну и ту же. Текст комментария вставляй вот в такой код:
Код
<div style="width: 300px">Здесь текст</div>
А этот код ставите перед тегом
Код
</div>
в коде со ссылками на фото. Тогда комментарий пристроится снизу фотки. Должен получиться вот такой код:
Код
<div style="float:left; padding: 5px"><a title="Нажмите, чтобы увеличить." href="прямая ссылка на фотку, которая заканчивается расширением .jpg" data-fancybox-group="ultbx"><img alt="Сергей Киселёв" src="та же самая ссылка на фотку" width="300"></a><div style="width: 300px">Здесь текст</div></div>
Вставляй туда свои ссылки на фото и свой текст.
В горизантальный ряд вмещается при такой ширине по три превьюшки, но высота у фоток и у текста подписей бывает разная. Когда высота у последней справа превьюшки меньше, чем у той, которая слева, следующая после неё заполняет свободное пространство. Чтобы такого не происходило, и фотки выстраивались ровными горизонтальными рядами, нужно добавлять в таких случаях ещё один специальный код:
Код
<div style="clear: both"></div>
Если сделаешь так, то по щелчку левой кнопки мыши по фотке фотка увеличится на полный экран. Тогда можно будет рассмотреть, какое изображение лучше.
<div style="float:left; padding: 5px"><a title="Нажмите, чтобы увеличить." href="http://designall.ucoz.ru/_bl/2/30541431.jpg" data-fancybox-group="ultbx"><img alt="Имя автора фотографии и можно её название" src="http://designall.ucoz.ru/_bl/2/30541431.jpg" width="300"></a><div style="width: 300px">Встреча блондинки с брюнеткой</div><div>
Для одной фотки - это всё, что нужно. Если их будет три, то сделай то же самое три раза. Если больше трёх, то после каждых трёх фоток ставь такой код:
Код
<div style="clear: both"></div>
Вот это вот часть кода:
Код
data-fancybox-group="ultbx"
делает возможным перелистывать увеличенные фотографии, если их несколько, мышкой или стрелочками на клавиатуре.
Для наглядности вставлю этот код в твой материал, чтобы ты увидела, как это работает. Но было бы ещё нагляднее, если бы использовать фотографию большего размера, она ведь у тебя, скорей всего, есть, ведь оригинал-то побольше или нет?
1
