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

01:42 

Уютная зима

Огненный Бес
Скромник с чертиками в глазах


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

Настройки

Вопрос: Нравится дизайн?
1. Да 
58  (92.06%)
2. Нет 
5  (7.94%)
Всего: 63

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

17:16 

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

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

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

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


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


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

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

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

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

01:59 

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

Изумрудный Демон
Угрюм - и - Пиздат

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

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

20:58 

Зимнее настроение

SoraNoir
Ранимый эстет
Легкие зимние эпиграфы

Смотреть

Вопрос: Нравится?
1. Да 
66  (91.67%)
2. Нет 
2  (2.78%)
3. С чайком потянет 
4  (5.56%)
Всего: 72

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

18:13 

Мандарины, чай и корица.Часть II

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



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

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

20:37 

Мандарины, чай и корица

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



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

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

16:33 

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

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




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

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

01:18 

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

Изумрудный Демон
Угрюм - и - Пиздат

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

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

01:16 

Новогодний CSS в общее пользование

Огненный Бес
Скромник с чертиками в глазах

Вопрос: Нравится дизайн?
1. Да 
50  (84.75%)
2. Нет 
2  (3.39%)
3. Надел 
7  (11.86%)
Всего: 59
Всего проголосовало: 56

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

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. Да 
29  (100%)
2. Нет 
0  (0%)
Всего: 29
Всего проголосовало: 29

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

22:45 

Остыли реки...

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


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

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

00:26 

Ссылки на ресурсы для вдохновения и не только

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


читать дальше

Вопрос: Полезно?
1. Да 
43  (100%)
Всего: 43

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

03:16 

Заказ Mr.Gold

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

Внезапно: простенький диз и аватарки

Огненный Бес
Скромник с чертиками в глазах


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

Настройки

Вопрос: Нравится дизайн?
1. Да! 
32  (100%)
Всего: 32

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

21:40 

Нам семь лет. У нас новое оформление. И медальки)

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


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


заказал диз и сижу в нем


нашел свое оформление среди готовых


за комментирование +10 постов


"тихоня" для тех кто любит сохранять посты в цитатник


один из нынешних трех ста ПЧ


для тех кто создал под нашим влиянием свой диз


подключил CSS ради оформления


вернулся после отписки


юбилейная ачивка для всех кто с нами, можно использовать в качестве баннера


ну вы поняли:evil:


ну вы поняли:evil:

Вопрос: Поздравить!
1. Пожелал процветания. 
48  (39.67%)
2. Похвалил оформление. 
32  (26.45%)
3. Забрал медаль. 
18  (14.88%)
4. Все сразу. 
23  (19.01%)
Всего: 121
Всего проголосовало: 62

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

21:20 

Тема Спящего эльфа

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

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




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

17:30 

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

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

14:59 

Место, где свет

SoraNoir
Ранимый эстет
В свободное пользование


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

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

14:56 

Still doll

SoraNoir
Ранимый эстет
В свободное пользование


Вопрос: Нравится?
1. Да 
18  (47.37%)
2. Нет 
10  (26.32%)
3. С чайком потянет 
10  (26.32%)
Всего: 38
Всего проголосовало: 38

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

главная