17:13 

Изумрудный Демон
Ко мне на "ВЫ", шепотом и с придыханием...
03:41 

Заказ для Кеиннари

Изумрудный Демон
Ко мне на "ВЫ", шепотом и с придыханием...

Вопрос: Нравится оформление?
1. Да. 
10  (76.92%)
2. Нет. 
3  (23.08%)
Всего: 13

@темы: серое, песочно-бежевое, красное, коричневое, зеленое, заказ, дизайн, аниме/арты, Кареглазый Демон

23:21 

Пост для новых мастеров.

Демон Кареглазый
Ко мне на "вы", шепотом и с придыханием...
Любите творить и хотите помогать другим? Вступайте в наши ряды. Хозяин сообщества всегда готов поделиться опытом и помочь советом.
Сообщество специализируется на оформлениях выполненных на заказ, однако вы можете с разрешения владельца выкладывать свои работы (как полные оформления так и их части) в общее пользование.
Обращаться по всем вопросам, а также присылать примеры работ можно на умыл Кареглазый Демон.
запись создана: 08.08.2013 в 01:05

@темы: Административное, Полезное

12:09 

Изумрудный Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Значит так. Я закрываю сообщество и отписываю всех ПЧ. Это необходимо и для того чтобы видеть кто реально нас смотрит и для того чтобы никто не жаловался что ему зафлудили ленту в процессе восстановления. Не знаю сколько уйдет времени. Может неделя, а может все лето. Когда перезапустимся вывешу сообщество в списке на главной, чтобы тот кто хотел мог подписаться обратно.
Upd.
Пожалуйста не вступайте в сообщество, а добавляйте его в избранное. Кнопка "вступить" для потенциальных мастеров и тех кто будет выкладываться. Поэтому те заявки что у меня сейчас висят удаляю. Не обижайтесь пожалуйста.
запись создана: 15.05.2016 в 20:11

@темы: Кареглазый Демон, административное

21:18 

Огненный Бес
Скромник с чертиками в глазах
Дорогие ПЧ!
У кого остались оформления для бесплатных дневников авторства Кареглазый Демон я очень вас прошу нам их скинуть для восстановления постов.
К сожалению все утеряно. А большая часть дизайнов нашего соо этого его труд.
Заранее большое спасибо.

08:01 

Изумрудный Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Большая часть изображений этого сообщества залита на файлообменник Firepic firepic.org/ который судя по всему был продан www.telderi.ru/ru/viewsite/20897. Видимо новым хозяевам старые картинки ни к чему. Восстановить такой объем не представляется возможным. И мне как админу очень жаль что сообщество погибло.

@темы: административное

01:33 

CSS в общее пользование

Огненный Бес
Скромник с чертиками в глазах
Дизайн резиновый. Фон фиксированный.



Детали

Установить автоматически

Настройки

Вопрос: Нравится дизайн?
1. Да 
26  (100%)
Всего: 26

@темы: css, Огненный Бес, абстрактные, голубое-сине-фиолетовое, желто-оранжевое

23:49 

Изумрудный Демон
Ко мне на "ВЫ", шепотом и с придыханием...
21:40 

Книга джунглей

Огненный Бес
Скромник с чертиками в глазах


Забирая дизайн себе, пожалуйста, не забывайте ставить баннер сообщества

Настройки

Вопрос: Нравится дизайн?
1. Да 
40  (100%)
Всего: 40

@темы: природа, по группам/фильмам/сериалам/играм, зеленое, дизайн, Огненный Бес

22:15 

Заказ для Fans Sails

Изумрудный Демон
Ко мне на "ВЫ", шепотом и с придыханием...

Вопрос: Нравится оформление?
1. Да. 
34  (79.07%)
2. Нет. 
9  (20.93%)
Всего: 43

@темы: по группам/фильмам/сериалам/играм, песочно-бежевое, морское, заказ, дизайн, Кареглазый Демон

00:38 

Бесплатник в общее пользование.

Изумрудный Демон
Ко мне на "ВЫ", шепотом и с придыханием...

Вдохновивший меня автор арта: artcity.diary.ru/p112048736.htm

Вопрос: Нравится оформление?
1. Да. 
66  (97.06%)
2. Нет. 
2  (2.94%)
Всего: 68

@темы: коричневое, заказ, желто-оранжевое, дизайн, аниме/арты, Кареглазый Демон

22:23 

В общее пользование.

Изумрудный Демон
Ко мне на "ВЫ", шепотом и с придыханием...

Вопрос: Нравится оформление?
1. Да. 
50  (75.76%)
2. Нет. 
16  (24.24%)
Всего: 66

@темы: весна, Кареглазый Демон, голубое-сине-фиолетовое, дизайн, женственное, зеленое, красное, нежное, природа, розовые, цветы

10:08 

Изумрудный Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Заказ для Время....
Все настройки у заказчика.

@темы: черно-белое, книжно-писательское, заказ, дизайн, Кареглазый Демон, css

20:30 

Заказ Клэр Фюхс

Огненный Бес
Скромник с чертиками в глазах


Забирая дизайн себе, пожалуйста, не забывайте ставить баннер сообщества

Настройки

Вопрос: Нравится дизайн?
1. Да 
31  (100%)
Всего: 31

@темы: Огненный Бес, дизайн, заказ, фэнтези

14:05 

Заказ ~Ахэ~

Огненный Бес
Скромник с чертиками в глазах


Забирая дизайн себе, пожалуйста, не забывайте ставить баннер сообщества

Настройки

Вопрос: Нравится дизайн?
1. Да 
45  (95.74%)
2. Нет 
2  (4.26%)
Всего: 47

@темы: природа, песочно-бежевое, заказ, дизайн, Огненный Бес

01:27 

Изумрудный Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Заказ для KontRayen.
Все настройки у заказчика. Фон фиксированный.

@темы: по группам/фильмам/сериалам/играм, заказ, дизайн, Кареглазый Демон, css

23:48 

В общее пользование.

Изумрудный Демон
Ко мне на "ВЫ", шепотом и с придыханием...

Вопрос: Нравится оформление?
1. Да. 
64  (76.19%)
2. Нет. 
17  (20.24%)
3. Одел. 
3  (3.57%)
Всего: 84

@темы: черно-белое, дизайн, Кареглазый Демон

16:55 

Немного о перемещении и полупрозрачности.

Изумрудный Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Возьмем для примера аватарку.
Она обведена полоской шириной в 4 пикселя и ей заданы два положения: обычное и с мышкой сверху.
.avatar img { border:4px solid #81735C !important;}
.avatar img { margin-left:20px;width:100px; margin-top:20px; }
.avatar img:hover { margin-left:0px;width:100px; margin-top:20px; }

Добавим эффекту полу прозрачности и плавности.
.avatar img { opacity : 0.5 !important;-moz-transition: all 1s; -webkit-transition:all 1s; -o-transition: all 1s; transition: all 1s; }
.avatar img:hover { opacity : 1.0 !important;-moz-transition: all 1s; -webkit-transition:all 1s; -o-transition: all 1s; transition: all 1s;}

Поменяем ширину картинки при наведении мышки:
.avatar img:hover { margin-left:0px;width:80px; margin-top:20px; }

Зададим другую обводку:
.avatar img:hover { border:2px dotted #000 !important;}

Варианты ограничены только вашей фантазией. Эффекты можно привинтить к любым селекторам оформления.

Вопрос: Полезно?
1. Да. 
63  (95.45%)
2. Нет. 
3  (4.55%)
Всего: 66

@темы: как это сделано, возможности CSS, Кареглазый Демон, урок

01:03 

Изумрудный Демон
Ко мне на "ВЫ", шепотом и с придыханием...
В предыдущих постах Я рассказал о простых эффектах на примере аватарок. Все они применимы и к изображениях в вашей ленте. Равно как и все эффекты приводимые ниже можно использовать и для аватарок.
Задаем картинкам в ленте фиксированную ширину 300 пикселей. Можно и больше, мне так удобнее для примера.
.paragraph img{max-width: 300px;max-height: auto;}

Делаем так чтобы она становилась полупрозрачной при наведении мышки.
.paragraph img{opacity : 1.0 !important;}
.paragraph img:hover {opacity : 0.5 !important;}

Или же наоборот, картинки изначально полупрозрачные, что красиво в темных оформлениях, а при наведении мышки они становятся ярче за счет полной прозрачности.
.paragraph img{opacity : 0.5 !important;}
.paragraph img:hover {opacity : 1.0 !important;}

Эффект есть, но хочется чтобы он был более плавным. Для этого мы задаем время в течение которого одно свойство заменится на другое.
.paragraph img{ -moz-transition: all 1s; -webkit-transition:all 1s; -o-transition: all 1s; transition: all 1s; } одна секунда. А чтобы прозрачность также плавно возвращалась в прежнее состояние то же свойство прописываем и для положения мышки над картинкой.
.paragraph img:hover { -moz-transition: all 1s; -webkit-transition:all 1s; -o-transition: all 1s; transition: all 1s; }

Качество изображения при этом хуже не становится. Это глюк записывающей проги.
Изображению можно задать еще одно интересное свойство, которое к сожалению не видит моя мозила, зато понимают опера и хром. Картинки становятся черно белыми, благодаря наложению фильтра.
.paragraph img{ -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%); -moz-transition: all 2s; -webkit-transition:all 2s; -o-transition: all 2s; transition: all 2s; }
.paragraph img:hover{ -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-o-filter: grayscale(0%);-ms-filter: grayscale(0%); -moz-transition: all 2s; -webkit-transition:all 2s; -o-transition: all 2s; transition: all 2s; }

Обратите внимание что наложение задается в процентах. Поэтому данный эффект можно использовать и для при глушения насыщенности, аватарок например.
.avatar img { -webkit-filter: grayscale(20%);-moz-filter: grayscale(20%);-o-filter: grayscale(20%);-ms-filter: grayscale(20%); }
Или смайликов. В темных оформлениях они особенно режут глаз.
#shsmile { -webkit-filter: grayscale(50%);-moz-filter: grayscale(50%);-o-filter: grayscale(50%);-ms-filter: grayscale(50%); }
Еще один интересный эффект изменение размера картинок. Главное чтобы он был плавным.
Дописываем в код .paragraph img:hover{max-width: 600px;max-height: auto;} и изображения ленты увеличатся вдвое при наведении мышки.


Вопрос: Полезно?
1. Да. 
59  (96.72%)
2. Нет. 
2  (3.28%)
Всего: 61

@темы: как это сделано, урок, возможности CSS, Кареглазый Демон

10:46 

О цветах.

Изумрудный Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Каждый кто пытался сам собрать оформление подтвердит что дело это нелегкое и на каждом этапе встречается куча подводных камней. Но с некоторыми можно справиться и довольно просто. Иногда выбирая цвет текста вручную можно столкнуться с некрасивым эффектом битых пикселей, искажениями и прочей пакостью. Чтобы цвета отображались красиво и одинаково во всех браузерах существует таблица именованных цветов css.yoksel.ru/pages/tablitsa-imenovanny-h-tsvet...

Пользоваться ей очень просто. Вместо шестизначного кода вставляем в код слово и наслаждаемся видом. А если нужно перевести название в привычный или rgb вид есть удобный сервис: leaverou.github.io/css-colors/#ivory

Вопрос: Полезно?
1. Да. 
74  (100%)
2. Нет. 
0  (0%)
Всего: 74

@темы: как это сделано, Кареглазый Демон, урок

Original Designs бесплатники, CSS и уроки по созданию оформлений.

главная