Jump to content

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


 Share

Recommended Posts

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

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

Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

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

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

university-rp.ru/forum

Link to comment
Share on other sites

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

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

1111.jpg

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

1.JPG

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

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

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

Link to comment
Share on other sites

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

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;
}
 
 
Edited by Envy
Link to comment
Share on other sites

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;
}
 
 

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

Link to comment
Share on other sites

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

вот так что ли?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;

Link to comment
Share on other sites

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" должен быть отделён и стоять под лого (шапкой).

Link to comment
Share on other sites

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;

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

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

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...