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

Изменение положения логотипа форума


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

Есть стиль Nature от Фисаны, мне было необходимо заменить текстовой логотип на изображение. Это я сделал, а вот как сделать так, чтобы блок логотипа, а следовательно и изображение находилось по центру, а не от левого края никак не получается. Прошу помощи от знающего люда.

 

Было

<a class='logo' href='{$this->settings['board_url']}' title='{$this->lang->words['go_home']}' rel="home" accesskey='1'> </a><br />
<span class='logo'> </span>

 

Стало

<a class='logo' href='{$this->settings['board_url']}' title='{$this->lang->words['go_home']}' rel="home" accesskey='1'><img src='__адрес сайта/public/style_images/nature/logo2.png' style='vertical-align:top' alt='Перейти на главную' border='0'> </a><br />
<span class='logo'> </span>
Ссылка на комментарий
Поделиться на другие сайты

 

Есть стиль Nature от Фисаны, мне было необходимо заменить текстовой логотип на изображение. Это я сделал, а вот как сделать так, чтобы блок логотипа, а следовательно и изображение находилось по центру, а не от левого края никак не получается. Прошу помощи от знающего люда.

 

Было

<a class='logo' href='{$this->settings['board_url']}' title='{$this->lang->words['go_home']}' rel="home" accesskey='1'> </a><br />
<span class='logo'> </span>

Стало

<a class='logo' href='{$this->settings['board_url']}' title='{$this->lang->words['go_home']}' rel="home" accesskey='1'><img src='__адрес сайта/public/style_images/nature/logo2.png' style='vertical-align:top' alt='Перейти на главную' border='0'> </a><br />
<span class='logo'> </span>

ссылку на форум

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

Пробуй.

 

ACP - Внешний вид - Ваш стиль - CSS - ipb_styles.css находим:
 
.logo {
float: left;
}
Заменяем на:

.logo {
margin:0 auto;
}
Чуть выше в:
#branding {
Добавляем:

text-align:center;

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

Так. Это сработало спасибо. Но теперь съехал поиск и блок "поделиться"...

forumbani.ru

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

поиск:

#search {
margin: 35px 0;
}

изменяете значения на ваш вкус



панель юзера:

#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
margin: 0px 0px 0px 0px; /добавляете эту строку и корректируете на свой вкус
}
Ссылка на комментарий
Поделиться на другие сайты

Нет, не прокатило. 

 

Поиск, зараза, никак не убирается с панели наверх на свое место...

И из-за этого меню слетает.

 

post-668-0-84924100-1370963173_thumb.png

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

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

#search {
margin: -40px 110px 0px 0px;
}
Ссылка на комментарий
Поделиться на другие сайты

Блин, я не знал, что минус можно использовать. Спасибо. Более точно сейчас подберу.

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

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

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

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

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

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

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

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

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

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

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