Записи пользователя: Кареглазый Демон (список заголовков)
14:23 

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

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

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

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

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

00:55 

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

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

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

22:45 

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

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

22:37 

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

Этот пост - для любителей оформлять абсолютно все детали дневника.
Не так давно пункты голосования получили отдельные селекторы. И теперь сделать голосование индивидуальным стало проще.
Всего пунктов десять и, соответственно, десять столбиков. Селекторы выглядят как pool-bar.b и дальше цифра 1,2... 10

Можно перекрасить все разом и убрать обводку:
.pool-bar.b1, .pool-bar.b2, .pool-bar.b3, .pool-bar.b4, .pool-bar.b5, .pool-bar.b6, .pool-bar.b7, .pool-bar.b8, .pool-bar.b9, .pool-bar.b10 { background: #ff0000; border: none !important;}
image host
читать дальше


URL записи

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

21:12 

Заказ AlexCross

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

Заказ Kai Noir

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

Заказ Mr.Gold

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

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

23:50 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
На дайрах появилось новшество. Теперь можно открывать разом все теги на странице. На случай если эта функция кому либо нужна я вернул кнопки сортировки. Обращаю ваше внимание на то что в некоторых ранее установленных вами оформлениях эти кнопки могут быть убраны принудительно. Селекторы влияющие на новый тег MORE
.header.order_button
.order_button
#sortOrder
#oamLink
Если в коде оформления вы видите их и свойство display:none; уберите селектор из строки. Либо дайте знать в комментариях.
Обращаю ваше внимание на то что оформления из каталога дайри поменять через пользовательский CSS не получится. Только то что вы ставили вручную.

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

17:48 

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

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


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

09:44 

lock Доступ к записи ограничен

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

23:14 

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



Если вас заинтересовало это оформление перечислите 100 епонов на счет сообщества и напишите умыл. Умыл лучше писать на ник Кареглазый Демон. Либо отпишитесь в комментариях к этой записи.

Вам достанутся все настройки, коды, картинки этого оформления, а также бонусом кнопочка "Установить автоматически". Чтобы оно у вас было, но, если вам не хочется ставить его вручную, вы могли начать пользоваться им сразу же.

*** СКАЧАН 6 РАЗ ***

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

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, урок

21:55 

Заказ Сэйа Рианнон Атарем

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

seya-rhiannon-atarem.dreamwidth.org/

Насколько мне удалось его скопировать можете оценить на видео и в дневнике заказчицы.

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

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

20:44 

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

Вопрос: Блокнотик?
1. Интересует, скачаю 
23  (67.65%)
2. Не интересует тема 
11  (32.35%)
Всего: 34

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

13:54 

lock Доступ к записи ограничен

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

13:19 

Обьявление.

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


Взято здесь.

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

21:26 

Бэкграунд или фон дневника.

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Я лично пользуюсь в основном двумя вариантами фона: большая картинка растянутая по экрану без искажения пропорций, либо повторяющееся бесшовное изображение, которое паркуется в левый верхний угол. Часто даже в платниках использую фоны стандартного размера/веса/способа загрузки.
Но раз уж меня попросили поделиться вариантами оформления фонов я нашел не скажу что все, но большую часть)
Информация взята с сайта WebReference.ru. Там удобный интерфейс и много полезного.
Фон на дайриках прописывается через body .Селектор пишется прям вот так, без решеток и точек.

У боди может быть несколько свойств:

background-color заливка цветом, но ее можно выставить и в стандартных настройках для фона дневника. А вот использование для скажем постов интересно. Задается так:
селектор {background-color: #000000!important;} после решетки код цвета.

background-image заливка фоновым изображением
body {background-image: url(<адрес>)}

background-position позиционирование изображения.
Например body { background-position: left top;} помещает в левый верхний угол. Дальше разные значения и их эквиваленты.
top left = left top = 0% 0% (в левом верхнем углу)
top = top center = center top = 50% 0% (по центру вверху)
right top = top right = 100% 0% (в правом верхнем углу)
left = left center = center left = 0% 50% (по левому краю и по центру)
center = center center = 50% 50% (по центру)
right = right center = center right = 100% 50% (по правому краю и по центру)
bottom left = left bottom = 0% 100% (в левом нижнем углу)
bottom = bottom center = center bottom = 50% 100% (по центру внизу)
bottom right = right bottom = 100% 100% (в правом нижнем углу)
Наглядно:


ЧИТАТЬ ДАЛЬШЕ

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

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

23:23 

Обьявление.

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

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

17:35 

Еще о дополнительных блоках. Анимация.

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

В любом графическом редакторе пере сохраняем ее как jpg.

Грузим оба изображения в БИ. Располагаем в правом нижнем (или левом) углу под меню.
Это статичное изображение. Оно у нас по умолчанию.
#add_block1 {width: 248px !important; height: 237px !important; background: url('/userdir/3/4/5/3/3453262/85444931.jpg') 0px 0px no-repeat; position: fixed !important; bottom:0px; right: 0px;z-index: 1;}
Это анимированное. Оно подгружается когда над ним мышка.
#add_block1:hover {width: 248px !important; height: 237px !important; background: url('/userdir/3/4/5/3/3453262/85444932.gif') 0px 0px no-repeat; position: fixed !important; bottom:0px; right: 0px;z-index: 1;}
Котейка обосновалась под меню.

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

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

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

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

главная