Приветствую Вас Прохожий | RSS Среда, 07.12.2016, 23:16
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 22
Гостей: 19
Пользователей: 3
MaDaRa, Elifanus, LESIYI



Главная » Файлы » Видео уроки для uCoz » Видео уроки Дизайн и оформление

Видео урок как создать обрезание картинки стилем на сайте

Видео урок как создать обрезание картинки стилем на сайте
В сегодняшнем уроке хочу вам раскрыть некоторое удобство из секретов которые используются на нашем сайте при использование стиля CCS2, CCS3. Урок повествует то что как можно красиво оформить постер, скриншот или картинку к вашей новости в виде материалов вашего сайта, если вы заметили на странице главной сайта ucozon.ru сам скриншот обрезается независимо от его размера, вот об этом будет идти речь в данном видеоуроке.
Я вам предлагаю два варианта обрезание скриншота, первый это обрезание с уменьшением по ширине, и второй вариант, это обрезание как есть в размерах своих картинка в 100%. На сайте ucozon главной страницы я использую первый вариант так как его считаю более оптимальным, потому что бывают постеры к примеру шаблонов так имеют в ширину более 1000px и при выводе в виде материалов на 200px мы не увидим толком что представлено на данном рисунке.
Для решения такого оформления дизайна, я использую стиль свойства overflow он управляет показом содержания блока в нашем случае div массива блочного элемента, при условие что если скрин цельным не вмещается и выходит за пределы обозначенной области то дается само значение hidden - Это уже работает и отображается только сама область внутри элемента, остальное будет скрыто, и не препятствовать другим элементам для построения страницы, и выглядеть будет таким образом к любому определению стильности { overflow: hidden; }
Этот вариант удобства поддерживается браузерами Chrome | Opera | Safari | Firefox, всеми кроме Explorer что для пользователей не важно, которые используют сайты ucoz.
В общем что я вам буду рассказывать, давайте лучше посмотрим данный видео урок, который позволить научится малому и сделать выводы для большего, данный стиль не только для этого можно использовать.
Видео урок как создать обрезание картинки стилем на сайте


Для просмотра в качестве разложите плеер на весь экран
Данный материал копировать и распространять строго запрещено!
Автор\Источник: ucozon.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь. Размер: 0.001 Мб
Просмотров: 4260 | Комментарии: 6 | Рейтинг: 4.5/8 | |Категория: Видео уроки Дизайн и оформление | Добавил: mdbaner | Дата: 18.07.2011 | Скачали: 5 | Теги: сайте, урок, видео, создать, Картинки, стилем, обрезание
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 6
6 Niclon   Дата: 20.12.2012  Время: 20:22   [№ 14268]
хороши видеоурок

5 Vovan4ik13   Дата: 29.07.2011  Время: 13:33   [№ 9712]
Спасибо! А то у меня вид маиериалов растягивало до бесконечности)

4 MrTiko   Дата: 19.07.2011  Время: 19:19   [№ 9572]
ккак похож на зиппишаер [img]http://ucozon.ru/sml/dance4.gif[/img]

3 MrTiko   Дата: 19.07.2011  Время: 19:08   [№ 9571]
откудо плеер оно мне так нравитсяяяя

1 Dez   Дата: 18.07.2011  Время: 20:49   [№ 9552]
Как то не понятно написано, то ли вы ошиблись или чепуха получается) вы используете первый вариант, где происходит уменьшение по ширине до 200пх с обрезанием по высоте, так ведь если картинка будет ,как вы говорите 1000пх, что там будет видно то? она будет такая же как 200пх по ширине, только урезана по высоте до 200пх. Может конечно я че не понял, но слова в описании и слова на картинке я запутался) первый вариант в описани и на картинке "Обрезание с оригиналом" это одно и то же или разные вещи?
И вопрос такие обрезанные картинки текст может обтекать? по свойствам float:

2 mdbaner   Дата: 18.07.2011  Время: 20:58   1 [№ 9553]
да без проблем по свойствам float работает.

Я говорю о том что картинка по ширине сжимается, а по высоте обрезается в 1 варианте. Во втором показывает ее в 100% разрешения, что значить вы видеть можете только уголок от картинки размерами 200х200


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru