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

21:28 

Пост для желающих учиться.

Ко мне на "вы", шепотом и с придыханием...
Здесь вы можете задать мастерам вопрос технического характера или попросить продемонстрировать тот или иной прием визуально.
Все посты по теме здесь.
запись создана: 09.01.2015 в 04:16

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

URL
Комментарии
2018-05-10 в 14:04 

[Рыжая_Бестия]
Нелегко отрицать, когда в тебе - столько хорошего..! ©
Добрый день) хотела узнать, а есть где нибудь видео-уроки по css? и чтобы было понятно о чем там идет речь:shy:

2018-05-10 в 15:23 

Просто Демон
I try my best
[Рыжая_Бестия], День добрый) Ну лично я в видеоформате не записывал. И думаю что готовое именно для дайриков найти будет сложно. А какая тема интересует?

2018-05-10 в 17:47 

[Рыжая_Бестия]
Нелегко отрицать, когда в тебе - столько хорошего..! ©
Кареглазый Демон, т.к я чайник в этом в этом деле,то открыла пару уроков основ css,но пока сложно и не очень понятно.
на данный момент хочу немного видоизменить свой диз(он бесплатный) добавить в него немного элементов:округлить края, добавить кнопку вверх, изменить шрифт(те что представлены мне не нравятся)

2018-05-10 в 23:24 

Просто Демон
I try my best
[Рыжая_Бестия], кое что могу подсказать... Конечно, во-первых сервис CSS придется подключить. Трансформировать без него бесплатник не получится, даже чуть чуть. Вставлять кодировки нужно в специальное поле. Их порядок не важен. Главное чтобы они выглядели вот так:
селектор {свойство; свойство; свойство;}
а свойства для каждого селектора начинались с новой строки.

Изменять шрифты я вам настоятельно не рекомендую. Потому как видеть их будут только те у кого они установлены на компьютере, или устройстве просмотра. Остальные шрифт увидят стандартным. И таким образом всю красоту оцените скорее всего только вы. Как вариант можно использовать
#page-t{ font: 15px "Segoe Print" !important; } для ленты записей и
#side{ font: 15px "Segoe Print" !important; } для меню. Он немного напоминает рукописный.

Про кнопку наверх и ее всемозможные положения у меня есть пост originaldesign.diary.ru/p214240786.htm

А скруглять углы можно через штуку в конце этого поста:
originaldesign.diary.ru/p206896198.htm
Например так:
#wrapper {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
#side {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}

2018-05-11 в 10:53 

[Рыжая_Бестия]
Нелегко отрицать, когда в тебе - столько хорошего..! ©
Кареглазый Демон, когда посмотрел пару видео уроков и почитал книгу для чайников, все эти коды перестают быть абракадаброй:-D
спасибо!
а каким кодом можно можно зафиксировать диз?

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

2018-05-11 в 23:14 

Просто Демон
I try my best
все эти коды перестают быть абракадаброй со временем эта абракадабра складывается в уме в расположение блоков и изображений еще на стадии созерцания)

а каким кодом можно можно зафиксировать диз? смотря что имеется ввиду. Само свойство position: fixed !important;
Его можно применить к фону или скажем меню.
#side {position: fixed !important;}
body {position: fixed !important;}

А для того чтобы ширина ленты была фиксированной нужно задать числовое значение врапперу.
#wrapper{ width: 1000px !important;}

2018-05-12 в 15:14 

[Рыжая_Бестия]
Нелегко отрицать, когда в тебе - столько хорошего..! ©
Кареглазый Демон, а каким кодом можно можно зафиксировать диз?
смотря что имеется ввиду.
да,вы правы. я хотела спросить именно про меню:shy:

как же мне всё это нравитсяяяяяя

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

2018-05-12 в 20:04 

[Рыжая_Бестия]
Нелегко отрицать, когда в тебе - столько хорошего..! ©
округлить с помощью проги у меня пока не получилось. но я завтра продолжу)
а получилось вот так div { border-radius: 20px; }

2018-05-12 в 20:35 

Просто Демон
I try my best
почему так случается? устанавливаете неправильно. Нужно ставить часть url из своей БИ начиная с /userdir/... и далее до конца строки браузера строго между кавычек.

2018-05-13 в 13:11 

[Рыжая_Бестия]
Нелегко отрицать, когда в тебе - столько хорошего..! ©
Кареглазый Демон, Нужно ставить часть url из своей БИ ооо...а я ставила просто ссыль. мерси!

2018-05-13 в 13:22 

Просто Демон
I try my best
[Рыжая_Бестия], всегда пожалуйста)

2018-09-07 в 14:09 

Grenda
Anubis et'her ka. Se ra'uk'fhet sa te vapu kuraph.
Простите, что пишу сюда. Скажите, пожалуйста, в вашем сообществе есть люди, которые могли бы помочь с версткой дизайна? Тут CSS очень криво работает, одно нормальное, другое - съезжает. Если у вас есть профессионалы, я бы даже заплатила.

2018-09-08 в 17:36 

Просто Демон
I try my best
Grenda, ну как бы мы на заказ и работаем) Полностью собираем макет в фотошопе и отлаживаем здешний код с отловом косяков. Хотите к Изумрудному демону, хотите к Огненному бесу. originaldesign.diary.ru/?tag=3766049

2018-09-08 в 18:06 

Bacca.
Рано или поздно, так или иначе
Оу, вы сменили дизайн и ник! Очень стильный дизайн и удобный.

2018-09-08 в 20:56 

Просто Демон
I try my best
Оу, вы сменили дизайн и ник! Да, но демоном быть не перестал) На самом деле это довольно старое оформление. Мы делали его в соавторстве с Darakna. Предыдущее оформление таинственным образом исчезло и Спящий эльф выбрал его) Как по мне оно самое роскошное...

2018-09-08 в 21:00 

Bacca.
Рано или поздно, так или иначе
самое роскошное..
вот, именно то слово)

2018-09-12 в 17:31 

Darakna
Кто живёт прошлым, тот обретет боль.
Как приятно снова его увидеть)

2018-09-12 в 17:46 

Просто Демон
I try my best
Darakna, Да, и мне) И главное никто в этот раз не возмущается что громоздко, тяжело и не читабельно)

2018-09-13 в 09:09 

Darakna
Кто живёт прошлым, тот обретет боль.
Изумрудный Демон,
Очень странно, ведь насколько я помню, по количеству изображений прошлые шаблоны мало чем отличались. Потому, мне казалось, по загруженности всё одинаковое. Хотя, лично мне, например, удобнее читать, когда основной фон темнее фона самого поста, как здесь. Но опять же, это дело вкуса. В любом случае, все ваши дизайны прекрасны и уникальны)

2018-09-13 в 09:18 

Просто Демон
I try my best
Darakna, благодарю) А я уже не раз говорил что мне нравится ваш уникальный стиль. Эта работа особенная. Взяла от нас все лучшее) Но я это больше к той реакции, которая была на это самое оформление когда его надели впервые.

2018-09-13 в 09:24 

Darakna
Кто живёт прошлым, тот обретет боль.
Изумрудный Демон, всем не угодить. Наверное, после того как сайт чуть не закрылся, люди стали более терпимыми и понимающими))
Единственное, только сейчас заметила, что ссылка на "цветовой круг" в меню не рабочая. Наверное что-то с сайтом.

2018-09-13 в 11:10 

Просто Демон
I try my best
Darakna, нетерпимые ушли просто)
ссылка на "цветовой круг" в меню не рабочая надо их кстати перебрать и оставить только те что по сообществу. Займусь на досуге)

2018-09-13 в 13:22 

Darakna
Кто живёт прошлым, тот обретет боль.
Изумрудный Демон, а есть возможность, эти ссылки не заменить, а просто вывести куда-то? Они очень полезные, как мне кажется)

2018-09-13 в 17:21 

Просто Демон
I try my best
Можно удлинить сам блок, как вариант.

Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?
главная