• ↓
  • ↑
  • ⇑
 
Записи пользователя: Кареглазый Демон (список заголовков)
21:43 

Флудилка

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Уважаемые сообщники. Пожалуйста отписывайтесь в постах в соответствии с их темами и по сабжу конкретного оформления.
У нас имеются отдельные посты для:
вопросов originaldesign.diary.ru/p149668223.htm
желающих учиться originaldesign.diary.ru/p202013319.htm
заказов originaldesign.diary.ru/?tag=3766049
Если уж кому то нестерпимо хочется высказать нечто, что в эти рамки не укладывается можете сделать это в комментариях к этому посту.
Спасибо за внимание.
Ваш злой админ:evil:

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

19:42 

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

Помимо того что заметно на видео диз адаптируется под любую ширину экрана и подходит для смартфонов, ужимает изображения в дневнике до 700 пикселей в основной ленте и до 600 пикселей в избранном и комментариях, а любое видео до 560 на 315.


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

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

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

13:11 

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

Вопрос: Интересно?
1. Да 
30  (96.77%)
2. Нет 
1  (3.23%)
Всего: 31

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

13:48 

CSS за умеренную плату

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

Пока так, возможно со временем что то изменится если тема приживется)
запись создана: 03.12.2017 в 21:28

Вопрос: Возможность получить настройки CSS должна стоить
1. 50р. 
21  (35.59%)
2. 100р. 
14  (23.73%)
3. 150р. 
12  (20.34%)
4. 200р. 
12  (20.34%)
Всего: 59

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

17:16 

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

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

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

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


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


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

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

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

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

01:59 

Заказ Алекс Ешино

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

Вопрос: Понравилось?
1. Да 
21  (75%)
2. Нет 
7  (25%)
Всего: 28

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

01:18 

Заказ Ельф мечтатель

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

Вопрос: Понравилось?
1. Да 
29  (80.56%)
2. Нет 
7  (19.44%)
Всего: 36
Всего проголосовало: 36

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

13:17 

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

@темы: Административное, Полезное

00:03 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Меня так впечатлила реакция на простую кнопку «наверх» в сообществе За родной диван!, что я решил запилить полноценный туториал с основными возможными положениями этой самой кнопки. Мало ли, вдруг еще кого порадую) Опять же если вы подключили CSS спасая дайри, а зачем он вам не знаете, вот вам ответ.
Даже не вдаваясь в визуальные дебри сократите меню удалив лишнее и приведите дневник в порядок, как это описано здесь и здесь. И повесьте кнопку наверх, как вариант.
Возьмем для наглядости такой макет:

Картинка может быть абсолютно любой. Стрелка, указатель наверх или что то что подойдет по смыслу. Главное чтобы фон этой кнопки был прозрачным. Загружаете в свою БИ. И дальше в кодах строго между кавычек используете url своей картинки начиная с /usedir и до конца.
width это ширина картинки
height высота. Эти параметры прописываются индивидуально.
position: fixed !important; фиксирует кнопку на странице, чтобы она не уехала с лентой
display:block!important;line-height: 500px !important; overflow:hidden !important; помогает заменить изначальную текстовую ссылку на картинку. Кому интересны детали добро пожаловать на htmlbook.ru/
z-index: 3; это что то вроде слоев фотошопа. Чем больше цифра тем выше элемент. Лучше прописывать, чтобы кнопка точно была над лентой и записями и не перекрылась допустим меню.
#bottomNav {display: block;} просто смиритесь с тем что без этой строчки кнопка не видна)

Теперь по позициям. Если вам нужна кнопка в углу задаете ей нулевые отступы

1.

2.

3.

4.

Если же кнопка нужна вам прикрученной к краю ленты подход немного меняется. Отступы сверху и снизу прописываются также, а справа-слева в два этапа.
Сначала мы паркуем кнопку в центр благодаря left:50%;
Затем двигаем ее уже от середины. На 450 пикселей в нашем случае, то есть на половину ширины ленты.
margin-left: -450px; передвинет кнопку влево,
margin-left: 450px; соответственно вправо.

5.

6.

7.

8.

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

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

21:00 

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

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


19:48 

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

Вопрос: Что вам хотелось бы видеть здесь?
1. Все и сразу;) 
27  (22.5%)
2. Хотя бы что то, я вас и так люблю) 
30  (25%)
3. Больше бесплатников. 
17  (14.17%)
4. Больше css 
17  (14.17%)
5. CSS, несильно сложных за умеренную плату 
20  (16.67%)
6. CSS, в одни руки по индивидуальному заказу 
9  (7.5%)
Всего: 120
Всего проголосовало: 64

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

18:06 

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


еще скрины


НАСТРОЙКИ

Вопрос: Понравилось?
1. Да 
53  (96.36%)
2. Нет 
2  (3.64%)
Всего: 55
Всего проголосовало: 55

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

13:36 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
01.11.2017 в 22:37
Пишет Min Young-nim:

Новая плашка
Т.к. на страницах каждого дневника появилась новая плашка, хочу помочь вам вписать её в ваши дизайны. Особенно тем, кто делал у меня заказы. Убедительная просьба, просто сдвиньте плашку в нужное место, подгоните её под общий стиль вашего дневника, но ни в коем случае не удаляйте. Дневникам эта плашка может спасти жизнь. Позже я, вероятнее всего, придумаю какое-то более красивое решение, но сейчас пусть будет такой код.
Некоторые свойства закомментированы, чтобы они заработали, нужно убрать /**/ у нужной вам строки.
Думаю, что ссылки внутри плашки перекрашивать не нужно, т.к. они призваны привлечь внимание. Не уменьшайте шрифт до совсем маленького, не делайте плашку незаметной. Ваша цель — сделать так, чтобы плашка не рвала вам страницу и не смещала какие-то важные элементы, но она должна быть на странице и должна оставаться заметной. В противном случае, может случиться так, что вам больше негде будет скрывать "назойливые" элементы дизайна, т.к. дайри просто перестанут существовать.



URL записи

10:24 

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

01.11.2017 в 01:38
Пишет Katherine Shep.:

АТТЕНШН! КАТАЛОГ ПОЛЬЗОВАТЕЛЕЙ ДАЙРИ!
Посмотрев на все эти пляски и побегав на волосах в сборах драгоценных контактов в Избранном, я пришла к выводу, что хорошо бы иметь каталог, в который можно будет внести свой ник и адрес дневника и хотя бы парочку контактов с других ресурсов, чтоб нам всем взаимно не потеряться.

Более, того, каталог нужен ещё и потому, что на других ресурсах мы можем быть под другими никами, и найти нас там будет невозможно. А когда Дайри рухнет, что-то делать будет уже поздно.

Посему я создала систему, которая может решить эту проблему (ладно, Гугл там где-то рядом постоял). Скорее всего, со временем я разделю каталог на несколько частей, чтобы избежать подвисания таблицы/ваших компьютеров и телефонов от объёма данных. И да поможет моему компьютеру... что-нибудь :lol:

СУТЬ:


1. Оставляем свои ник/адрес дневника и контакты здесь:



2. Если нам нужно кого-то найти, идём сюда и ищем по нику/адресу дневника, как в самом обычном Экселе:


Нет, я не ФСБ и мне эти ваши данные даром не нужны. Скорее всего, я ещё пожалею, что в это ввязалась. Но в любом случае, хотелось бы хоть что-то спасти, потому что в то, что Дайри выплывет в этот раз, я, к сожалению, не верю.

ПРОСЬБА МАКСИМАЛЬНОГО РЕПОСТА!


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

P.P.S: Наполнение каталога будет расти в геометрической прогрессии, и если вдруг опрос не будет давать вам возможности отвечать - значит, я временно его закрыла для разделения массива данных.

URL записи

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

21:56 

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

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

21:52 

Для Layre

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

СМОТРЕТЬ

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

04:18 

Диз Elika.

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

Вопрос: Понравилось?
1. Да 
43  (95.56%)
2. Нет 
2  (4.44%)
Всего: 45
Всего проголосовало: 45

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

03:55 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Тут такое дело... Я порядок на компе наводил и нашел три неоконченных макета для CSS. В свое время они по разным причинам не подошли заказчикам.
Есть ли смысл доводить до ума и отдавать в общее пользование?
1.
2.
3.

Вопрос: Нннада?
1. 1 
33  (24.81%)
2. 2 
44  (33.08%)
3. 3 
10  (7.52%)
4. Все 
41  (30.83%)
5. Неа 
5  (3.76%)
Всего: 133
Всего проголосовало: 96

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

05:14 

Заказ KontRayen

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

Вопрос: Понравилось?
1. Да 
14  (77.78%)
2. Нет 
4  (22.22%)
Всего: 18
Всего проголосовало: 18

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

04:45 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
А давайте я с вами чем нибудь полезным поделюсь... для разнообразия) Все скрины кликабельны.
Мне лично этот лайфхак пригодился при оформлении постов для ФБ. Но при сборке CSS это также полезная штука.
Иногда бывает что верх и низ вашего дизайна на полупрозрачной подложке, то есть экстратоп и экстработтом в png. А середина в jpg. Фотошопный макет красив и монолитен, а при заливании в БИ оттенки разнятся. Причем бывает так что в фотошопе у вас одно, а на дайрах другое. Вне зависимости от формата сохранения. (Дайри магия не иначе:-D)
Все нижеизложенное выстрадано проверено на себе долгим и упоротым упорным трудом)
1. Не ленитесь. Сборка макета кропотливый и нудный процесс, но результат того стоит.
2. Всегда используйте направляющие для разграничения деталей оформления. И соответственно разрезайте на части только по ним.
3. Не делайте вот так:

То есть не кадрируйте ваш макет и не сохраняйте его куски в png.
4. Как надо.
Выделяем нужную нам область. И жмем Скопировать совмещенные данные
Далее создаем новый документ. Файл - Создать И в выпавшем окошке обязательно выбираем этот цветовой профиль.
Нажимаем Ctrl+V. И дальше работаем с этим изображением. Удаляем слой с белым фоном.
В отступление от темы скажу что раньше многие жаловались на тяжесть моих оформлений из за большого количества и размера изображений. Я естественно искал выход из положения. И нашел.

Изображение - Коррекция - Постеризация В открывшемся окошке сдвигаем ползунок где то до значения 150. Визуально ничего не меняется, зато картинка весит значительно меньше.
Дальше сохраняем файл особым образом.

Обязательно выбираем прозрачность и png 24 для полупрозрачных частей и jpg для непрозрачных. Внизу слева можно увидеть итоговый вес изображения.

Проделываем все по инструкции с остальными деталями и наслаждаемся плавными переходами и легкостью оформления.

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

@темы: CSS, как это сделано

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

главная