[Кареглазый Демон]

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

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

---

[Кареглазый Демон]

Меня так впечатлила реакция на простую кнопку «наверх» в сообществе За родной диван!, что я решил запилить полноценный туториал с основными возможными положениями этой самой кнопки. Мало ли, вдруг еще кого порадую) Опять же если вы подключили 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.

#bottomNav {display: block;}
#bottom_up a{ background: url('/userdir/2/2/2/0/2220055/83823053.gif') 0px 0px no-repeat;width:50px !important;height: 50px !important;position: fixed !important;top: 0px;left:0px; display:block!important;line-height: 500px !important; overflow:hidden !important;z-index: 3;}

2.

#bottomNav {display: block;}
#bottom_up a{ background: url('/userdir/2/2/2/0/2220055/83823053.gif') 0px 0px no-repeat;width:50px !important;height: 50px !important;position: fixed !important;top: 0px;right:0px; display:block!important;line-height: 500px !important; overflow:hidden !important;z-index: 3;}

3.

#bottomNav {display: block;}
#bottom_up a{ background: url('/userdir/2/2/2/0/2220055/83823053.gif') 0px 0px no-repeat;width:50px !important;height: 50px !important;position: fixed !important;bottom: 0px;left:0px; display:block!important;line-height: 500px !important; overflow:hidden !important;z-index: 3;}

4.

#bottomNav {display: block;}
#bottom_up a{ background: url('/userdir/2/2/2/0/2220055/83823053.gif') 0px 0px no-repeat;width:50px !important;height: 50px !important;position: fixed !important;bottom: 0px;right:0px; display:block!important;line-height: 500px !important; overflow:hidden !important;z-index: 3;}

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

5.

#bottomNav {display: block;}
#bottom_up a{ background: url('/userdir/2/2/2/0/2220055/83823053.gif') 0px 0px no-repeat;width:50px !important;height: 50px !important;position: fixed !important; top: 0px; left:50%; margin-left: -450px; display:block!important; line-height: 500px !important; overflow:hidden !important;z-index: 3;}

6.

#bottomNav {display: block;}
#bottom_up a{ background: url('/userdir/2/2/2/0/2220055/83823053.gif') 0px 0px no-repeat;width:50px !important;height: 50px !important;position: fixed !important; top: 0px; left:50%; margin-left: 450px; display:block!important; line-height: 500px !important; overflow:hidden !important;z-index: 3;}

7.

#bottomNav {display: block;}
#bottom_up a{ background: url('/userdir/2/2/2/0/2220055/83823053.gif') 0px 0px no-repeat;width:50px !important;height: 50px !important;position: fixed !important; bottom: 0px; left:50%; margin-left: -450px; display:block!important; line-height: 500px !important; overflow:hidden !important;z-index: 3;}

8.

#bottomNav {display: block;}
#bottom_up a{ background: url('/userdir/2/2/2/0/2220055/83823053.gif') 0px 0px no-repeat;width:50px !important;height: 50px !important;position: fixed !important; bottom: 0px; left:50%; margin-left: 450px; display:block!important; line-height: 500px !important; overflow:hidden !important;z-index: 3;}

Вопрос: Полезно?

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

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

---

[Kai S.H. Moro]

Зимушний дизайн с анимированым эпиграфом в общее пользование

Смотреть

Вопрос: Нравится?

1. Да		30	(76.92%)
2. Нет		5	(12.82%)
3. С чайком потянет		4	(10.26%)
Всего:		39

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

---

[Огненный Бес]

Начнем с ресурса который, я думаю, многим знаком, но я про него забываю. Здесь можно подобрать цветовую схему "по уму". Тем, у кого проблемы с цветами посвящается:
color.adobe.com/ru

Вопрос: Полезно?

1. Да		43	(100%)
Всего:		43

@темы: Полезное, Огненный Бес

---

[Демон Кареглазый]

Все настройки у заказчика.

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

---

[Огненный Бес]

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

Настройки

Вопрос: Нравится дизайн?

1. Да!		32	(100%)
Всего:		32

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

---

[Демон Кареглазый]

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

AMI_LYNX	Asteinny	BY HELEN
Darakna	*DARIKA*	Esperanta
HOHEPRIESTERIN	KLEVER-SEMPAI	MADFOX
NO_STANDART	SHANAIT	SILINA BLACK
SonScipiona	SoraNoir	ГИЛТОНИЭЛЬ
Кареглазый демон	Литари	ЛОВЧИЙ->
ЛУ	ЛУНТИК.	МОРИШКА
Огненный Бес	~Хайми~

Как я уже говорил несмотря на дайровские потрясения Original Design остается в строю, на страже вашего уюта и неповторимой атмосферы. Ну а само сообщество переоделось в максимально ламповое оформление. Ради чего пришлось повоевать с парой-тройкой новшевств админов) И надеюсь стало удобнее и приятнее для вас. Свои пожелания и возможно какие то недочеты укажите пожалуйста в комментариях. Хвалить тоже можно и нужно) На всякий случай сначала почистите кэш.
И самое главное хочу поблагодарить чудесных ПоЧитателей, которые несмотря на падение файлообменника, редкие обновления и творческие кризисы (и даже то что я однажды отписал 2000 человек) остаются с нами. Ваши слова благодарности все также греют душу и дают нам понять что то что мы делаем кому то нужно, а это очень очень важно для нас. Спасибо что вы есть.
К празднику мне хочется подарить вам ачивок. Думаю за долгий путь в семь лет каждый отыщет здесь свою, а то и не одну)

<a href="http://originaldesign.diary.ru/"><img src="http://s018.radikal.ru/i507/1711/fe/5d3af86fbea2.png" ></a> заказал диз и сижу в нем	<a href="http://originaldesign.diary.ru/"><img src="http://s019.radikal.ru/i617/1711/74/5ada05d9bb74.png" ></a> нашел свое оформление среди готовых
<a href="http://originaldesign.diary.ru/"><img src="http://s018.radikal.ru/i523/1711/16/2dfbef9d614a.png" ></a> за комментирование +10 постов	<a href="http://originaldesign.diary.ru/"><img src="http://s014.radikal.ru/i328/1711/a4/8268f6b27308.png" ></a> "тихоня" для тех кто любит сохранять посты в цитатник
<a href="http://originaldesign.diary.ru/"><img src="http://s018.radikal.ru/i518/1711/27/dee37fd1c74c.png" /></a> один из нынешних трех ста ПЧ	<a href="http://originaldesign.diary.ru/"><img src="http://i069.radikal.ru/1711/90/1e6c8380b933.png" ></a> для тех кто создал под нашим влиянием свой диз
<a href="http://originaldesign.diary.ru/"><img src="http://s008.radikal.ru/i303/1711/1d/9d33640f4da4.png" /></a> подключил CSS ради оформления	<a href="http://originaldesign.diary.ru/"><img src="http://s019.radikal.ru/i615/1711/35/e870d7e114b2.png" /></a> вернулся после отписки
<a href="http://originaldesign.diary.ru/"><img src="http://s019.radikal.ru/i605/1711/f2/d6ccc8051ee0.png" /></a> юбилейная ачивка для всех кто с нами, можно использовать в качестве баннера	<a href="http://originaldesign.diary.ru/"><img src="http://s010.radikal.ru/i313/1711/8a/3ff30948ddc1.png" /></a> ну вы поняли
<a href="http://originaldesign.diary.ru/"><img src="http://s019.radikal.ru/i625/1711/a1/2e099f5b9b1d.png" /></a> ну вы поняли

Вопрос: Поздравить!

1. Пожелал процветания.		46	(40%)
2. Похвалил оформление.		30	(26.09%)
3. Забрал медаль.		17	(14.78%)
4. Все сразу.		22	(19.13%)
Всего:		115 Всего проголосовало: 60

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

---

[Демон Кареглазый]

Здравствуйте.
Я не волшебник, я только лечусь учусь. Но очень рад приветствовать в своей теме.
Так как я на дайри совсем недавно, и только постигаю премудрости дизайностроения, то решил начать с бесплатных дизайнов.
Если Вам не страшно хочется сменить оформление, или эпиграф, то милости прошу к моему шалашу.
Шлите умылку с заполненым по форме заказом, и ждите бойтесь.
Ждать придется совсем не долго. Не более трех дней. По истечении которых, я предоставлю скрин. И если все устроит, следующей "ласточкой" отправлю настройки. Если же нет, то легко и безропотно внесу правки.
За сим благодарю, и буду рад сотруднечеству. и да помогут Вам высшие силы

ФОРМА ЗАКАЗА ДЛЯ ПРОСТОГО АККАУНТА

МОИ РАБОТЫ

@темы: Закажи у меня, SoraNoir

---

[Демон Кареглазый]

1. Уважайте друг друга и чужой труд.
2. Создавать новые посты могут только дизайнеры сообщества. В одном посте выкладывается одно оформление.
3. Заказы на дизайн и его элементы принимаются только в темах мастеров.
4. Для бесплатных дневников оформления бесплатны. На CSS каждый мастер устанавливает цену индивидуально.
5. Заказы опубликованные в новом посте удаляются, равно как и оформления, выложенные без спроса.
6. Мы не делаем оформления для лиц не имеющих дневников.
7. Запрещено публиковать один и тот же заказ в нескольких темах мастеров.
8. Запрещено публиковать заказ на новый дизайн раньше, чем исполнен текущий.
9. С момента публикации вашего заказа должен пройти месяц прежде чем вы снова сможете обратиться в сообщество за новым оформлением.
10. При использовании готового дизайна (выложенного в общее пользование, сделанного на заказ вам или другому человеку), необходимо отписаться, а в профиле или эпиграфе дневника выложить баннер сообщества.

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

---

[Kai S.H. Moro]

В свободное пользование

Смотреть

Вопрос: Нравится?

1. Да		35	(81.4%)
2. Нет		3	(6.98%)
3. С чайком потянет		5	(11.63%)
Всего:		43

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

---

[Kai S.H. Moro]

В свободное пользование

Смотреть

Вопрос: Нравится?

1. Да		17	(45.95%)
2. Нет		10	(27.03%)
3. С чайком потянет		10	(27.03%)
Всего:		37 Всего проголосовало: 37

@темы: нежное, дизайн, Куклы, SoraNoir

---

[Kai S.H. Moro]

Дизайн с анимированым эпиграфом. В общее пользование.

Смотреть

Вопрос: Нравится?

1. Да		25	(73.53%)
2. Нет		2	(5.88%)
3. С чайком потянет		7	(20.59%)
Всего:		34 Всего проголосовало: 34

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

---

[Кареглазый Демон]

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

Вопрос: Что вам хотелось бы видеть здесь?

1. Все и сразу;)		28	(22.05%)
2. Хотя бы что то, я вас и так люблю)		31	(24.41%)
3. Больше бесплатников.		18	(14.17%)
4. Больше css		18	(14.17%)
5. CSS, несильно сложных за умеренную плату		21	(16.54%)
6. CSS, в одни руки по индивидуальному заказу		11	(8.66%)
Всего:		127 Всего проголосовало: 66

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

---

[Кареглазый Демон]

Как и обещал доработанный и собранный диз.

Установить автоматически

Вопрос: Понравилось?

1. Да		63	(96.92%)
2. Нет		2	(3.08%)
Всего:		65 Всего проголосовало: 65

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

---

[Kai S.H. Moro]

Смотреть

Вопрос: Нравится?

1. Да		35	(89.74%)
2. Нет		0	(0%)
3. С чайком потянет		4	(10.26%)
Всего:		39 Всего проголосовало: 39

@темы: SoraNoir, Волшебство, Зима, дизайн, кошки, нежное, серое

---

[Кареглазый Демон]

01.11.2017 в 22:37

Пишет Min Young-nim:

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

#diaryInfo {
  position: absolute;
  top: 30px;  /* вертикальное смещение */
  margin: 0!important;
  padding: 7px 0!important;
  width: 100%;
/*   background: none!important; */ /* убирает фон */
/*   border: none!important; */ /* убирает границу */
  box-shadow: none!important;
  z-index: 1000;
/*   color: #2b2b2b!important; */  /* цвет текста, но не ссылок */
/*   font: bold 14px arial!important; */  /* шрифт */
}

---

[Кареглазый Демон]

В порядке исключения репост

01.11.2017 в 01:38

Пишет Katherine Shep.:

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

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

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

СУТЬ:

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

>>>ОПРОС<<<

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

>>>КАТАЛОГ<<<

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

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

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

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

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

---

[Кареглазый Демон]

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

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

---

[Kai S.H. Moro]

Нежные вкусняшки

+2

Огоньки

+2

Вопрос: Нравится?

1. Да		34	(85%)
2. Нет		1	(2.5%)
3. С чайком потянет		5	(12.5%)
Всего:		40 Всего проголосовало: 39

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

---

[Kai S.H. Moro]

Смотреть

Вопрос: Нравится?

1. Да		12	(60%)
2. Нет		2	(10%)
3. С чайком потянет		6	(30%)
Всего:		20 Всего проголосовало: 20

@темы: песочно-бежевое, индустриальное, дизайн, SoraNoir