Перейти к содержимому
Русский язык для Invision Community 5

А на форуме шапка горит...

Так-с, други вы мои сердеШные. =)

Есть у меня к вам вопрос:

 

Нужно вставить картинку в правый угол шапки + картинку по центру (причём не просто по центру всей шапки а по центру между лого и правой картинкой), кликабельными они как лого быть не должны. Какой код и куда добавить?

 

Помогите, не осерчайте. =)

 

З.Ы.: tile_back.gif ака фон шапки замощён.

Изменено пользователем TIER4eg

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

Ну попробуйте 100%

Я не понимаю, зачем одну картинку на 2 части резать?

Ее же можно целую залить.

  • Автор

Всё получилось, посмотрите в моём посте выше как, я его отредактировал пока Вы этот ответ писали, видимо. =)

 

А картинку пришлось разбивать из-за того, что она .gif и в неё больше цветов не влезало. =(((

 

Кстати, а в чём принципиальная разница-то между

 

 

<td align=left>
<img align="left" src='style_images/<#IMG_DIR#>/logo6.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>

 

и

 

<td style="text-align:left">
<img src='style_images/<#IMG_DIR#>/logo6.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>

 

У меня был первый код и как раз из-за этого не до конца прикреплялась картинка, оставались несколько вшивых пикселей до стыка. =) А со вторым - слилась.

 

И да, если можно, то

 

Но есть еще вопрос! =))

 

Как еще одну картинку теперь по центру захреначить? (ту самую надпись с новым годом, помните?) =)

 

А то вот что опять: http://img228.imageshack.us/img228/3537/sn...34567890yb5.jpg

 

Спасибо за ангельское терпение! Знаю, что достал! =))

Изменено пользователем TIER4eg

В тегах td выравнивание как раз происходит только по style="text-align:left"

А вот в дивах по align="left"

Первое, это свойство стиля, второе атрибут тега.

Я не заметила сразу.

Получилось нормально вроде...

  • Автор

Угу, получилось хорошо, спасибо!

 

Но надпись "С Новым Годом" никак не могу по центру выровнять. Я так понимаю надо добавить что-то типа

 

<td style="text-align:center">
<img src='style_images/<#IMG_DIR#>/HNY.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>

 

Но вот беда:

 

http://img228.imageshack.us/img228/3537/sn...34567890yb5.jpg

 

З.Ы.: HNY.gif - это как раз картинка с надписью. )

Это уберите

<td width="100"> </td>

А код с Надписью замените на

<td width="100" style="text-align:center">
<img src='style_images/<#IMG_DIR#>/HNY.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>

Или 99% все-таки..

Главное, про nowrap не забыть, а то разопрет шире шапки.

  • Автор

<div id="logostrip"><a href='{ipb.script_url}'><!--ipb.logo.start-->
<table height"150" cellspacing="0" cellpadding="0" width="100%" border="0" nowrap="nowrap">
<tr>
<td style="text-align:left">
<img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>
<td style="text-align:left">
<img src='style_images/<#IMG_DIR#>/logo6.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>
<td width="99" style="text-align:center">
<img src='style_images/<#IMG_DIR#>/HNY.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>
<td style="text-align:right">
<img src='style_images/<#IMG_DIR#>/logo5.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>
</tr>
</table>
</div>

 

Результат:

 

http://img219.imageshack.us/img219/1989/sn...34567890en8.jpg

 

Или я что-то не так прописал? Вроде так. :)

В

IPB

заменить:

style="text-align:left"

На 

style="text-align:left; padding-left:0; margin-left:0"

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

  • Автор

Не помогло. Всё-равно спасибо!

 

Допустим, мне удаётся объеденить в одну две левые картинки и у нас в шапке будет таким образом не 4, а три картинки, но всё-таки как среднюю (которой станет надпись СНГ) заставить встать по центру между левой и правой?

 

Ведь используя подобный код:

 

<div id="logostrip"><a href='{ipb.script_url}'><!--ipb.logo.start-->
<table height"150" cellspacing="0" cellpadding="0" width="100%" border="0" nowrap="nowrap">
<tr>
<td style="text-align:left">
<img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>
<td style="text-align:left">
<img src='style_images/<#IMG_DIR#>/HNY.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>
<td width="99%">
 
</td>
<td style="text-align:right">
<img src='style_images/<#IMG_DIR#>/logo5.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>
</tr>
</table>
</div>

 

надпись СНГ прилепится к левой картинке я так понимаю, как это было со второй частью левой, а не встанет по центру. =(

 

 

Если

 

<td style="text-align:left">
<img src='style_images/<#IMG_DIR#>/HNY.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>

 

заменить на

 

<td style="text-align:center">
<img src='style_images/<#IMG_DIR#>/HNY.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>

 

и убрать

 

<td width="99%">
 
</td>

 

то едет вправо опять надпись. =((

 

тогда не нужен

99% впишете в

, где картинка с надписью.
  • Автор

<div id="logostrip"><a href='{ipb.script_url}'><!--ipb.logo.start-->
<table height"150" cellspacing="0" cellpadding="0" width="100%" border="0" nowrap="nowrap">
<tr>
<td style="text-align:left">
<img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>
<td width="99" style="text-align:center">
<img src='style_images/<#IMG_DIR#>/HNY.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>
<td style="text-align:right">
<img src='style_images/<#IMG_DIR#>/logo5.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>
</tr>
</table>
</div>

 

Так?

 

Если да, то вот результат: http://img219.imageshack.us/img219/7754/sn...34567890kx0.jpg

 

З.Ы.: я убрал пока что вторую часть левой картинки, которую потом к первой приклеивать буду, так что не удивляйтесь почему обрезана левая картинка, но даже если мысленно продолжить левую картинку со второй её частью, то очевидно, что надпись СНГ опять не по середине, а дальше от левой картинки, чем от правой.

Изменено пользователем TIER4eg

Нужно разбираться на опыте.

Возможно прописать дополнительные свойства в класс logostrip или что-то еще.

Каждый раз изобретать приходится.

Таблицы в шапке ipb вообще обычно плохо живут, при этом тот же код на сайте (не в ipb) выглядеть может идеально.

Экспериментируейте с дополнительными свойствами.

  • Автор

Так, а если не использовать таблицу, а тот самый вариант из статьи, что Вы в самом начале предлагали, то как нужно модифицировать код типа:

 

<div id="logostrip"><img src="style_images/<#IMG_DIR#>/logo4.gif" style="vertical-align:middle;margin-right:50px" alt="Left Side Logo" /><img src="style_images/<#IMG_DIR#>/logo6.gif" style="vertical-align:middle;" alt="Center Logo" /><img src="style_images/<#IMG_DIR#>/logo5.gif" style="vertical-align:right;margin-middle:50px" alt="Right Side Logo" /></div>

Там 4 картинки не впишешь.

Чтобы знать как модифицировать, мне нужно вначале попробовать.

Напишу позже.

  • Автор

Дык 4 теперь и не надо. Мы же вроде как на 3 остановились: левая (та что после склеивания двух картинок станет единым целом), центральная (надпись СНГ) и правая. =)

Изменено пользователем TIER4eg

Создайте аккаунт или войдите в него для комментирования

Перейти к списку тем

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера
Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.