В этой теме размещаются различные фичи CSS, которые могут пригодиться в оформлении профилей и групп на портале YaStalker.com

Секрет 001 | Оформление отдельного поста в Вашей группе в стилях CSS.

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

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

Естественно, для подобного финта у Вас должна быть пятнадцатая категория пользователя (или выше).

Как это сделать: В "Настройках" Вашей группы впишите в поле "Стиль группы" следующий код:

div#post_div_9999999.group_discussion_daterow_i2 {
font-family: Times New Roman, "Trebuchet MS", arial, serif;
font-size: 11pt;
}

post_div_9999999 — здесь вместо девяток прописывается ID поста, который вы хотите оформить. Чтобы узнать ID поста, который вы хотите оформить в CSS нажмите на знак "звёздочка" (*), который находится в верхнем правом углу оформляемого поста, потом посмотрите в адресную строку - последние семь цифр в этом адресе и будет ID искомого поста.

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

Экспериментируйте и Удачи!

Всем спасибо, все свободны.

Секрет 002 | Сокрытие категории пользователя в Вашем профиле.

В общем-то, бесполезный, но прикольный секретик, который позволит убрать цифру категории из Вашего профиля. Например, чтобы показать непосвященным, что вы знаток и тонкий ценитель стилей CCS ;)

Для этого фокуса у Вас должна быть, естественно, 15-я категория, которая даёт доступ к настройкам профиля в стилях CSS.

Код сокрытия категории выглядит следующим образом:


span.hid_ucid {
display: none;
}

Эти магические символы нужно вписать в поле "Оформление профиля" в настройках Вашего, как ни странно, профиля.

Всем спасибо, не болейте!

Секрет 003 | Убрать оффлайн-баннер сайта в шапке группы или профиля.

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

Собственно, вот код, который убирает этого дрищеватого засранца с сигой и страйкбольной волыной с шапки сайта:

div.ad_belowmenu {
display: none !important;
}

Ну, вот и всё! Покеда

Секрет 004 | Комбинации разрешенных HTML тегов

Как известно (правда, это известно далеко не каждому из пользователей), разрешённым HTML тегам в ваших группах можно прописывать любые свойства, изменяя их стиль в CSS в настройках группы. Например можно убрать подчеркивание у тега u и приделать к этому тегу иной цвет, а также размер и тип шрифта. Это, конечно, не секрет. А вот что действительно интересно - это комбинации тегов. Комбинациям тегов тоже можно прописывать свойства в CSS. Это сильно расширяет диапазон применяемых в группе текстовых стилей. Например, комбинация тегов "u" и "sub" может нам дать два новых тега - "u sub" и "sub u", и каждый будет со своими значениями, например у них будет другой цвет и размер. Вероятно также могут работать комбинации из трёх и более первичных тегов. Что-то вроде "u sub font" или "i b u strike". Число комбинаций, очевидно, может достигать сотен. Сотни новых тегов и каждый со своим стилем. Хотя на самом деле их может быть бесконечное множество. Правда, нужно не забывать отменять дефолтные значения простых тегов в коде комбинаций этих тегов. То есть, все эти подчёркивания, зачёркивания, курсивы и так далее, что свойственно обычным тегам не должны работать в комбинациях этих тегов. В коде комбинаций эти обычные свойства нужно отменять и писать свои (какие захотите).

Например, комбинация из тегов < b > < u > < i >...ТЕКСТ... < /i > < /u > < /b > поможет изменить цвет текста, при этом текст будет без жирного, без курсива и без нижнего подчёркивания, а ваши обычные теги "b", "u" и "i" по прежнему будут выделять текст жирным, подчёркивать и устанавливать курсив, как это всегда и было (и мы этого ни разу не испортим). Вот у нас появляется свой собственный уникальный тег, меняющий цвет надписи.

Код, который нужно вводить в стиль группы, чтобы получить описанный выше пример комбинации HTML тегов "b u i". Устанавливает цвет очень приятный для глаз, который называется "Грушево-зелёный".

b u i {
font-style: normal; /* убираем курсивное начертание, присущее тегу "i" */
font-weight: normal; /* убираем жирное начертание, присущее тегу "b" */
text-decoration: none; /* убираем нижнее подчёркивание у тега "u" */
color: #d1e231 !important; /* прописываем свой цвет текста*/
}

Берём те же теги, только в профиль. Ведь они могут дать нам совсем другой цвет текста, если мы всё сделаем правильно в настройках группы. Немного изменим порядок тегов, поставим иной цвет в коде CSS, немножко весёлых мыслей и... вуаля! Те же самые теги, но теперь они окрасят Ваш текст в те цвета, в которые он сам себя окрасит. То есть, допустим в цвет "защитный хаки".

i u b {
font-style: normal;
font-weight: normal;
text-decoration: none;
color: #78866b !important; /* шар цвета хаки */
}

Или, например тройной тег "i", пропишем этой комбинации тёмно-красный цвет. При этом одинарный i по брежнему будет создавать в Вашей группе курсивное начертание, если оно вам надо:

i i i {
font-style: normal;
color: darkred !important;
}

И даже, чёрт с ним, пятерной тег "i", под цвет говна (на случай важных переговоров):

i i i i i {
font-style: normal;
color: #4d3924 !important;
}

Теперь, каждый раз когда будет нужен "грушево-зелёный" цвет текста, мы используем в постах группы комбинацию из тегов b u i, если нужен цвет "защитный хаки" - юзаем ту же серию тегов, но в обратном порядке i u b. А если нужен тёмно-красный - пишем в постах группы текст в тройном i (естественно, не забываем сами теги брать в угловые скобочки
< i > < i > < i > - без пробелов между самими скобочками и тегом между ними). Да, и будет вам счастье.

При написании данного секрета ни одного тега не пострадало. Удачи!

Подсказка 0001 | Пробел

Не то, чтобы это был секрет, и уж конечно, это не имеет отношение к CSS. Но, возможно, вы сталкивались с такой проблемой, что на ЯСе не получается поставить два или больше пробела подряд - всегда получается только один, сколько бы вы не нажимали клавишу "Пробел". Да и тот только между словами. А иногда нужно, например, сделать отступ для текста. Тогда лучше использовать не клавишу, а набор кода спецсимвола пробела (см. ниже)

& n b s p ;

(пробелы между символами кода спецсимвола убрать)

Пример, как это работает:

     5     п     р     о     б     е     л     о     в                         2                         5                         пробелов