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

10:28 

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


Смотреть

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

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

23:29 

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



Смотреть

Вопрос: Нравится?
1. Да 
25  (50%)
2. Тоже "да" только "нет" 
6  (12%)
3. Мне нравится тыкать "нет" 
1  (2%)
4. Мне нравится тыкать "да" 
2  (4%)
5. Мне нравится все варианты ответов, особенно"да" которое "нет" 
7  (14%)
6. А тут еще и дизайн?!Свят-свят. А я на голосовалку залип 
9  (18%)
Всего: 50
Всего проголосовало: 38

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

16:19 

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



Смотреть

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

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

23:14 

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



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

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

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

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

19:46 

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


Вопрос: Нравится?
1. Да 
35  (81.4%)
2. Нет 
2  (4.65%)
3. С чайком потянет 
6  (13.95%)
Всего: 43

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

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 

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


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

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

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

@темы: как это сделано, урок, возможности 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 

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

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


Смотреть

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

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

18:47 

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

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

Вопрос: Нравится?
1. Да 
33  (61.11%)
2. Нет 
7  (12.96%)
3. Ацтаньте, не фанат 
14  (25.93%)
Всего: 54

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

12:34 

Per aspera ad astra

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

Вопрос: Нравится?
1. Да 
33  (84.62%)
2. Нет 
4  (10.26%)
3. С чайком потянет 
2  (5.13%)
Всего: 39

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

17:59 

Легкий и простой дизайн

SoraNoir
Ранимый эстет

Вопрос: Нравится?
1. Да 
23  (82.14%)
2. Нет 
1  (3.57%)
3. Верните мне зрение 
4  (14.29%)
Всего: 28

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

17:52 

Аватарки

SoraNoir
Ранимый эстет
Девушки фэнтези арт
150 х 150




120 х 120

Вопрос: Нравится?
1. Да 
23  (76.67%)
2. Нет 
2  (6.67%)
3. С чайком потянет 
5  (16.67%)
Всего: 30

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

19:53 

Малахитовая шкатулка

SoraNoir
Ранимый эстет

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

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

17:48 

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


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

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

20:53 

Огненые демоны

SoraNoir
Ранимый эстет
Да, что-то я сегодня феячу и феячу. Люблю сложносборные аватарки
Рыжие демоны.
А все Огненный Бес виноват, ник у него вдохновляющий
150 х 150




120 х 120

Вопрос: Нравится?
1. Да 
26  (76.47%)
2. Нет 
5  (14.71%)
3. С чайком потянет 
3  (8.82%)
Всего: 34

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

18:54 

Нужно верить в единорогов. Они же в нас верят

SoraNoir
Ранимый эстет
Очень светлый дизайн


Вопрос: Нравится?
1. Да 
25  (67.57%)
2. Нет 
7  (18.92%)
3. С чайком потянет 
5  (13.51%)
Всего: 37

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

16:40 

Вселенная всегда на стороне мечтателей

SoraNoir
Ранимый эстет
И снова я, и снова аватарки
Тихая нежность

150 х 150



+3

120 х 120

Вопрос: Нравится?
1. Да 
25  (69.44%)
2. Нет 
5  (13.89%)
3. С чайком потянет 
6  (16.67%)
Всего: 36

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

главная