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

21:53 

Заказ для Izmen@

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


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

19:42 

Dark Wood
Ранимый эстет
Нечто странное в стиле стимпанк



Смотреть

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

@темы: стимпанк, коричневое, желто-оранжевое, дизайн, Спящий Эльф

17:48 

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

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


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

12:16 

Dark Wood
Ранимый эстет
Немного легких аватарок из вселенной Гарри Поттера


+3

120 х 120

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

@темы: по группам/фильмам/сериалам/играм, аниме/арты, аватары, Спящий Эльф

20:28 

Dark Wood
Ранимый эстет
Три разных по тематике эпиграфа


+3

Вопрос: Нравится?
1. Да 
40  (68.97%)
2. Ну почти 
7  (12.07%)
3. Что-то тут не так 
4  (6.9%)
4. Себе возьму 
7  (12.07%)
Всего: 58

@темы: винтаж, Спящий Эльф, мрачное, зеленое, эпики, серое, разное, природа

18:51 

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

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



Смотреть

Вопрос: Нравится?
1. Да 
45  (75%)
2. Нет - это как "да" только почти 
2  (3.33%)
3. Себе возьму 
13  (21.67%)
Всего: 60

@темы: цветы, серое, розовые, нежное, дизайн, Япония, Весна, Спящий Эльф

19:26 

Dark Wood
Ранимый эстет
Заказ для Иной мир на лесную тему



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

@темы: природа, зеленое, заказ, дизайн, Спящий Эльф

12:42 

Dark Wood
Ранимый эстет
Немного страненьких аватарок
150 х 150


+3

120 х 120

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

@темы: серое, нежное, женственное, желто-оранжевое, голубое-сине-фиолетовое, аватары, Спящий Эльф

10:28 

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


Смотреть

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

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

23:29 

Dark Wood
Ранимый эстет
Светлый и легкий дизайн



Смотреть

Вопрос: Нравится?
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

@темы: нежное, женственное, дизайн, голубое-сине-фиолетовое, Спящий Эльф

16:19 

Dark Wood
Ранимый эстет
Темный, немного "тяжелый" дизайн



Смотреть

Вопрос: Нравится?
1. Да 
30  (83.33%)
2. Тоже да, но не очень 
6  (16.67%)
Всего: 36

@темы: мрачное, дизайн, Спящий Эльф

23:14 

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



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

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

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

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

19:46 

Dark Wood
Ранимый эстет
Светлый простенький дизайн


Вопрос: Нравится?
1. Да 
34  (80.95%)
2. Нет 
2  (4.76%)
3. С чайком потянет 
6  (14.29%)
Всего: 42

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

19:16 

Опрос

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

Вопрос: Вы бы предпочли работы:
1. темные, мрачные 
32  (11%)
2. светлые, нежные 
52  (17.87%)
3. яркие, контрастные 
23  (7.9%)
4. с фотографиями для исходников 
16  (5.5%)
5. с артами для исходников 
27  (9.28%)
6. природа, город, архитектура 
51  (17.53%)
7. люди, звери 
18  (6.19%)
8. фэнтези, фантастика, аниме 
47  (16.15%)
9. фендома 
23  (7.9%)
10. свой вариант в комментарии 
2  (0.69%)
Всего: 291
Всего проголосовало: 87

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

19:12 

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


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

@темы: Спящий Эльф, аниме/арты, зеленое, дизайн

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. Да. 
45  (100%)
2. Нет. 
0  (0%)
Всего: 45

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

20:49 

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

Вопрос: Нравится?
1. Да 
25  (86.21%)
2. Нет 
4  (13.79%)
Всего: 29

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

21:55 

Заказ Сэйа Рианнон Атарем

Изумрудный Демон
Ко мне на "ВЫ", шепотом и с придыханием...
На этот раз меня попросили адаптировать под дайры блог с dreamwidth
Выглядит он так:

seya-rhiannon-atarem.dreamwidth.org/

Насколько мне удалось его скопировать можете оценить на видео и в дневнике заказчицы.

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

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

18:09 

стайлза не испорчу даже я

Dark Wood
Ранимый эстет
Дизайн с двумя эпиграфами: статичным и анимированым


Смотреть

Вопрос: Нравится?
1. Да 
21  (72.41%)
2. Нет 
3  (10.34%)
3. С чайком потянет 
5  (17.24%)
Всего: 29

@темы: по группам/фильмам/сериалам/играм, мрачное, дизайн, Спящий Эльф

18:47 

Шерлок навсегда

Dark Wood
Ранимый эстет
Простой незатейливый анимированый эпиграф
Да-да, я я любитель BBC`шного Шерлока

Вопрос: Нравится?
1. Да 
31  (59.62%)
2. Нет 
7  (13.46%)
3. Ацтаньте, не фанат 
14  (26.92%)
Всего: 52

@темы: эпики, по группам/фильмам/сериалам/играм, Спящий Эльф

главная