Что почитать: свежие записи из разных блогов

Записи с тэгом #css из разных блогов

Администратор, блог «Гид по сайту»

Отдельные рекомендации для тех, кто делает индивидуальный CSS

Здесь собраны отдельные рекомендации создателя сайта, в разное время сделанные в Новостях сайта

По профилям авторов
Стилизуя профили авторов при помощи CSS, для разных степеней (уровней) используйте классы от level-1 до level-9.
Далее...По блогам и микроблогам
При создании индивидуального дизайна при помощи CSS имейте в виду, что заголовок в блогах и тело поста в микроблогах – это одна и та же сущность.
Ссылки и картинки аватарок снабжены классами, но в микроблогах и комментариях поведение картинок чуть отлично.
Если в собственном дизайне вы задаёте прозрачность основного блока самостоятельно, отключите прозрачность в настройках блога, иначе возможны конфликты.
По умолчанию вёрстка адаптирована и под широкие экраны, и под смартфоны. Поэтому, если делаете свой CSS-дизайн, используйте не жёсткую ширину width, а рекомендательную max-width для блоков типа #canvas, и всё будет умещаться.

CSS-сообщество — место, где можно поделиться кодом интересного дизайна для всех пользователей и позаимствовать то, что понравилось.

-, микроблог «Новости сайта»

Если вы ещё не решили, чем занять выходные, то вот: в настройках страниц авторов появились цветовые схемы, быстрые опции оформления и возможность писать свой CSS для страницы конкретного автора — как и в блогах. Они доступны при создании и редактировании автора под ссылкой «Дизайн страницы автора».
На служебных страницах (главная, общая лента, дискуссии, упоминания и т.п.) справа, если у вас к сайту не применён стиль какого-то из блога, вы можете увидеть небольшую панель быстрого выбора цветовой схемы для служебных страниц сайта. (К слову, в блогах добавилась ещё одна тема оформления.)
В редакторе быстрой вставки тэгов HTML появилось выравнивание по центру и по правому краю, а сама панель редактора теперь есть и на страницах авторов, и при редактировании «эпиграфа» (короткого описания) к блогу.
Ссылка «Профиль» переименована в «Профиль и настройки» — это более точно отражает её суть.

Modern Witch, блог «A Realibus Ad Realiora»

Сочиняю новый дизайн

Самое (и, пожалуй, единственное) раздражающее меня в CSS - это возня с передвижением/позиционированием элементов. Так, вот это надо левее. Гм... ну, допустим, на 10 пикселей. Куда ты, блин, улетел! Ладно, на 5. Что происходит, почему ты уплыл вправо... А, это я опечаталась. Попытка №2. Всё равно слишком далеко улетел. 2 пикселя? Нет, мало. 3? Чё-то как-то не так. 4? Неужели, угадала! Почему такая большая разница между 4 и 5 пикселями? Аааа.

 

Кстати, никто не знает, есть какой-нибудь волшебный код, который, например, выровняет все элементы одинаковой ширины под линеечку? Допустим, я выставляю основному блоку (#canvas), эпиграфу, блоку с номерами страниц и полоске с ссылками "Профиль" и "Выйти" внизу страницы одинаковую ширину. Они красиво разлетаются в разные стороны. Эпиграф, paginator и эту нижнюю полоску приходится двигать по отдельности, чтобы они образовали один ровный столбик с #canvas`ом... А вот бы можно было просто что-то прописать, чтобы они унаследовали от #canvas положение на странице, да и всё. Интересно, возможно ли такое?

Арджи Линсе, сообщество «Css для блога»

Лайки

Люди добрые, у меня лапки. :)

Подскажите, пожалуйста, можно ли задать, чтоб вместо не тыкнутого лайка была картинка 1, а вместо тыкнутого - картинка 2? Если можно, то как именно?

И если сами картинки примерно 80х80 пикселей - уменьшаются ли они автоматически? Если нет - каким кодом в описании селектора уменьшить до нужного размера (и каков максимальный размер картинки для лайка)?

 

Фэл, блог «†someone,somewhere,somebody†»

Дизайнотреда мучения

Вопрос с дизайном всё ещё стоит.

Была предпринята очередная попытка штурма цсс параллельно с работаой и попыткой порваться.

На моменте выбора фона порвало меня надвое. Тёмный и светлый, ну ок, примерно определиться удалось.

А потом пошёл ци-ирк...

Скруглённые углы, полупрозрачность, бэйдж, убранные кусочки.

Круглая стрелочка!

 

В результате всех мук убедился в правильности того, что не пошёл на дизайнера.

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

 

В итоге только стянул на фон цсс-шный снег на стандартный дизайн. Минималистично, приятно, и нехай мозг ебать.

 

Арджи Линсе, сообщество «Css для блога»

Шрифт в комментариях

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

Почему-то ссылки пишутся основным шрифтом, заданным в блоге, а всё остальное - только с лупой разбирать. :(

Я понимаю, что рыться надо где-то в .ms - но где?

Попробовал тупо скопировать для .ms-text параметры из селектора .bh-text - но, видимо, это была совсем дурацкая идея. :(

 

Решение от Администратора:

Шрифт для комментариев:

.ms-body, .ms-body * { font-size: 14pt; }

вместо 14 нужное число.

natoth, блог «Книга На'Тот»

Дизайнерское

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

 

Не хватает знаний или возможностей добавить в диз шапку-хедер. Картинку.

Будем ждать, когда кто-то поумнее даст шаблон кода.

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

 

Modern Witch, блог «A Realibus Ad Realiora»

* * *

Mixed feelings as is: мне с одной стороны, естественно, продолжает очень нравиться, как Блогхауз развивается, как появляются постоянно новые функции и т.п. С другой - я уже фиг знает сколько времени мучаю новый дизайн (не для себя, так, из любви к искусству + в CSS-сообщество отнести). Отчасти это "фиг знает сколько" длится просто из-за того, что я за код к нему сажусь здесь на 2 минуты, здесь на 5, а вот отчасти - как раз-таки из-за новых функций

 

В том плане, что:

- ввели возможность смотреть весь сайт в своём дизайне - круто! Правда, теперь, делая дизайн, нужно учесть ряд дополнительных селекторов - для главной страницы, общей ленты и т.п.;

- появились смайлы, урррааа! Открываю страницу новой записи. Ссылка "смайлы" слилась с фоном настолько в ноль, насколько не однотонный фон ей позволил. Блин. Как тебя перекрасить? Так, в том дизайне, который я мучаю на закрытом дневничке, надо эту мелочь тоже учесть, где-то среди кучи других мелочей, из которых он состоит;

- ввели лайки! Моя прелесссть, как мне вас не хватало, наконец-то мы встретились все в одном пространстве: я, лайки и ориентированный на текстовый контент блогосервис. Лепота. Как вас теперь перекрасить? И передвинуть слегка? А в комментах как? Да, во всех последующих дизайнах это всё тоже надо будет учитывать;

- о, функция репоста! Круто и удобно. Почему только эта ссылка какого-то альтернативного всему общему виду дневника цвета? Выцепляем код, перекрашиваем, учитываем на всякий случай на будущее;

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

 

В общем, новых очередных нововведений я жду с теми же mixed feelings: с одной стороны, классно же, хочется, чтоб ресурс развивался, интересно, что введут следующим (а вдруг аватарки?.. ) и всё такое. Искренне хочется и искренне интересно.

 

А с другой стороны - опять же будет с вероятностью ситуацию "чего ещё я не знала о CSS и что узнаю сегодня".

-, микроблог «Новости сайта»

Небольшое обновление: при создании и редактировании блога появились дополнительные быстрые настройки дизайна (связанные со шрифтом, степенью прозрачности и тенью) и четыре новых простых цветовых схемы, в том числе тёмные.
Важно: если в собственном дизайне вы задаёте прозрачность основного блока самостоятельно, отключите прозрачность в настройках блога, иначе возможны конфликты.

natoth, блог «Книга На'Тот»

***

Чую, блогхаус-таки научит меня пользоваться CSS.

Потому что на дайри все работало хитро... если не сказать, через одно место. А тут можно, наконец, увидеть, что за что отвечает.

 

Но мне вот неясно, как вставить хедер-шапку в дизайн днева? А задать вопрос в соо стесняюсь.

 

Может, сама дотумкаю потихоньку.

Страницы: 1 2 3 следующая →

Лучшее   Правила сайта   Вход   Регистрация   Восстановление пароля

Материалы сайта предназначены для лиц старше 16 лет (16+)