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

Записи с темой: кареглазый демон (список заголовков)
11:32 

Просто Демон
Не причиняй добра - не получишь зла.
Не смог пройти мимо арта. Отдаю в безвозмездное пользование.

Установить автоматически

Вопрос: Нравится оформление?
1. Да 
128  (86.49%)
2. Нет 
4  (2.7%)
3. Одел 
16  (10.81%)
Всего: 148
Всего проголосовало: 136

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

00:22 

Просто Демон
Не причиняй добра - не получишь зла.
Дизайн для Amelia maD hatter.


видео

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

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

01:56 

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

Просто Демон
Не причиняй добра - не получишь зла.
Дизайн для T-K.Grimm.


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

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

16:29 

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


Отдаю в безвозмездное пользование. Если для вас диз пустоват можете дополнить по своему вкусу дополнительными блоками:
Изучить

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



Настройки:
СМОТРЕТЬ

Вопрос: Нравится оформление?
1. Да. 
46  (83.64%)
2. Нет. 
6  (10.91%)
3. Одел. 
3  (5.45%)
Всего: 55

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

20:09 

Просто Демон
Не причиняй добра - не получишь зла.
Дизайн для Itan Hunt

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


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

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

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

главная