<MyRusakov.ru />

WordPress 4. Пример создания блога

WordPress 4. Пример создания блога

Видеокурс "WordPress 4. Пример создания блога" научит Вас создавать любые сайты на самой популярной CMS - WordPress.

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

После создания блога он размещается в Интернете, опять же на Ваших глазах. Таким образом, приобретя данный курс, Вы, не обладая никакими знаниями по созданию сайтов, уже сможете их делать, а также выкладывать в Интернет.

Курс очень простой и проходится за один вечер, а знания останутся с Вами навсегда.

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

Подписавшись по 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
Профиль Ответить