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

Записи пользователя: Изумрудный Демон (список заголовков)
23:50 

Изумрудный Демон
Угрюм - и - Пиздат
02:00 

Изумрудный Демон
Угрюм - и - Пиздат
21:36 

Изумрудный Демон
Угрюм - и - Пиздат
Я продолжил эксперименты с более легкими оформлениями. Надеюсь получилось.


Отдаю в безвозмездное пользование. Установить автоматически
Причины нажать на эту ссылку вы возможно обнаружите на видео:


Вопрос: Нравится оформление?
1. Да. 
51  (68%)
2. Нет. 
12  (16%)
3. Одел. 
12  (16%)
Всего: 75
Всего проголосовало: 70

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

09:36 

Изумрудный Демон
Угрюм - и - Пиздат
Дизайн для Львица-Львица


Изюминки на видео:


Все настройки у заказчика.

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

01:15 

Про меню.

Изумрудный Демон
Угрюм - и - Пиздат
Чтобы сократить меню до минимума воспользуйтесь кодом:

или же такой вариант:

Чтобы при нажатии на темы записей выпадала только надпись "все темы"


Заменить уведомления картинками (размер и местоположение нужно подогнать индивидуально):
Умылы:

Дискуссии:

Новые комментарии:

Упоминания:

Если что либо упустил задайте вопрос в комментариях, дополню пост.

Вопрос: Полезно?
1. Да. 
54  (100%)
Всего: 54

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

01:12 

Еще несколько советов.

Изумрудный Демон
Угрюм - и - Пиздат
Что делать если у вас картинки выходят за край ленты? Подгонять...
Для основной ленты дневника и цитат берите значение побольше.

Для избранного, комментариев, цитатника и черновиков поменьше.

Если к картинкам в дизайне применено какое либо визуальное извращение будь то тень или рамка та же участь постигнет смайлики, кнопки редактирования и возможно что то еще... Лечится это так:

Если при этом "поехала" картинка в эпирафе:
и если необходимо дополнительно пропишите ее размеры.
А убрать дублирующийся под эпиграфом разделитель можно так:

Если что либо упустил задайте вопрос в комментариях, дополню пост.

Вопрос: Полезно?
1. Да. 
43  (100%)
Всего: 43

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

17:21 

Памятка для тех у кого едет платник и/или есть желание привести его в порядок.

Изумрудный Демон
Угрюм - и - Пиздат
Многие оформления создавались до введения новых пунктов в меню дайров, поэтому их наличие в кодах не предусмотрено. Касается это почти всех относительно старых дизайнов в этом и других сообществах, а также оформлений из каталога.
Чтобы убрать вставьте в конец своего кода:
платные сервисы
упоминания
краткое избранное

Также есть смысл убирать кодом то что у вас не отображается, а у ваших гостей возможно подключено (конечно при условии что вы сами этим не пользуетесь и ваш диз подобное не предусматривает)
поле постоянных читателей
поле последних комментариев

Убрать все вышеизложенное сразу можно кодом:

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

Также можно запретить вас цитировать, подписываться на пост и забирать посты перепостом:

Кнопка "пожаловаться" отключается в настройках www.diary.ru/options/site/, но тогда вы ее не видите в чужих дневниках. Чтобы ее не было под вашими постами добавьте:
Многие не знают, но надпись "Я знаю, что на сайте имеются материалы, не рекомендуемые для просмотра лицам моложе 18 лет" исчезает если на нее нажать. Поэтому ее не обязательно оформлять в своем дневнике. Можете ее просто убрать:

Если что либо упустил задайте вопрос в комментариях, дополню пост.

Вопрос: Полезно?
1. Да. 
54  (100%)
Всего: 54

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

21:30 

Изумрудный Демон
Угрюм - и - Пиздат
23:36 

Изумрудный Демон
Угрюм - и - Пиздат
Дизайн для Mister Green


Все настройки у заказчика.

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

21:30 

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

Изумрудный Демон
Угрюм - и - Пиздат
Дизайн динамический. Посты при наведении становятся белыми в клетку.


Вопрос: Нравится оформление?
1. Да. 
46  (83.64%)
2. Нет. 
9  (16.36%)
Всего: 55

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

19:18 

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

Изумрудный Демон
Угрюм - и - Пиздат
Демон решил поставить над собой эксперимент и сделал диз с минимумом картинок. Мне это далось нелегко поэтому постарайтесь оценить)
По задумке оформление должно было мало весить, легко грузиться, быть резиновым и читабельным. Насколько справился решайте сами.
Отдаю со всеми настройками в безвозмездное пользование. Какое то время будет стоять в моем дневнике.
Баги отловлены. Работает во всех браузерах.

запись создана: 06.02.2015 в 02:23

Вопрос: Нравится оформление?
1. Да. 
83  (84.69%)
2. Нет. 
15  (15.31%)
Всего: 98

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

22:31 

Изумрудный Демон
Угрюм - и - Пиздат
22:25 

Изумрудный Демон
Угрюм - и - Пиздат
15:04 

Ответ на вопрос Silina Black про анимацию.

Изумрудный Демон
Угрюм - и - Пиздат
Как то раз мне посоветовали сайт с кучей полезных дополнений к фотошопу. Там действительно есть за что глазу зацепиться. Мое внимание привлекли заготовки для анимации. Огромный выбор и есть уроки по созданию. Все довольно просто. Однако в итоге получаются открытки прямоугольной формы, что для нас не всегда удобно. Поэтому Я пошел дальше.
Но все по порядку.

Сайт с заготовками здесь
Первый способ наложения анимации самый простой. Подойдет для баннеров и открыток.

С первого раза у меня не получилось потому что выбрал последний кадр, а нужно было первый.
Если анимация дергается нужно удалить некоторые кадры, естественно внимательно все просмотрев. Также удалять их придется если вес гифки слишком большой. Большинство файлообменников разрешают заливать до 5мб, ucoz до15мб.
Результат:
Второй способ посложнее, однако с его помощью можно делать вылупляшки и что угодно на прозрачной подложке.
Для начала создаем не анимированный файл со слоями. Потом копируем их в правильном порядке в анимацию. Дальше для каждого кадра выставляем обтравочную маску и параметры наложения. Кроме прозрачности это могут быть режимы наложения.

Эпиграф создается по тому же принципу, только нижний слой будет залит цветом.
Результат:

Вопрос: Полезно?
1. Да. 
25  (100%)
Всего: 25

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

22:13 

Эпиграф

Изумрудный Демон
Угрюм - и - Пиздат


Статичный вариант

@темы: эпики, мрачное, красное

00:17 

Изумрудный Демон
Угрюм - и - Пиздат
19:15 

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

Изумрудный Демон
Угрюм - и - Пиздат

читать дальше



запись создана: 12.12.2014 в 17:53

Вопрос: Нравится оформление?
1. Да. 
147  (93.04%)
2. Нет. 
11  (6.96%)
Всего: 158

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

22:19 

Изумрудный Демон
Угрюм - и - Пиздат
Детали можно рассмотреть в моем дневнике.



А изюминки на видео:


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

01:43 

Аттракцион невиданной щедрости)

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










Вопрос: Нравятся оформления? (выбрать можно несколько вариантов)
1. Первое 
42  (22.83%)
2. Второе 
68  (36.96%)
3. Третье 
46  (25%)
4. Забрал 
28  (15.22%)
Всего: 184
Всего проголосовало: 106

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

22:46 

Изумрудный Демон
Угрюм - и - Пиздат
Диз для julia-sp.

Все настройки у заказчика.

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

главная