[Изумрудный Демон]

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

Пока так, возможно со временем что то изменится если тема приживется)

запись создана: 03.12.2017 в 21:28

Вопрос: Возможность получить настройки CSS должна стоить

1. 50р.		23	(35.94%)
2. 100р.		15	(23.44%)
3. 150р.		13	(20.31%)
4. 200р.		13	(20.31%)
Всего:		64

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

---

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

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

Настройки

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

1. Да		58	(92.06%)
2. Нет		5	(7.94%)
Всего:		63

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

---

[Изумрудный Демон]

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

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

 .singlePost { background:url('картинка разделителя из вашей БИ') no-repeat; background-position:bottom; padding-bottom:80px !important;padding-top:60px !important;}

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

 #epigraph .postLinksBackg, #epigraph .singlePost {background: none !important;padding: 0px !important;}
 #epigraph .header {background: none !important;padding: 0px !important;}
 #post0 {height:0px;padding: 0px !important;}

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

.singlePost { background:url('картинка разделителя из вашей БИ') no-repeat; background-position:bottom; padding-bottom:80px !important;padding-top:60px !important;}
 #epigraph .postLinksBackg, #epigraph .singlePost {background: none !important;padding: 0px !important;}
 #epigraph .header {background: none !important;padding: 0px !important;}
 #post0 {height:0px;padding: 0px !important;}

Ну и чтобы вам было на чем тренироваться.

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

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

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

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

---

[Изумрудный Демон]

смотреть

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

1. Да		22	(75.86%)
2. Нет		7	(24.14%)
Всего:		29

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

---

[Dark Wood]

Легкие зимние эпиграфы

Смотреть

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

1. Да		64	(91.43%)
2. Нет		2	(2.86%)
3. С чайком потянет		4	(5.71%)
Всего:		70

@темы: Спящий Эльф, Новый год, Зима, эпики, серое, песочно-бежевое, голубое-сине-фиолетовое

---

[Dark Wood]

И еще немного аватарочных вкусностей.
Для бесплатных дневников

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

1. Да		52	(86.67%)
2. Нет		2	(3.33%)
3. С чайком потянет		6	(10%)
Всего:		60

@темы: голубое-сине-фиолетовое, аватары, Новый год, Зима, Спящий Эльф

---

[Dark Wood]

Немного аватарочных вкусностей.
Для платных дневников

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

1. Да		51	(87.93%)
2. Нет		3	(5.17%)
3. С чайком потянет		4	(6.9%)
Всего:		58

@темы: красное, коричневое, еда, аватары, Новый год, Зима, Спящий Эльф

---

[Dark Wood]

Дизайн с возможностью замены цвета фона дневника и записей, не меняя рисунка фона. В свободное пользование.

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

Смотреть

Смотреть

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

1. Да		45	(84.91%)
2. Нет		3	(5.66%)
3. С чайком потянет		5	(9.43%)
Всего:		53

@темы: Зима, Спящий Эльф, дизайн, Новый год, серое

---

[Изумрудный Демон]

смотреть

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

1. Да		30	(76.92%)
2. Нет		9	(23.08%)
Всего:		39 Всего проголосовало: 39

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

---

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

Детали

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

Настройки

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

1. Да		49	(84.48%)
2. Нет		2	(3.45%)
3. Надел		7	(12.07%)
Всего:		58 Всего проголосовало: 55

@темы: дизайн, Огненный Бес, Новый год, Зима, CSS

---

[Изумрудный Демон]

Очень радует новый пост на спирите.
А то я уже обдумывал как автоматизировать ужимание эпиграфов, которые больше 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

---

[Dark Wood]

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

Смотреть

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

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

@темы: Зима, Спящий Эльф, серое, дизайн, голубое-сине-фиолетовое

---

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

Начнем с ресурса который, я думаю, многим знаком, но я про него забываю. Здесь можно подобрать цветовую схему "по уму". Тем, у кого проблемы с цветами посвящается:
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

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

---

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

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

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

МОИ РАБОТЫ

@темы: Закажи у меня, Спящий Эльф

---

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

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

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

---

[Dark Wood]

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

Смотреть

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

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

@темы: зеленое, дизайн, Спящий Эльф