• ↓
  • ↑
  • ⇑
 
Записи с темой: кареглазый демон (список заголовков)
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

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

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 Доступ к записи ограничен

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


03:16 

Заказ Mr.Gold

Ко мне на "вы", шепотом и с придыханием...
18:06 

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


еще скрины


НАСТРОЙКИ

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

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

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

22:22 

Заказ Mr.Gold

Ко мне на "вы", шепотом и с придыханием...
Оформление с фиксированным меню и фоном дневника.

Меню в открытом виде:

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

02:55 

Заказ fotin@

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

Вопрос: Нравится оформление?
1. Да 
25  (89.29%)
2. Нет 
3  (10.71%)
Всего: 28
Всего проголосовало: 28

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

01:05 

Заказ die Anmut

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

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

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

20:17 

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

Это первый вариант оформления моего предыдущего заказчика. Ему не подошел, с разрешения отдаю в общее пользование.
Установить можно как через настройки, так и нажав на автоматическую установку.


КОД:


КАРТИНКИ:
У ССЫЛОК s015.radikal.ru/i332/1708/4f/b23e8b0fb941.png
НАВЕРХ s013.radikal.ru/i324/1708/e6/bde0ee0484e3.png
КУРСОР s018.radikal.ru/i514/1708/a9/75cf5d74fe22.png
НИЗ s010.radikal.ru/i311/1708/3b/b7bb16dd8696.png
СЕРЕДИНА s019.radikal.ru/i642/1708/53/7b82aa2dbfc0.png
ВЕРХ s019.radikal.ru/i636/1708/27/8e052c15200f.png
КРЫША s11.radikal.ru/i183/1708/cb/a3c2464e237d.png
ФОН s019.radikal.ru/i635/1708/91/cb6ecdb92b14.jpg
МЕНЮ s015.radikal.ru/i332/1708/06/73a3cad9b00e.png

НАСТРОЙКИ:
дизайн блочный
панель слева
гарнитура Georgia заголовок 13, текст 16
цвет текста заголовок, записи, ссылки #241405



Вопрос: Понравилось?
1. Да 
17  (89.47%)
2. Нет 
2  (10.53%)
Всего: 19
Всего проголосовало: 18

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

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

главная