Перейти к содержанию

Как перенести блоки на форуме


SkiSM

Рекомендуемые сообщения

Как убрать полоску которая обведена красным? Черную полоску под шапкой тоже хотелось бы убрать и блок обведенный синем цветом перенести в самый верх, а логотип и статус профиля перенести в центр.

post-24447-0-78404600-1493395214[1].jpg

Ссылка на комментарий
Поделиться на другие сайты

Как убрать полоску которая обведена красным? 

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

Ссылка на комментарий
Поделиться на другие сайты

Цитата

Форумы в данный момент отключены

 

экстрасенсов тут нет

Ссылка на комментарий
Поделиться на другие сайты

В 29.04.2017 в 17:27, Envy сказал:

экстрасенсов тут нет

Включил

Ссылка на комментарий
Поделиться на другие сайты

В 29.04.2017 в 15:03, Cheshir сказал:

Как убрать полоску которая обведена красным? 

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

Этот элемент не виден

Ссылка на комментарий
Поделиться на другие сайты

7 часов назад, SkiSM сказал:

Этот элемент не виден

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

Ссылка на комментарий
Поделиться на другие сайты

5 часов назад, Cheshir сказал:

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

university-rp.ru/forum

Ссылка на комментарий
Поделиться на другие сайты

Сначала поставьте первую версию стиля, вы там что-то явно уже накуралесили

Ссылка на комментарий
Поделиться на другие сайты

53 минуты назад, Cheshir сказал:

Это тень блока врапера

1111.jpg

Спасибо. У меня теперь другая проблема появилась. Хотел изменить блок (обведен красным), заменил картинку (стандартный блок перекрасил в нужный цвет), в итоге картинка встала только на половину блока. И еще почему-то эта картинка залезла в другой блок (обведено синим). В чем может быть проблем?

1.JPG

3 минуты назад, Envy сказал:

Сначала поставьте первую версию стиля, вы там что-то явно уже накуралесили

Ничего не накуралесил. Если я что-то и делал, то только по инструкции к самому стилю.

Ссылка на комментарий
Поделиться на другие сайты

если хотите так:

2017-05-01 14_35_41-University RP.png

, то нужно изменить css: 

.maintitle {
    background: #f5f5f5 url(https://university-rp.ru/forum/public/style_images/baisik/highlight_strong.png) repeat;
    color: #333;
    padding: 12px;
    font-size: 12px;
    font-weight: 300;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-radius: 4px 4px 0 0;
    border: 1px solid #eaeaea;
    border-bottom: 0;
    overflow: hidden;
}
#community_app_menu>li.active>a {
    background: #e9e9e9 url(https://university-rp.ru/forum/public/style_images/baisik/highlight_strong.png) repeat;
    color: #fff;
    position: relative;
    text-shadow: #fff 0px 1px 0px;
}
.maintitle a {
    color: #fff;
}

 

 

чтобы убрать черную линию под лого нужно найти и изменить css "#branding":

#branding {
  1. border-bottom: none;
  2. min-height: 67px;
}
 
 
Изменено пользователем Envy
Ссылка на комментарий
Поделиться на другие сайты

11 минут назад, Envy сказал:

если хотите так:

2017-05-01 14_35_41-University RP.png

, то нужно изменить css: 


.maintitle {
    background: #f5f5f5 url(https://university-rp.ru/forum/public/style_images/baisik/highlight_strong.png) repeat;
    color: #333;
    padding: 12px;
    font-size: 12px;
    font-weight: 300;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-radius: 4px 4px 0 0;
    border: 1px solid #eaeaea;
    border-bottom: 0;
    overflow: hidden;
}
#community_app_menu>li.active>a {
    background: #e9e9e9 url(https://university-rp.ru/forum/public/style_images/baisik/highlight_strong.png) repeat;
    color: #fff;
    position: relative;
    text-shadow: #fff 0px 1px 0px;
}
.maintitle a {
    color: #fff;
}

 

 

чтобы убрать черную линию под лого нужно найти и изменить css "#branding":

#branding {
  1. border-bottom: none;
  2. min-height: 67px;
}
 
 

Спасибо. А с переносом блоков сможете помочь?

Ссылка на комментарий
Поделиться на другие сайты

напишите подробнее, что хотите, не понятно. Хедер перенести ниже меню?

вот так что ли?2017-05-01 15_06_14-.png

p.s вам надо css изменить чтобы меню нормально выглядело, оно у вас какк я понял в самом globalTemplate находиться, ищите строчку

#community_app_menu>li.active>a{background:#e9e9e9 url('https://university-rp.ru/forum/public/style_images/baisik/highlight_strong.png') repeat-x 0 0;color:#292929;

 и замените на

#community_app_menu>li.active>a{background:#e9e9e9 url('https://university-rp.ru/forum/public/style_images/baisik/highlight_strong.png') repeat;color:#fff;

Ссылка на комментарий
Поделиться на другие сайты

51 минуту назад, Envy сказал:

напишите подробнее, что хотите, не понятно. Хедер перенести ниже меню?

вот так что ли?2017-05-01 15_06_14-.png

p.s вам надо css изменить чтобы меню нормально выглядело, оно у вас какк я понял в самом globalTemplate находиться, ищите строчку


#community_app_menu>li.active>a{background:#e9e9e9 url('https://university-rp.ru/forum/public/style_images/baisik/highlight_strong.png') repeat-x 0 0;color:#292929;

 и замените на

#community_app_menu>li.active>a{background:#e9e9e9 url('https://university-rp.ru/forum/public/style_images/baisik/highlight_strong.png') repeat;color:#fff;

Да-да, именно так. Только чтобы логотип был сразу же после блока с: Форумы, Пользователи. А блок "Uiversity RP" должен быть отделён и стоять под лого (шапкой).

Ссылка на комментарий
Поделиться на другие сайты

9 часов назад, Envy сказал:

и замените на

#community_app_menu>li.active>a{background:#e9e9e9 url('https://university-rp.ru/forum/public/style_images/baisik/highlight_strong.png') repeat;color:#fff;

Код: 

#community_app_menu>li.active>a {


    background: #e9e9e9 url(https://university-rp.ru/forum/public/style_images/baisik/highlight_strong.png) repeat;
    color: #fff;
    position: relative;
    text-shadow: #fff 0px 1px 0px;

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...