Cообщество пользователей SMF

Вот кто знает, как лучше указывать

.poster {
float: left;
width: 12em;
в em или в px? Если в пикселях, то там по-умолчанию идёт 160, вроде.

---

А здесь некоторые правки на скорую руку: https://www.simplemachines.ru/index.php?topic=18666.0

px – абсолютные, чёткие, понятные, не зависящие ни от чего.
em – относительно размера шрифта.
% – относительно такого же свойства родителя (а может и не родителя, а может и не такого же – см. примеры выше).

Вот тут онлайн калькулятор http://pxtoem.com/

и это ты про шрифты или так хочешь размер блока поставить? ))

Так размер блока же!
width: 12em;
а по дефолту там 160 px, но это ведь наверное не очень хорошо, когда оно там железно прибито?

max-width: 160px;

Цитата: Yworld_garry от 03 февраля 2016, 21:14:15max-width: 160px;

А оно сработает в случае новой версии? Для ширины форума оно не работает, например, я пробовала. Фиг знает, почему.
Та-а-ак... Кажись работает. Пошла дальше форум ломать))

Цитата: Serifa от 03 февраля 2016, 21:36:21А оно сработает в случае новой версии?

Вот этого не понял, css и новая версия думаю ни разу не рядом в общем плане. Новая версия это ядро, реализация, функционал и тд, а стили-они и в африке стили, работают как у всех и везде.
а то что где то не сработало, значит не там и так или что то... менялось, варианты всегда есть, плюс правила которые отменяются чем то и применяются в конкретном случаи другие...

Вот смотри, если применять
max-width: 160px;

вместе с

.poster img {
vertical-align: middle;
max-width: 120px;
то получаем такую неприглядную картинку:



А зачем мне .poster img {
А потому что аватарки у пользователей все разного размера, а мне надо сделать их одинаково до 120 пкс.

Сейчас посмотрел, у тебя там, точнее ты сейчас растягивашь не аватару и устанавливаешь ей размер, а блок бод нее и все остальное в инфо.
Но вижу что есть вот такой класс class="avatar" , вот там и установи ширину нужную. Можно жестко поставить, так как таких маленьких экранов просто нет, посмотреть еще можно что там за медио запросы есть, но думаю хватит и этого.
если я тебя правильно понял и ты хочешь все авы сделать одной ширины

Что за класс class="avatar" и где конкретно его искать?
Я сейчас попробую вот такое вставить, всё указываю в em (кроме аватар), и меняю левую сторону на правую:

.poster {
float: right;
width: 11em;
word-break: hyphenate;
word-wrap: break-word;
}

.poster img {
vertical-align: middle;
max-width: 120px;

.postarea, .moderatorbar {
margin: 0 12em 0 0;
}

Результат номер два. Этот вариант как раз подходит, когда авики неодинакового размера.



А вот подскажите, как конкретно выделить шрифтом, цветом, фоном, например, только название группы? В конкретном случае это «Великий Змей».

Цитата: Serifa от 20 февраля 2016, 20:13:05А вот подскажите, как конкретно выделить шрифтом, цветом, фоном, например, только название группы?

Ну вы блин даете (Михалыч) 
 У тебя что это форум национальность поменял и стал с право на лево?

В общем у тебя есть такой класс class="membergroup"  , вот ему и задай что нить конкретное по цвету. Хотя может в админке есть опция для 2.1 версии поменять цвет группе.

Цитата: Yworld_garry от 21 февраля 2016, 10:58:13У тебя что это форум национальность поменял и стал с право на лево

Я решила, что так удобнее для восприятия: на первом месте будет текст.

Цитата: Yworld_garry от 21 февраля 2016, 10:58:13В общем у тебя есть такой класс class="membergroup"  , вот ему и задай что нить конкретное по цвету. Хотя может в админке есть опция для 2.1 версии поменять цвет группе.

В админке цвета заданы, но в профиле они все одного цвета.
Где искать этот класс?

Вот код, отвечающий за внешний вид полей профиля:

.user_info > li {
    margin: 7px 0px 0px 0px;
    color: #222;
    border: 2px solid rgba(240, 244, 247, 0.31);
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    /* border: 0; */
    box-shadow: 9px -6px 10px -9px #384E5E;
}
А вот код, который изменяет вид membergroup, но только главной группы, типа «Администратор».

.poster li.membergroup {
    font-weight: normal;
}
А если выводятся две группы, вторая уже этому куску кода не подчиняется. А мне надо именно вторую.

Цитата: Serifa от 21 февраля 2016, 11:24:31Я решила, что так удобнее для восприятия: на первом месте будет текст.

Реально напрягает, у всех у кого написание с лева на право, так с детства заточено и только так воспринимается. Плюс привычка видеть всегда все на своих местах))


Это?

Цитата: Yworld_garry от 21 февраля 2016, 13:25:41Реально напрягает, у всех у кого написание с лева на право, так с детства заточено и только так воспринимается. Плюс привычка видеть всегда все на своих местах))

Меняется в пару кликов мышкой. Ну не в пару, так в десяток, не выходя за пределы одного файла.
Но мне-то нравится((

Это ты в каком файле нашел?

Цитата: Serifa от 21 февраля 2016, 14:35:04Это ты в каком файле нашел?

Там главная фишка, что показан класс postgroup, но это тогда для всех групп, один цвет делать.
Есть мод, который меняет цвет группам в профиле так как задано в админке - http://custom.simplemachines.org/mods/index.php?mod=2675 (правда не только в профиле, но и в сообщениях, но можно что-то вырезать, а что-то оставить).

Цитата: GeorG от 21 февраля 2016, 16:15:23Там главная фишка, что показан класс postgroup, но это тогда для всех групп, один цвет делать.

Да вот и я об том же... А через мод — плохой вариант.

Цитата: Serifa от 21 февраля 2016, 16:50:02А через мод -- плохой вариант.

Да вроде как, самый лучший, а чем плохой?

Его нет для версии 2.1, и сам сказал: что-то вырезать, что-то переделать... Я переделывать точно не буду

Дык я скрин выше приводил, что это за класс у тебя, раскрась его. Или создай новый и дай названиям его.

Цитата: Yworld_garry от 21 февраля 2016, 20:35:26Дык я скрин выше приводил, что это за класс у тебя, раскрась его. Или создай новый и дай названиям его.

Покажи на примере, как это делается.

Помню, я вводила в цсс класс katalog для выделения в разделах форума описаний конкретно для каталога.
Типа так:

.katalog {
background-color: #000;
border: 1px solid #333;
padding: 2px;
font-size: x-small;
float: right;
text-align: center;
color: #697F8E;
width: 100%;
}
Далее в описание раздела я вставляла вот такой код:
<div class="katalog"><a href="http://www.serifa.ru/go.php?url=aH*********"88" height="31"></a></div>
Как мне сделать такое же для postgroup?

Так разве не работает?
.postgroup{

background: red;
}

 

И что?
Пробовали добавить в файл стилей, тот пример что я давал?

Попробовала, некрасиво... Единственный вариант, это

.postgroup {
    text-transform: uppercase;
}
хоть как-то выделяет надпись среди других.
Может, есть какие-то хитрости?