Ознакомьтесь с нашей политикой обработки персональных данных

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

  • ↓
  • ↑
  • ⇑
 
Записи пользователя: Кареглазый Демон (список заголовков)
01:05 

Заказ die Anmut

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...

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

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

20:17 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...

Это первый вариант оформления моего предыдущего заказчика. Ему не подошел, с разрешения отдаю в общее пользование.
Установить можно как через настройки, так и нажав на автоматическую установку.


КОД:


КАРТИНКИ:
У ССЫЛОК s015.radikal.ru/i332/1708/4f/b23e8b0fb941.png
НАВЕРХ s013.radikal.ru/i324/1708/e6/bde0ee0484e3.png
КУРСОР s018.radikal.ru/i514/1708/a9/75cf5d74fe22.png
НИЗ s010.radikal.ru/i311/1708/3b/b7bb16dd8696.png
СЕРЕДИНА s019.radikal.ru/i642/1708/53/7b82aa2dbfc0.png
ВЕРХ s019.radikal.ru/i636/1708/27/8e052c15200f.png
КРЫША s11.radikal.ru/i183/1708/cb/a3c2464e237d.png
ФОН s019.radikal.ru/i635/1708/91/cb6ecdb92b14.jpg
МЕНЮ s015.radikal.ru/i332/1708/06/73a3cad9b00e.png

НАСТРОЙКИ:
дизайн блочный
панель слева
гарнитура Georgia заголовок 13, текст 16
цвет текста заголовок, записи, ссылки #241405



Вопрос: Понравилось?
1. Да  11  (84.62%)
2. Нет  2  (15.38%)
Всего: 13
Всего проголосовало: 12

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

21:12 

Заказ Mr.Gold

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
00:29 

Диз для fotin@

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...

Вопрос: Понравилось?
1. Да.  23  (100%)
2. Нет.  0  (0%)
Всего: 23
Всего проголосовало: 23

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

22:28 

Заказ для...

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Все настройки у заказчика. Заказчик пожелал остаться неизвестным.

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

18:13 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
С Новым Годом сообщники!
Несмотря на то что в прошлом нас основательно потрепало, часть контента испарилась, а мастера ушли в спячку мы не сдаемся. И обязательно будем радовать вас креативом в новом году.
Нам дорог каждый отзыв, комментарий и довольный заказчик.
Спасибо что вы с нами.

Вопрос: С новым годом?)
1. Да.  44  (100%)
Всего: 44

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

10:45 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...

Вопрос: Нравится оформление?
1. Да.  36  (94.74%)
2. Нет.  2  (5.26%)
Всего: 38

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

17:37 

Для Bizarre Dineke

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...

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

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

23:08 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Публиковать работы с конкурсов в других сообществах нельзя, но давать на них ссылки никто не запрещал)
Потому если вдруг кто не видел мои дизы (CSS с настройками):
dizain-by-shokolad.diary.ru/p210968685.htm
dizain-by-shokolad.diary.ru/p210968648.htm
dizain-by-shokolad.diary.ru/p210968555.htm

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

21:19 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Эпиграф очень своеобразная часть дизайна, живущая своей жизнью, поэтому в его оформлении есть свои нюансы.
Допустим все картинки уменьшены под ширину ленты. Картинка использованная в эпиграфе подчинится общему правилу. А если она допустим должна быть больше и в ней присутствуют ссылки то все поедет.
Чтобы этого не случилось ширину картинкам эпиграфа лучше прописывать отдельно, соответственно под размер конкретной картинки.
#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:

Результат:

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

Вопрос: Полезно?
1. Да.  24  (100%)
2. Нет.  0  (0%)
Всего: 24

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

00:29 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
02:50 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
В сообществе DESIGN + проходит голосование по конкурсу "Осенние сказки".
Пожалуйста проголосуйте за понравившиеся работы.

17:51 

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


Вопрос: Какие?)
1. 1  15  (12.5%)
2. 2  9  (7.5%)
3. 3  6  (5%)
4. 4  15  (12.5%)
5. 5  8  (6.67%)
6. 6  15  (12.5%)
7. 7  12  (10%)
8. 8  14  (11.67%)
9. 9  8  (6.67%)
10. 10  18  (15%)
Всего: 120
Всего проголосовало: 33

@темы: Кареглазый Демон, Осень

14:56 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Дизайн для Wet_Garden
Все настройки у заказчика.

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

03:44 

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

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

Вопрос: Нравится оформление?
1. Да.  41  (93.18%)
2. Нет.  2  (4.55%)
3. Одел  1  (2.27%)
Всего: 44
Всего проголосовало: 44

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

19:48 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Сейчас будет признание века) Я не умею делать бесшовники... в смысле сам с нуля руками в фотошопе. Зато знаю другой отличный способ. По просьбе [Рыжая_Бестия] делюсь.
Берем любую картинку.
Создаем в фотошопе файл с шириной 245 пикселей и произвольной высотой.
Подгоняем исходник. Если на картинке есть четкий заметный объект, у нас это кот, он должен занять чуть меньше половины изображения.

Далее нам понадобится программа gimp. Скачать ее можно здесь.
Скопируем совмещенные данные нашего фона из фотошопа.
Вставим в гимп

Нажимаем

Бесшовное изображение готово. Правка - копировать видимое. Возвращаемся в фотошоп. Редактирование - вставить.

Если есть желание его можно доработать. Например создать маску и проявить кота.

Работать обязательно на самой маске а не на слое, дорисовывать и убирать ластиком и кистью. И следите чтобы на верхней и нижней границе ничего не стерлось.
Сохраняем в jpg. Вес выставляем меньше 70кб.
Готово)

Вопрос: Полезно?
1. Да.  48  (100%)
2. Нет.  0  (0%)
Всего: 48

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

16:53 

Восстановленное. Эпик анимированный.

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
За спасение диза огромная человеческая благодарность Elika.

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

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

16:41 

Восстановленное.

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
За спасение диза огромная человеческая благодарность Elika.

Вопрос: Нравится оформление?
1. Да.  30  (100%)
2. Нет.  0  (0%)
Всего: 30

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

12:46 

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

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...

Вопрос: Нравится оформление?
1. Да.  26  (100%)
2. Нет.  0  (0%)
Всего: 26

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

23:04 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Публиковать работы с конкурсов в других сообществах нельзя, но давать на них ссылки никто не запрещал)
Потому если вдруг кто не видел мои дизы:
dizain-by-shokolad.diary.ru/p210367104.htm
dizain-by-shokolad.diary.ru/p210367039.htm
dizain-by-shokolad.diary.ru/p206436164.htm
dizain-by-shokolad.diary.ru/p206435973.htm

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

главная