срочно разыскиваются в игру:

постописцы: Геральт, Арсений, Митра
активисты: Валерио, Цзинлю, Нимура

gemcross

Объявление

ЛУЧШИЙ ПОСТ ОТ Льва Хлопова: Потому что... "...я тоже не забыл, Валера", — подумал Лёва, и дыхание спёрло, и глаза запекло. Ему было противно от мысли, что он причинял боль тому, кто был дорог...

ЛУЧШИЙ ЭПИЗОД: "марта стюарт полирует бронзу на титанике" [Нимура & Хайсе]

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » gemcross » янтарная комната » важная тема 2 с длинным названием, максимально длинным, еще длиннее 12


важная тема 2 с длинным названием, максимально длинным, еще длиннее 12

Сообщений 1 страница 10 из 22

1

цитата

Код:
код
спойлер 1
спойлер 2

спойлер

#p3,dreamer написал(а):

1

0

2

тестовое сообщение

+1

3

профиль
список участников
сообщения
онлайн
поиск
админка

награды
переключатели
мобилка (обычный + мобильный) - проверить на айфоне
проверить инсту

ховеры
выделение текста
скроллы
всплывающие подсказки
закладки

0

4

есть

стрелки

https://i.imgur.com/pKySO0h.png

размер кнопок: 32х32 (кнопки круглые, можно ставить радиус 32), размер иконок-стрелок: 24х24
фон кнопок: #546C60
ховер фон кнопок: #C11F1D

стрелки в 100% (24х24):
https://i.imgur.com/1fqgyGU.png https://i.imgur.com/zBqgeIR.png

стрелки в 200% (48х48):
https://i.imgur.com/R71lNoR.png https://i.imgur.com/J5I66A0.png

+1

5

+

Сместить эмодзи:
.punbb .post .post-author ul .pa-fld3 {
    position: absolute;
    margin-top: 10px;
    margin-left: 10px;

    width: 16px;
    height: 16px;
    cursor: pointer;

Сделать новую переменную для ссылок на чёрном фоне в профиле (стандартный цвет ссылок слишком тёмный):
https://i.imgur.com/ditCNqD.png
#88B09C
hover: #AFFFD7

+1

6

+

Увеличить отступ от статуса до аватара:

.punbb .post .post-author ul .pa-title {
    background: var(--header-color);
    color: var(--profile-color);
    font-family: var(--main-font);
    font-size: 12px;
    line-height: 14px;
    padding: 0 10px 8px;

0

7

+

Увеличить нижний паддинг ЛЗ:
.punbb .post .post-author ul .pa-fld1 .lzname {
    background: var(--header-color);
    border-radius: 0 0 20px 20px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: var(--dec-font);
    font-weight: 600;
    line-height: 16px;
    padding: 0 15px 10px;

0

8

+

Cделать новую переменную для ссылок в ЛЗ (для красоты, разбавить наш повсеместный зелёный):

https://i.imgur.com/9xUGyYj.png

color: #CF4646;
font-weight: bold;

hover: #7D3737

0

9

+

шрифт Робото Слаб в кнопках-ссылках под сообщениями запикселил, меняем на обычный Робото:
https://i.imgur.com/CNb0U2F.png
.punbb .post-links li a {
    font-family: var(--main-font);
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase;
    background: var(--links-color);
    color: var(--profile-color);
    padding: 4px 10px;
    border-radius: 2px;

0

10

+

Выравниваем кнопки:

.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
    margin: 0 1.25em 0 0;
    border: none;
    padding: 7px 30px;
    font-size: 12px;
    font-family: var(--dec-font);
    font-weight: 500;
    cursor: pointer;
    transition: var(--anim);
    background: var(--links-color);
    color: var(--profile-color);
    border-radius: 4px;
    text-transform: uppercase;

Не забываем дать им ховер, цвет: #546C60

0


Вы здесь » gemcross » янтарная комната » важная тема 2 с длинным названием, максимально длинным, еще длиннее 12


Рейтинг форумов | Создать форум бесплатно