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

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

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

20:49 

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

Вопрос: Нравится?
1. Да 
26  (86.67%)
2. Нет 
4  (13.33%)
Всего: 30

@темы: мрачное, дизайн, 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. Да 
25  (78.13%)
2. Нет 
2  (6.25%)
3. С чайком потянет 
5  (15.63%)
Всего: 32

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

19:53 

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

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

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

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

17:48 

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


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

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

20:53 

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

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




120 х 120

Вопрос: Нравится?
1. Да 
27  (77.14%)
2. Нет 
5  (14.29%)
3. С чайком потянет 
3  (8.57%)
Всего: 35

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

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

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

14:41 

Лисы и девушки

SoraNoir
Ранимый эстет
А я продолжаю "радовать" сообщников аватарами.
Рыжие девушки и не менее рыжие лисы.
150 х 150


+3

120 х 120

Вопрос: Нравится?
1. Да 
20  (68.97%)
2. Нет 
8  (27.59%)
3. С чайком потянет 
1  (3.45%)
Всего: 29

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

01:38 

Огненный Бес
Скромник с чертиками в глазах
Под кадом три эпиграфа с разными картинками.



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

Настройки

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

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

20:22 

Ayumi Hamasaki JEWEL

SoraNoir
Ранимый эстет
Три совершенно абстрактных анимированых эпиграфа.
Не смог устоять перед сверкающим великолепием клипа JEWEL


+2

Вопрос: Нравится?
1. Да 
32  (78.05%)
2. Нет 
5  (12.2%)
3. С чайком потянет 
4  (9.76%)
Всего: 41

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

19:20 

SoraNoir
Ранимый эстет
Моя первая слабенькая попытка сделать что-то эльфийское.
Ни разу еще с эльфами не сталкивался. Но и начинать никогда не поздно.



Вопрос: Нравится?
1. Да 
18  (62.07%)
2. Нет 
4  (13.79%)
3. С чайком потянет 
7  (24.14%)
Всего: 29

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

20:44 

Просто Демон
Не причиняй добра - не получишь зла.
Возникла мысль сделать оформление в виде блокнота или раскрытой записной книжки. За умеренную плату. Интересует кого нибудь?

Вопрос: Блокнотик?
1. Интересует, скачаю 
24  (68.57%)
2. Не интересует тема 
11  (31.43%)
Всего: 35

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

20:01 

Ишите женщину...

SoraNoir
Ранимый эстет
Не могу устоять перед соблазном сделать аватарки в новом для дайри размере 150 х 150.
Не знаю, придутся ли они кому-то по душе, но...не справляюсь я с этим вдохновением(с)
150 х150 свыше 50кб



150 х 150 до 50 кб

Вопрос: Нравится?
1. Да 
14  (58.33%)
2. Нет 
9  (37.5%)
3. С чайком потянет 
1  (4.17%)
Всего: 24

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

13:19 

Обьявление.

Просто Демон
Не причиняй добра - не получишь зла.
Если у вас обрезались новые широкие аватары вставьте в код:


Взято здесь.

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

главная