• ↓
  • ↑
  • ⇑
 
22:45 

Snowfall Glen

Almette
Счастье там, где ты
Снежного всем Рождества!



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

настройки

Вопрос: Нравится дизайн?
1. Да 
27  (90%)
2. Нет 
3  (10%)
Всего: 30

@темы: первый диз, Зима, Almette

10:45 

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

Вопрос: Нравится оформление?
1. Да. 
42  (95.45%)
2. Нет. 
2  (4.55%)
Всего: 44

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

01:01 

Зимняя сказка

Огненный Бес
Скромник с чертиками в глазах


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

Настройки

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

@темы: Зима, Огненный Бес, голубое-сине-фиолетовое

17:37 

Для Bizarre Dineke

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

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

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

23:35 

Огненный Бес
Скромник с чертиками в глазах
Дизайны с конкурса CSS с настройками:
dizain-by-shokolad.diary.ru/p210969120.htm
dizain-by-shokolad.diary.ru/p210968983.htm

@темы: Огненный Бес

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

@темы: как это сделано, Кареглазый Демон, 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. Да. 
51  (91.07%)
2. Нет. 
2  (3.57%)
3. Одел 
3  (5.36%)
Всего: 56
Всего проголосовало: 55

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

19:48 

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

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

Нажимаем

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

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

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

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

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

22:03 

Осень

Огненный Бес
Скромник с чертиками в глазах


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

Настройки

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

@темы: Осень, Огненный Бес, желто-оранжевое, природа

16:53 

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

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

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

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

16:41 

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

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

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

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

12:46 

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

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

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

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

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

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

00:57 

Для поднятия настроения.

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Коробочки откроются в ночь с субботы на воскресенье 1-2 го октября. Внутри осенние букеты, которые, надеюсь, вас порадуют. Спешите забрать, у вас всего пара дней)

Вопрос: Спасибо
1. :) 
81  (100%)
Всего: 81

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

00:52 

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

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

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

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

главная