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

Записи пользователя: Изумрудный Демон (список заголовков)
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

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

17:45 

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

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

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

17:13 

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

Заказ для Кеиннари

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

Вопрос: Нравится оформление?
1. Да. 
10  (76.92%)
2. Нет. 
3  (23.08%)
Всего: 13

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

12:09 

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

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

08:01 

Изумрудный Демон
Угрюм - и - Пиздат
Большая часть изображений этого сообщества залита на файлообменник Firepic firepic.org/ который судя по всему был продан www.telderi.ru/ru/viewsite/20897. Видимо новым хозяевам старые картинки ни к чему. Восстановить такой объем не представляется возможным. И мне как админу очень жаль что сообщество погибло.

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

23:49 

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

Заказ для Fans Sails

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

Вопрос: Нравится оформление?
1. Да. 
34  (79.07%)
2. Нет. 
9  (20.93%)
Всего: 43

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

00:38 

Бесплатник в общее пользование.

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

Вдохновивший меня автор арта: artcity.diary.ru/p112048736.htm

Вопрос: Нравится оформление?
1. Да. 
67  (97.1%)
2. Нет. 
2  (2.9%)
Всего: 69

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

22:23 

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

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

Вопрос: Нравится оформление?
1. Да. 
50  (75.76%)
2. Нет. 
16  (24.24%)
Всего: 66

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

главная