17:38 

Kai S.H. Moro
Ранимый эстет

Легкий бабошный дизайн с анимированным эпиграфом

Смотреть

Вопрос: Нравится?
1. Ага 
33  (89.19%)
2. Чего-то как-то, ну я не знаю... 
3  (8.11%)
3. Остановите Каюшку! Надоел 
1  (2.7%)
Всего: 37

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

22:48 

Kai S.H. Moro
Ранимый эстет
Так как я немного странный фотошопер, и просто обожаю тяжелые, сложносборные работы, то эпиграфы у меня тоже на любителя, как говорится. Не важно сколько картинок уйдет на одну работу, и совсем не важно сколько времени она займет, мне это нравится. Ну, а если мне что-то понравилось, то я буду это совать едва ли не во всех работах, пока не отпустит.
А сейчас меня не отпускают совершенно фантастические образы девушек, сложносборны фоны эпиграфа, и рамки, состоящие из фиговой тучи элементов. Посему, уважаемые ПЧенки, не обессудьте, что горит, то и творю.


Три эпиграфа из серии "на любителя".


Вопрос: Нравится?
1. Да 
26  (76.47%)
2. Такое нравится не может 
1  (2.94%)
3. И вообще, что автор-то курнул? 
7  (20.59%)
Всего: 34

@темы: эпики, серое, нежное, красное, коричневое, зеленое, женственное, желто-оранжевое, голубое-сине-фиолетовое, SoraNoir

23:50 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
На дайрах появилось новшество. Теперь можно открывать разом все теги на странице. На случай если эта функция кому либо нужна я вернул кнопки сортировки. Обращаю ваше внимание на то что в некоторых ранее установленных вами оформлениях эти кнопки могут быть убраны принудительно. Селекторы влияющие на новый тег MORE
.header.order_button
.order_button
#sortOrder
#oamLink
Если в коде оформления вы видите их и свойство display:none; уберите селектор из строки. Либо дайте знать в комментариях.
Обращаю ваше внимание на то что оформления из каталога дайри поменять через пользовательский CSS не получится. Только то что вы ставили вручную.

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

21:53 

Заказ для Izmen@

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


@темы: CSS, Огненный Бес, заказ, природа

19:42 

Kai S.H. Moro
Ранимый эстет
Нечто странное в стиле стимпанк



Смотреть

Вопрос: Нравится?
1. Вот еще 
6  (37.5%)
2. Конечно 
10  (62.5%)
3. Себе возьму 
0  (0%)
Всего: 16

@темы: стимпанк, коричневое, желто-оранжевое, дизайн, SoraNoir

17:48 

Заказ для Лехтенстаарн

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
В работающем виде можно увидеть в дневнике заказчика Лехтенстаарн
Немного анимированный почти резиновый диз) На большом экране смотрится лучше. Телефоны и планшеты съедают часть красоты.


@темы: фэнтези, мрачное, заказ, дизайн, Кареглазый Демон, CSS

12:16 

Kai S.H. Moro
Ранимый эстет
Немного легких аватарок из вселенной Гарри Поттера


+3

120 х 120

Вопрос: Нравится?
1. Да 
20  (60.61%)
2. Мерлиновы штаны! Что это?! 
7  (21.21%)
3. Так, а где Рон? Что за дискриминация? 
5  (15.15%)
4. Да чтобы я?! Да чтобы аватарки с Поттером?! Уже надел(а) 
1  (3.03%)
Всего: 33

@темы: SoraNoir, аватары, аниме/арты, по группам/фильмам/сериалам/играм

20:28 

Kai S.H. Moro
Ранимый эстет
Три разных по тематике эпиграфа


+3

Вопрос: Нравится?
1. Да 
39  (68.42%)
2. Ну почти 
7  (12.28%)
3. Что-то тут не так 
4  (7.02%)
4. Себе возьму 
7  (12.28%)
Всего: 57

@темы: природа, мрачное, SoraNoir, эпики, серое, разное, винтаж, зеленое

18:51 

Скоро весна, а не вот это вот все

Kai S.H. Moro
Ранимый эстет
Светлый дизайн с анимированым эпиграфом.
Давайте ждать весну вместе



Смотреть

Вопрос: Нравится?
1. Да 
43  (75.44%)
2. Нет - это как "да" только почти 
2  (3.51%)
3. Себе возьму 
12  (21.05%)
Всего: 57

@темы: цветы, серое, розовые, нежное, дизайн, Япония, Весна, SoraNoir

19:26 

Kai S.H. Moro
Ранимый эстет
Заказ для Иной мир на лесную тему



Вопрос: Нравится?
1. Да 
15  (71.43%)
2. Очень! шучу 
6  (28.57%)
Всего: 21

@темы: SoraNoir, дизайн, заказ, зеленое, природа

12:42 

Kai S.H. Moro
Ранимый эстет
Немного страненьких аватарок
150 х 150


+3

120 х 120

Вопрос: Нравится?
1. А то! 
14  (60.87%)
2. Фигня какая-то 
7  (30.43%)
3. Себе возьму парочку, возможно 
2  (8.7%)
Всего: 23

@темы: серое, нежное, женственное, желто-оранжевое, голубое-сине-фиолетовое, аватары, SoraNoir

10:28 

Kai S.H. Moro
Ранимый эстет
Заказ для Айрин, Серая Ведьма
Было интересно с Вами поработать, ибо фандом мне не знаком.


Смотреть

Вопрос: Нравится?
1. Да 
11  (100%)
2. Снова да 
0  (0%)
Всего: 11

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

23:29 

Kai S.H. Moro
Ранимый эстет
Светлый и легкий дизайн



Смотреть

Вопрос: Нравится?
1. Да 
24  (48.98%)
2. Тоже "да" только "нет" 
6  (12.24%)
3. Мне нравится тыкать "нет" 
1  (2.04%)
4. Мне нравится тыкать "да" 
2  (4.08%)
5. Мне нравится все варианты ответов, особенно"да" которое "нет" 
7  (14.29%)
6. А тут еще и дизайн?!Свят-свят. А я на голосовалку залип 
9  (18.37%)
Всего: 49
Всего проголосовало: 37

@темы: нежное, женственное, дизайн, голубое-сине-фиолетовое, SoraNoir

16:19 

Kai S.H. Moro
Ранимый эстет
Темный, немного "тяжелый" дизайн



Смотреть

Вопрос: Нравится?
1. Да 
29  (82.86%)
2. Тоже да, но не очень 
6  (17.14%)
Всего: 35

@темы: мрачное, дизайн, SoraNoir

23:14 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Я все таки осуществил задуманное и собрал оформление под блокнот. Оно легкое, резиновое. Проработаны все страницы. Помимо того что заметно на видео диз адаптируется под любую ширину экрана и подходит для смартфонов, ужимает изображения в дневнике до 700 пикселей в основной ленте и до 600 пикселей в избранном и комментариях, а любое видео до 560 на 315.



Если вас заинтересовало это оформление перечислите 100 епонов на счет сообщества и напишите умыл. Умыл лучше писать на ник Кареглазый Демон. Либо отпишитесь в комментариях к этой записи.

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

*** СКАЧАН 6 РАЗ ***

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

19:46 

Kai S.H. Moro
Ранимый эстет
Светлый простенький дизайн


Вопрос: Нравится?
1. Да 
33  (80.49%)
2. Нет 
2  (4.88%)
3. С чайком потянет 
6  (14.63%)
Всего: 41

@темы: слэш/яой, нежное, дизайн, голубое-сине-фиолетовое, аниме/арты, SoraNoir

19:16 

Опрос

Asteinny
Это свойственно человеку. После острого тянет на кисленькое. После смерти — на смех.©
Небольшой опрос населения на тему предпочтений.
Часть работ в сообществе делается не на заказ, а исключительно по настроению самих дизайнеров. Однако хотелось бы все же знать, чего ждут подписчики.
Голосовалка многовариантная.

Вопрос: Вы бы предпочли работы:
1. темные, мрачные 
31  (11.03%)
2. светлые, нежные 
50  (17.79%)
3. яркие, контрастные 
23  (8.19%)
4. с фотографиями для исходников 
15  (5.34%)
5. с артами для исходников 
27  (9.61%)
6. природа, город, архитектура 
48  (17.08%)
7. люди, звери 
18  (6.41%)
8. фэнтези, фантастика, аниме 
45  (16.01%)
9. фендома 
22  (7.83%)
10. свой вариант в комментарии 
2  (0.71%)
Всего: 281
Всего проголосовало: 82

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

19:12 

Kai S.H. Moro
Ранимый эстет
Скромный дизайн с двумя эпиграфами: статичным и анимированным.


Вопрос: Нравится?
1. Да 
15  (62.5%)
2. Нет 
3  (12.5%)
3. С чайком потянет 
6  (25%)
Всего: 24

@темы: дизайн, аниме/арты, SoraNoir, зеленое

23:34 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Эпиграф очень своеобразная часть дизайна, живущая своей жизнью, поэтому в его оформлении есть свои нюансы.
Допустим все картинки уменьшены под ширину ленты. Картинка использованная в эпиграфе подчинится общему правилу. А если она допустим должна быть больше и в ней присутствуют ссылки то все поедет.
Чтобы этого не случилось ширину картинкам эпиграфа лучше прописывать отдельно, соответственно под размер конкретной картинки.
#epigraph .paragraph img {max-width: 750px;max-height: auto;}
На эпиграф также распространяются правила обводки, полу прозрачности, тени и прочих изысков из общей ленты. Убираются они отдельной строкой.
#epigraph .paragraph img { border: none!important; opacity : 1.0 !important; box-shadow:none!important;}
Кстати подобные манипуляции лучше проводить и со смайликами. (Здесь прозрачность уменьшена)
#shsmile, #atTagBox, .smile { border: none!important; opacity : 0.4 !important; box-shadow:none!important;}
Может показаться что с эпиграфом одни проблемы, но это не так. Первая закрепленная запись дает уникальную возможность прописывать ссылки, которые в структуре дайров не предусмотрены, визуализировать их картинками и закреплять в любом месте. Единственный минус в том, что все это отображается только на главной странице дневника (как и сам эпиграф). Однако это благодатная почва для смелых экспериментов.
Реализуется при помощи двух несложных строчек кода, одна из которых прописывается в настройках, там где "Эпиграф, фото, список ПЧ", а вторая добавляется в CSS код оформления.
Допустим вам хочется растащить по углам оформления кнопки соцсетей. Если использовать для этих целей картинку с полупрозрачной подложкой и прописывать ссылки координатами она перекроет меню и ленту записей, к тому же не подстроится под экран. Как быть?
1. Вставляем в эпиграф новый id

Присмотритесь к подчеркнутому

2. Теперь новому id прописываем свойства так, как если бы он был стандартным пунктом дайровского меню:

Например:
Эпиграф, фото, список ПЧ:

Настройки CSS:

В результате получаем:

Можно пойти дальше и совместить эти знания с еще одной идеей. Она не моя, подробно описана здесь, как и множество других, за что авторице процветания, счастья и всяческих благ.
Опишу создание подобия твиттера в дневнике, для чего процитирую пост из вышеупомянутого дневника:
читать дальше
Думаю суть понятна. В моем случае пост с твиттер статусами выглядит так:


Симпатично, но хочется эффектный бэкграунд. И тут встает вопрос как его прописывать? Если через дополнительные блоки картинка останется висеть на всех остальных страницах, что не есть хорошо. И выйти из положения мне как раз помогли дополнительный id и манипуляции с эпиграфом:
Эпиграф, фото, список ПЧ:

Настройки CSS:

Результат:

Картинка исчезает вместе с постом твиттера со всех страниц кроме главной.
Помимо всего прочего все эти манипуляции с дополнительными ссылками никак не влияют на текстовое содержимое эпиграфа, то есть он у вас останется где ему и положено, в начале ленты записей.
запись создана: 04.11.2016 в 21:19

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

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

20:49 

Asteinny
Это свойственно человеку. После острого тянет на кисленькое. После смерти — на смех.©

Вопрос: Нравится?
1. Да 
24  (85.71%)
2. Нет 
4  (14.29%)
Всего: 28

@темы: мрачное, дизайн, Asteinny

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

главная