Как изменить фон для никнейма в шапке сайта?

голоса: 0

что предложите сделать с этим?

Пятница, 26.02.2016 | Приветствуем Вас, НИК! 

с тем фоном который уже есть, а то сочетается и плохо видно

Адрес сайта http://bratki-imperia.ucoz.com/
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ

Можно сделать следующее, в стилях найдите строку номер 43:

.links-w a {display:inline-block;text-transform:uppercase;font-size:11px;margin:0 0 0 1px;background:#f7ae15 url(/.s/t/1041/btn-hov.png) 0 0 repeat-x;color:#23282b;padding:3px 12px;border-radius:5px;}

которую замените на:

.links-w a,.info-w a {display:inline-block;text-transform:uppercase;font-size:11px;margin:0 0 0 1px;background:#f7ae15 url(/.s/t/1041/btn-hov.png) 0 0 repeat-x;color:#23282b;padding:3px 12px;border-radius:5px;}

в итоге получите никнейм в виде кнопки как и у профиля справа.

Или же задайте стиль для кнопки задав в стилях примерно следующее:

.info-w a {
    color: #fff;
    padding: 5px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 3px;
}

пробуйте или меняйте под себя как вам хочется.

| Автор:
Выбор ответа лучшим | | Автор: Абубакар Койтемиров

поставил 

.links-w a,.info-w a {display:inline-block;text-transform:uppercase;font-size:11px;margin:0 0 0 1px;background:#f7ae15 url(/.s/t/1041/btn-hov.png) 0 0 repeat-x;color:#23282b;padding:3px 12px;border-radius:5px;}

чуток переместил место положение кнопки, и пропал эффект( 

Абубакар Койтемиров,

Чтобы более правильно было, стили в строке номер 42 замените на следующие:

.schBtn a  {left: 60px;padding: 5px!important;text-transform:uppercase;background:#f7ae15 url(/.s/t/1041/btn-hov.png) 0 0 repeat-x;color:#23282b;border-radius:5px;position: relative;top: -21px;}

эффект пропал так как вы убрали кнопку с текущего класса и переместили в другой и удивляетесь, а почему же эффект пропал. Если будете еще куда перемещать, стили будете уже писать сами.

...