URL
14:23 

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

Вопрос: Поздравить?
1. Да! 
71  (100%)
Всего: 71

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

19:20 

Темный лес полон тайн и загадок

Kai S.H. Moro
Ранимый эстет
Зелененький дизайн для бесплатного аккаунта,и в особенности для тех, кто любит писать светлым по темному.
И по традиции два эпиграфа: анимированый и статичный

(при нажатии на картинку откроется полный скрин)

Смотреть

Вопрос: Нравится?
1. Да 
23  (48.94%)
2. Люблю леса 
18  (38.3%)
3. А я по лесам не шастаю 
0  (0%)
4. Себе возьму 
4  (8.51%)
5. Ацтаньте, что ту может нравится 
2  (4.26%)
Всего: 47

@темы: природа, зеленое, дизайн, SoraNoir

22:17 

И свет сияющего утра сквозь листья сеял волшебство...

Kai S.H. Moro
Ранимый эстет
Давно уже ничего не делал для сообщества, поэтому немного сложно входить в рабочую колею. Но совсем чуть-чуть скромных автарок все же принес.
150 х 150


120 х 120

Вопрос: Нравится?
1. Да 
22  (73.33%)
2. Нет 
8  (26.67%)
Всего: 30

@темы: природа, нежное, зеленое, женственное, желто-оранжевое, аватары, Весна, SoraNoir

15:04 

Внимание, розыгрыш CSS оформления!!!

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Если вам хочется получить дайровский дизайн моего авторства совершенно бесплатно сделайте перепост этой записи к себе в дневник, а в комментариях напишите "Участвую". 11 апреля комментарии закроются и генератор случайных чисел выберет победителя. Участвуют дневники, созданные не позднее 1 марта 2018 года.

Spring_girl10 — 1
~Chertopoloh~ — 2
Vol4onok_D — 3
СанДжанна — 4
Lady Lirana — 5
Леля РОТОР — 6
Gun_Grave — 7
Ver/o/nika — 8
irguiz — 9
~Lady_Loki~ — 10
Душа без лица — 11
Moiraine Sedai — 12
IKoLa — 13
Stormdragon — 14
Dark_Light — 15
AlexCross — 16
*Жужик* — 17
dar_1313 — 18
Madra rua — 19
[Рыжая_Бестия] — 20
Clarence Le Grand — 21
Обсидиана — 22
Lariday — 23
Тот самый Лойсо Пондохва — 24
Нэко — 25
Silvertongue — 26
Сэфэс (Ирчи) — 27
HaiNecko_Tohma — 28
StephanSwallow — 29
:::Free::Like::Wind::: — 30
SpaceRabbit — 31
Black Moon Cat — 32
Элинор Реддл — 33

Исключены из соревнования:
Жанна_Вэссон тык
GMT тык

UPD:

Поздравляю победителя Душа без лица и жду в умыл с заказом.
Остальные не расстраивайтесь. Как нибудь обязательно повторим)
запись создана: 04.04.2018 в 22:45

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

23:34 

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

Результат:

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

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

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

00:55 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Я не видел отдельного списка тегов для составных частей поста и комментариев, поэтому оставлю его здесь.
.singlePost — запись (этот же селектор используется для имитации разделителя)
.countFirst — нечетный пост
.countSecond — четный пост
.singleComment — комментарий (этот же селектор используется для имитации разделителя)
читать дальше

Дополнения в комментариях приветствуются.

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

18:45 

Darakna_theme#3

Darakna
Кто живёт прошлым, тот обретет боль.
Центрированный дизайн в стиле Локи



Вопрос: Нравится дизайн?
1. Да 
31  (60.78%)
2. Нет 
1  (1.96%)
3. Очень 
19  (37.25%)
Всего: 51

@темы: CSS, Darakna, дизайн, зеленое, по группам/фильмам/сериалам/играм

19:46 

Цветочный теплый дизайн

Kai S.H. Moro
Ранимый эстет
Мой первый дизайн для платного аккаунта в свободное пользование. Довольно простой, но для меня, как новичка в этом, весьма значимое событие.
И я ничего не смог бы сделать без помощи и поддержки Кареглазого Демона. Именно благодаря ему и случилось это знакомство с кодами дайровских css - дизайнов.
Этот человек мне подробно разжевал про каждый селектор, терпеливо сносил мои "не хочу менять", и "хочу оставить так", а после также терпеливо просматривал код после моего "ну куда вот это уползло-то! Я же не туда его ставил". Таких профессионалов еще поискать, и даже среди найденных Кареглазый Демон будет особенным. Спасибо за неоценимую помощь, и новые возможности Кареглазый Демон.
Дизайн с множеством фоновых картинок, поэтому взявшие его, внимательно смотрите название встраиваемых в код картинок. Также хочу отметить, что название дневника прописано в фотошопе, и если кто-то отважится его взять, то напишите мне, я сделаю эту картинку для вас с названием вашего дневника.
Ширина ленты подстраивается под ширину экрана.



Вопрос: Нравится?
1. Да 
23  (88.46%)
2. Нет 
1  (3.85%)
3. Себе поставлю 
2  (7.69%)
Всего: 26

@темы: цветы, песочно-бежевое, первый диз, нежное, дизайн, Весна, SoraNoir, CSS

11:01 

Заказ для Bizarre Dineke

Kai S.H. Moro
Ранимый эстет
Весеннее настроение для Bizarre Dineke
Дизайн полностью прозрачен, что позволит владельцу изменять оттенки по настроению.

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

17:16 

Разделители.

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Возможность прописать кодом разделители это еще один повод подключить CSS)
Отдельного селектора, отвечающего за пространство между постами и комментариями не существует. Зато можно задавать фон самого поста.
Если бэкграунд повторяющийся получится заливка. Текстурой, полупрозрачной подложкой или просто цветом по вашему желанию.
А если прописать картинку без повторения и задать ей положение по краю поста она прилепится справа, слева, сверху или внизу. Последние два случая как раз используются для имитации разделителей.
Конечно можно и в бесплатнике исхитриться. Допустим прописав нужный код с картинкой через сервис настраиваемых кнопок. Но в этом случае вам придется жать на кнопку вручную в конце каждого поста. А если страниц в вашем дневнике много пере сохранять ранние посты вы просто замучаетесь.

Сам код очень простой. Даже не нужно прописывать ширину и высоты картинки.

Обратите внимание что вставлять нужно не весь адрес изображения из БИ, а начиная с /userdir и до конца.
Расшифровка:
каждый пост {(картинка) не повторять; позиция внизу; отступ снизу; отступ сверху}
Отступы нужны чтобы ваш разделитель вышел за сам пост и не перекрывал ссылки под постом.
Когда вы прописываете код таким образом возникает небольшой глюк, а именно двоится разделитель под эпиграфом.
Убирается это вот так:


Конечный код:


Ну и чтобы вам было на чем тренироваться.
РАЗДЕЛИТЕЛИ

Авторство не мое, я только подогнал под размер. Найдено в открытых источниках.

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

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

17:48 

Заказ для Лехтенстаарн

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


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

14:53 

Заказ Kai Noir

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

Что-то с чем-то

Kai S.H. Moro
Ранимый эстет
Иногда встречаются такие картинки, которые, как ни упирайся, не удается обработать так, как того хотелось бы. Но у меня такая проблема не ограничивается какой-то отдельно взятой картинкой. У меня это целая категория. Азиаты. Ну никогда не выходит их достойно обработать. Потому я берусь за азиатские внешности очень редко. Но сегодня решлся на очередное "попробовать". Получилось не очень. Но, может кому и понравится. Итак...мои странные аватарки в количестве четырех штук с азиатскими девушками.


Вопрос: Нравится?(вопрос риторический)
1. Нет 
3  (30%)
2. Да, но нет 
6  (60%)
3. И снова нет 
1  (10%)
Всего: 10

@темы: нежное, женственное, голубое-сине-фиолетовое, аватары, SoraNoir

18:21 

Kai S.H. Moro
Ранимый эстет
Дизайн для бесплатного аккаунта с возможностью изменения цвета фона дневника не изменяя его основного рисунка

(при нажатии на картинку откроется полный скрин)

Смотреть
Пример этого же дизайна при более темном цвете фона
(для более гармоничного вида дизайна при изменении цвета фона рекомендуется изменить и цвет фона записей)
Смотреть

Вопрос: Нравится?
1. Да 
18  (69.23%)
2. Нет 
1  (3.85%)
3. Голосую против всех 
6  (23.08%)
4. Себе возьму 
1  (3.85%)
Всего: 26

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

22:45 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Пока никто не хочет меня как дизайнера предлагаю вам сыграть со мной в игру оставить пожелания и идеи для оформления CSS за умеренную плату. Мы так уже делали, на сколько могу судить многим понравилось.
Бросьте мне кость, не могу долго сидеть без дела)

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

19:04 

Kai S.H. Moro
Ранимый эстет
В посте аватарок с девушками - азиаточками мелькнуло упоминание о том, что некотором ПЧенькам хочется дорамных мальчиков. И я подумал: а почему бы и нет.
Правда, не знаю, насколько эти мальчики дорамны, ибо в этом не в зуб ногой, и понятия не имею, что у меня вышло, но что-то вышло.


150 х 150

120 х 120

Вопрос: Нравится?
1. Ну как-то так 
2  (9.52%)
2. Да 
8  (38.1%)
3. Нет 
4  (19.05%)
4. Хто ета? 
7  (33.33%)
Всего: 21

@темы: по группам/фильмам/сериалам/играм, аватары, SoraNoir

14:40 

Заказ Mr.Gold

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

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

21:12 

Заказ AlexCross

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

Европа

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



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

Настройки

Вопрос: Нравится дизайн?
1. Да 
29  (93.55%)
2. Нет 
2  (6.45%)
Всего: 31

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

21:53 

Заказ для Izmen@

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


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

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

главная