Продолжаем про цсс

Автор Serifa, 03 февраля 2016, 20:16:01

« назад - далее »

0 Пользователи и 2 гостей просматривают эту тему.

Serifa

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

.poster {
float: left;
width: 12em;

в em или в px? Если в пикселях, то там по-умолчанию идёт 160, вроде.

А здесь некоторые правки на скорую руку: https://www.simplemachines.ru/index.php?topic=18666.0
«- Помощник капитана Бакстер, - заявил Лумис, - безбожно врет. Все отнюдь не под контролем, вернее, не под его контролем. Корабль захвачен представителями небелковой формы разумной жизни, которые маскируются под обслуживающих роботов, а некоторые даже не делают и этого...»
«То, что у тебя есть, лечится антибиотиками» (nowhere man, 1995)
В телеге срочно нужны читатели!

Yworld_garry

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

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

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

Serifa

Так размер блока же!
width: 12em;
а по дефолту там 160 px, но это ведь наверное не очень хорошо, когда оно там железно прибито?
«- Помощник капитана Бакстер, - заявил Лумис, - безбожно врет. Все отнюдь не под контролем, вернее, не под его контролем. Корабль захвачен представителями небелковой формы разумной жизни, которые маскируются под обслуживающих роботов, а некоторые даже не делают и этого...»
«То, что у тебя есть, лечится антибиотиками» (nowhere man, 1995)
В телеге срочно нужны читатели!

Yworld_garry


Serifa

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

А оно сработает в случае новой версии? Для ширины форума оно не работает, например, я пробовала. Фиг знает, почему.
Та-а-ак... Кажись работает. Пошла дальше форум ломать))
«- Помощник капитана Бакстер, - заявил Лумис, - безбожно врет. Все отнюдь не под контролем, вернее, не под его контролем. Корабль захвачен представителями небелковой формы разумной жизни, которые маскируются под обслуживающих роботов, а некоторые даже не делают и этого...»
«То, что у тебя есть, лечится антибиотиками» (nowhere man, 1995)
В телеге срочно нужны читатели!

Yworld_garry

Цитата: Serifa от 03 февраля 2016, 21:36:21А оно сработает в случае новой версии?
Вот этого не понял, css и новая версия думаю ни разу не рядом в общем плане. Новая версия это ядро, реализация, функционал и тд, а стили-они и в африке стили, работают как у всех и везде.
а то что где то не сработало, значит не там и так или что то... менялось, варианты всегда есть, плюс правила которые отменяются чем то и применяются в конкретном случаи другие...

Serifa

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

вместе с

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

то получаем такую неприглядную картинку:



А зачем мне .poster img {
А потому что аватарки у пользователей все разного размера, а мне надо сделать их одинаково до 120 пкс.
«- Помощник капитана Бакстер, - заявил Лумис, - безбожно врет. Все отнюдь не под контролем, вернее, не под его контролем. Корабль захвачен представителями небелковой формы разумной жизни, которые маскируются под обслуживающих роботов, а некоторые даже не делают и этого...»
«То, что у тебя есть, лечится антибиотиками» (nowhere man, 1995)
В телеге срочно нужны читатели!

Yworld_garry

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

Serifa

Что за класс 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;
}
«- Помощник капитана Бакстер, - заявил Лумис, - безбожно врет. Все отнюдь не под контролем, вернее, не под его контролем. Корабль захвачен представителями небелковой формы разумной жизни, которые маскируются под обслуживающих роботов, а некоторые даже не делают и этого...»
«То, что у тебя есть, лечится антибиотиками» (nowhere man, 1995)
В телеге срочно нужны читатели!

Serifa

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



А вот подскажите, как конкретно выделить шрифтом, цветом, фоном, например, только название группы? В конкретном случае это «Великий Змей».
«- Помощник капитана Бакстер, - заявил Лумис, - безбожно врет. Все отнюдь не под контролем, вернее, не под его контролем. Корабль захвачен представителями небелковой формы разумной жизни, которые маскируются под обслуживающих роботов, а некоторые даже не делают и этого...»
«То, что у тебя есть, лечится антибиотиками» (nowhere man, 1995)
В телеге срочно нужны читатели!

Yworld_garry

Цитата: Serifa от 20 февраля 2016, 20:13:05А вот подскажите, как конкретно выделить шрифтом, цветом, фоном, например, только название группы?
Ну вы блин даете (Михалыч)  :)
 У тебя что это форум национальность поменял и стал с право на лево?

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

Serifa

Цитата: 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;
}

А если выводятся две группы, вторая уже этому куску кода не подчиняется. А мне надо именно вторую.
«- Помощник капитана Бакстер, - заявил Лумис, - безбожно врет. Все отнюдь не под контролем, вернее, не под его контролем. Корабль захвачен представителями небелковой формы разумной жизни, которые маскируются под обслуживающих роботов, а некоторые даже не делают и этого...»
«То, что у тебя есть, лечится антибиотиками» (nowhere man, 1995)
В телеге срочно нужны читатели!

Yworld_garry

Цитата: Serifa от 21 февраля 2016, 11:24:31Я решила, что так удобнее для восприятия: на первом месте будет текст.
Реально напрягает, у всех у кого написание с лева на право, так с детства заточено и только так воспринимается. Плюс привычка видеть всегда все на своих местах))

أنا لا يمكن بناؤها على ذلك، وأنه يمنعني

Это?


Serifa

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

Это ты в каком файле нашел?
«- Помощник капитана Бакстер, - заявил Лумис, - безбожно врет. Все отнюдь не под контролем, вернее, не под его контролем. Корабль захвачен представителями небелковой формы разумной жизни, которые маскируются под обслуживающих роботов, а некоторые даже не делают и этого...»
«То, что у тебя есть, лечится антибиотиками» (nowhere man, 1995)
В телеге срочно нужны читатели!

GeorG

Цитата: Serifa от 21 февраля 2016, 14:35:04Это ты в каком файле нашел?
Там главная фишка, что показан класс postgroup, но это тогда для всех групп, один цвет делать.
Есть мод, который меняет цвет группам в профиле так как задано в админке - http://custom.simplemachines.org/mods/index.php?mod=2675 (правда не только в профиле, но и в сообщениях, но можно что-то вырезать, а что-то оставить).
Верстка тем по шаблону, их доработка/переработка, переделка тем с версии smf 1.1 на smf 2.0. Примеры работ - insidestyle.ru
Установка модов (заточка под ваш форум); Моды под заказ; Обновление форума; Правильный перенос; Удаление/лечение вирусов; Устранения ошибок.
Обращаться в ЛС
Мой форум
Модуль анти-спама CleanTalk, сам пользуюсь
Сервера которыми сам пользуюсь - cadedic.ru

Serifa

Цитата: GeorG от 21 февраля 2016, 16:15:23Там главная фишка, что показан класс postgroup, но это тогда для всех групп, один цвет делать.
Да вот и я об том же... А через мод — плохой вариант.
«- Помощник капитана Бакстер, - заявил Лумис, - безбожно врет. Все отнюдь не под контролем, вернее, не под его контролем. Корабль захвачен представителями небелковой формы разумной жизни, которые маскируются под обслуживающих роботов, а некоторые даже не делают и этого...»
«То, что у тебя есть, лечится антибиотиками» (nowhere man, 1995)
В телеге срочно нужны читатели!

GeorG

Цитата: Serifa от 21 февраля 2016, 16:50:02А через мод -- плохой вариант.
Да вроде как, самый лучший, а чем плохой?
Верстка тем по шаблону, их доработка/переработка, переделка тем с версии smf 1.1 на smf 2.0. Примеры работ - insidestyle.ru
Установка модов (заточка под ваш форум); Моды под заказ; Обновление форума; Правильный перенос; Удаление/лечение вирусов; Устранения ошибок.
Обращаться в ЛС
Мой форум
Модуль анти-спама CleanTalk, сам пользуюсь
Сервера которыми сам пользуюсь - cadedic.ru

Serifa

Его нет для версии 2.1, и сам сказал: что-то вырезать, что-то переделать... Я переделывать точно не буду ???
«- Помощник капитана Бакстер, - заявил Лумис, - безбожно врет. Все отнюдь не под контролем, вернее, не под его контролем. Корабль захвачен представителями небелковой формы разумной жизни, которые маскируются под обслуживающих роботов, а некоторые даже не делают и этого...»
«То, что у тебя есть, лечится антибиотиками» (nowhere man, 1995)
В телеге срочно нужны читатели!

Yworld_garry

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

Serifa

Цитата: 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?

«- Помощник капитана Бакстер, - заявил Лумис, - безбожно врет. Все отнюдь не под контролем, вернее, не под его контролем. Корабль захвачен представителями небелковой формы разумной жизни, которые маскируются под обслуживающих роботов, а некоторые даже не делают и этого...»
«То, что у тебя есть, лечится антибиотиками» (nowhere man, 1995)
В телеге срочно нужны читатели!

GeorG

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

background: red;
}
Верстка тем по шаблону, их доработка/переработка, переделка тем с версии smf 1.1 на smf 2.0. Примеры работ - insidestyle.ru
Установка модов (заточка под ваш форум); Моды под заказ; Обновление форума; Правильный перенос; Удаление/лечение вирусов; Устранения ошибок.
Обращаться в ЛС
Мой форум
Модуль анти-спама CleanTalk, сам пользуюсь
Сервера которыми сам пользуюсь - cadedic.ru

Serifa

«- Помощник капитана Бакстер, - заявил Лумис, - безбожно врет. Все отнюдь не под контролем, вернее, не под его контролем. Корабль захвачен представителями небелковой формы разумной жизни, которые маскируются под обслуживающих роботов, а некоторые даже не делают и этого...»
«То, что у тебя есть, лечится антибиотиками» (nowhere man, 1995)
В телеге срочно нужны читатели!

GeorG

И что?
Пробовали добавить в файл стилей, тот пример что я давал?
Верстка тем по шаблону, их доработка/переработка, переделка тем с версии smf 1.1 на smf 2.0. Примеры работ - insidestyle.ru
Установка модов (заточка под ваш форум); Моды под заказ; Обновление форума; Правильный перенос; Удаление/лечение вирусов; Устранения ошибок.
Обращаться в ЛС
Мой форум
Модуль анти-спама CleanTalk, сам пользуюсь
Сервера которыми сам пользуюсь - cadedic.ru

Serifa

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

.postgroup {
    text-transform: uppercase;
}

хоть как-то выделяет надпись среди других.
Может, есть какие-то хитрости?
«- Помощник капитана Бакстер, - заявил Лумис, - безбожно врет. Все отнюдь не под контролем, вернее, не под его контролем. Корабль захвачен представителями небелковой формы разумной жизни, которые маскируются под обслуживающих роботов, а некоторые даже не делают и этого...»
«То, что у тебя есть, лечится антибиотиками» (nowhere man, 1995)
В телеге срочно нужны читатели!