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

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

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

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

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

12:46 

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

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

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

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

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

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

22:14 

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

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

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

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

19:06 

С разрешения заказчицы платник в общее пользование.

Изумрудный Демон
Ко мне на "ВЫ", шепотом и с придыханием...
22:54 

Изумрудный Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Заказ Rainy_Rina
Все настройки у заказчика.

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

16:41 

Для Сьюзен.

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

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

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

16:18 

Про темы записей.

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

Итак, первое что можно сделать с темами записей это раскрыть список при боковом расположении меню и чтобы смотрелось аккуратнее уменьшить шрифт.



Список можно убрать совсем.



Если задать число меньше 20 останется несколько тем записей. Однако не с большим количеством постов.



Темы записей можно расположить в два столбика. Даже при боковом меню.



А если добавить это будут еще и выплывать.


С помощью этого кода можно вынести выпадающий список тем за пределы меню и зафиксировать на странице.



Передвигать вверх-вниз через padding и margin из последних двух строк. Значения должны совпадать чтобы меню не плясало.

Лично мне темы записей милее в верхнем выпадающем меню.
Оставим белый фон и обводку из предыдущего примера. Зададим два столбика и отступ строчкам, уменьшим шрифт.



Теперь все это нужно сдвинуть. Положение задается дважды. Для списка тем после того как он выпал и после того как на него навели мышку. Значения должны быть одинаковыми, иначе меню будет плясать.
Обращайте внимание на то чтобы выпавший список не закрывал кнопку тем записей но соприкасался с основным меню. Иначе вы темы увидите, но нажать на них просто не успеете.



Ну и напоследок для не желающих заморачиваться.
Можно убрать ссылку "темы записей" и оставить только "все темы" с общим количеством.


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

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

10:25 

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

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

16:24 

Урок для Лисёнка Чу

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


Как это сделано?
Берем код таблицы:

tr тег строчки. td ячейки. Когда переходим к следующей ячейке или строке тег закрываем при помощи /.
Выглядит это так:
Ячейка 1Ячейка 2Ячейка 3
Ячейка 4Ячейка 5Ячейка 6


Дальше используем тег MORE

Выглядит это так:


Ячейки можно заполнять чем угодно.

Однако стоит учитывать что они растягиваются под содержимое.

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

19:11 

Для Dizzy_Little_Angel

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

Для Shanait.

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

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

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

14:52 

Для девушки с вишневыми волосами

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

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

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

22:42 

Внезапный бесплатник.

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

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

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

22:35 

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

Вопрос: Нравится оформление?
1. Да. 
36  (90%)
2. Нет. 
4  (10%)
Всего: 40

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

23:23 

Заказ для zavieja

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

Вопрос: Нравится оформление?
1. Да. 
18  (90%)
2. Нет. 
2  (10%)
Всего: 20

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

16:01 

Для Izanami.

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

Дальше нужно создать еще два слоя: с белым фоном и надписью в нашем случае.

Макет разрезаем по синим линиям и сохраняем в jpg.
В итоге получаем три картинки:
1.

2.

3.

Теперь используем теги MORE.


перваявторая

Первая нажимается и открывает третью. (кликабельно)


Для второй и третьей картинок прописываем карту ссылок. Опишу подробно, мало ли вдруг кто не умеет, а ему интересно. Через XnView смотрим координаты всего что должно нажиматься.
Общий вид:


Вторая картинка:






и ее код:


Третья картинка:



и ее код:
Мне удобнее сначала подписать названия и только потом добавлять ссылки:




Важный момент: там где img usemap нужно задавать новое имя для каждой картинки в посте, иначе ссылки отобразятся некорректно.

Теперь осталось только вставить готовые коды в шаблон MORE.



Итог:





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

01:17 

Заказ для bokuto-san

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

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

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

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

главная