<MyRusakov.ru />

PHP и MySQL с Нуля до Гуру

PHP и MySQL с Нуля до Гуру

Данный курс - это более 20-ти часов видеоуроков по изучению PHP и MySQL. Ключевой момент курса - это создание движка для сайта с нуля. Каждая строчка комментируется. Практически для каждого урока имеются упражнения. Причём данные упражнения направлены не только на закрепление материала, но и на реализацию реальных задач, встающих перед Web-разработчиками при создании сайтов. После курса Вы сможете без проблем создавать движки для любых сайтов.

Также почти к каждому уроку идут упражнения для закрепления материала.

Просмотрев курс и выполнив упражнения, Вы сможете без проблем создавать функциональные движки для самых различных сайтов.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Дизайнерские фишки
20.06.2013 17:22:48 Дизайнерские фишки Сообщение #1
midi63

midi63

Продвинутый

Продвинутый

Дата регистрации:
11.05.2013 14:57:31

Сообщений: 77

Сегодня увидел сайт с интересным фоном. По моему это градиентная заливка. Но как ее создать с помощью CSS? *** Неужели это одина сплошная картинка?
Профиль Ответить
20.06.2013 21:40:42 Дизайнерские фишки Сообщение #2
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Там обычная картинка 100 на 100, которая размножена.
Профиль Ответить
21.06.2013 10:58:04 Дизайнерские фишки Сообщение #3
midi63

midi63

Продвинутый

Продвинутый

Дата регистрации:
11.05.2013 14:57:31

Сообщений: 77

А как тогда сделать такой перелив? Низ светлее чем верх. Вверху по центру тоже светлое петно.
Профиль Ответить
21.06.2013 11:20:45 Дизайнерские фишки Сообщение #4
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Сверху идёт второй фон, который является градиентом, и он ещё слегка прозрачный.
Профиль Ответить
21.06.2013 11:31:46 Дизайнерские фишки Сообщение #5
midi63

midi63

Продвинутый

Продвинутый

Дата регистрации:
11.05.2013 14:57:31

Сообщений: 77

Теперь понял) CSS значит тут вообще ни причем. Получается все такие эффекты получаются путем наложения. А какие эффекты тогда можно сделать с помощью CSS? Кроме теней.
Профиль Ответить
21.06.2013 12:38:03 Дизайнерские фишки Сообщение #6
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Это наложение и делается в CSS.
Профиль Ответить
21.06.2013 12:43:35 Дизайнерские фишки Сообщение #7
midi63

midi63

Продвинутый

Продвинутый

Дата регистрации:
11.05.2013 14:57:31

Сообщений: 77

Да, т.е. просто вставляется background, но эффектом это не назовешь.
Профиль Ответить
16.07.2013 07:42:17 Дизайнерские фишки Сообщение #8
samisite

samisite

Новичок

Новичок

Дата регистрации:
10.03.2013 06:13:59

Сообщений: 7

Каждый делает это по своему, можно взять картинку с градиентом и сделать её фоном, можно самому вырезать понравившийся градиент и растиражировать его на весь задний фон сайта или на шапку сайта.

Можно обратиться к сервису бесплатных градиентов и взять градиент там.

Так или иначе, у Вас должна быть заготовлена такая картинка, а как вы будете её использовать зависит от Вашего желания и умения.

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

Подробнее здесь:
http://samisite.ru/vhod_css/str1.html
Профиль Ответить
19.07.2013 17:02:49 Дизайнерские фишки Сообщение #9
midi63

midi63

Продвинутый

Продвинутый

Дата регистрации:
11.05.2013 14:57:31

Сообщений: 77

Что на счет вот такой записи:

background: #111;
background: -moz-linear-gradient(#444, #111);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#0F6, #111);

Разве плохо создавать градиенты в CSS ? Постоянно создовать растровые картинки а потом репитить как то глупо на мой взгляд. К тому же растр гораздо тяжелее вектора (в мб.) Изображения создаваемые в коде состоят из векторной графики, что гораздо лучше для скорости сайта. И гораздо проще делать.
Профиль Ответить
24.09.2013 16:13:05 Дизайнерские фишки Сообщение #10
♥Konovalova♥

♥Konovalova♥

Новичок

Новичок

Дата регистрации:
24.09.2013 16:07:23

Сообщений: 3

Подскажите пожалуйста, как сделать, чтобы шапка и сам сйт были в рамочке?
Примерно как тут: http://the-vampire-diaries.ru
Профиль Ответить