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

Правила форума

Здесь обсуждаются вопросы оформления форумов IPB 2.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Оформление форумов IPB 3.x.
Настройка форумов, включая установку и техническую настройку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

3 Страниц
←
1
2
3
→

Вы не можете создавать новые темы
Вы не можете отвечать в этой теме

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

#16 TIER4eg

Member

Группа: Пользователи
Сообщений: 17
Регистрация: 27-Ноябрь 07
IPB version:2.1.x

Отправлено 03 Декабрь 2007 - 22:06

<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 align=left>
<img align="left" src='style_images/<#IMG_DIR#>/logo6.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>
<td width="99%">
&nbsp;
</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://img221.imageshack.us/img221/5388/sn...34567890ed9.jpg

=)

Мммм? =)

Пардон-муа! =)

Заменил

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

и всё получилось! =) Спасибо большое!

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

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

Наверх of the page up there ^

#17 Fisana

На PM не отвечаю

Группа: IPB Skins Team
Сообщений: 12 454
Регистрация: 21-Ноябрь 05
Откуда:Из интернетов
IPB version:3.1.x

Отправлено 03 Декабрь 2007 - 22:08

Ну попробуйте 100%
Я не понимаю, зачем одну картинку на 2 части резать?
Ее же можно целую залить.

Наверх of the page up there ^

#18 TIER4eg

Member

Группа: Пользователи
Сообщений: 17
Регистрация: 27-Ноябрь 07
IPB version:2.1.x

Отправлено 03 Декабрь 2007 - 22:13

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

А картинку пришлось разбивать из-за того, что она .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 (03 Декабрь 2007 - 22:23)

Наверх of the page up there ^

#19 Fisana

На PM не отвечаю

Группа: IPB Skins Team
Сообщений: 12 454
Регистрация: 21-Ноябрь 05
Откуда:Из интернетов
IPB version:3.1.x

Отправлено 03 Декабрь 2007 - 22:27

В тегах td выравнивание как раз происходит только по style="text-align:left"
А вот в дивах по align="left"
Первое, это свойство стиля, второе атрибут тега.
Я не заметила сразу.
Получилось нормально вроде...

Наверх of the page up there ^

#20 TIER4eg

Member

Группа: Пользователи
Сообщений: 17
Регистрация: 27-Ноябрь 07
IPB version:2.1.x

Отправлено 03 Декабрь 2007 - 22:31

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

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

<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 - это как раз картинка с надписью. )

Наверх of the page up there ^

#21 Fisana

На PM не отвечаю

Группа: IPB Skins Team
Сообщений: 12 454
Регистрация: 21-Ноябрь 05
Откуда:Из интернетов
IPB version:3.1.x

Отправлено 03 Декабрь 2007 - 22:36

Это уберите

<td width="100">&nbsp;</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 не забыть, а то разопрет шире шапки.

Наверх of the page up there ^

#22 TIER4eg

Member

Группа: Пользователи
Сообщений: 17
Регистрация: 27-Ноябрь 07
IPB version:2.1.x

Отправлено 03 Декабрь 2007 - 22:42

<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

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

Наверх of the page up there ^

#23 Fisana

На PM не отвечаю

Группа: IPB Skins Team
Сообщений: 12 454
Регистрация: 21-Ноябрь 05
Откуда:Из интернетов
IPB version:3.1.x

Отправлено 03 Декабрь 2007 - 22:53

В <td style="text-align:left">
<img src='style_images/<#IMG_DIR#>/logo6.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>
заменить:

style="text-align:left"

На

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

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

Наверх of the page up there ^

#24 TIER4eg

Member

Группа: Пользователи
Сообщений: 17
Регистрация: 27-Ноябрь 07
IPB version:2.1.x

Отправлено 03 Декабрь 2007 - 23:22

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

Допустим, мне удаётся объеденить в одну две левые картинки и у нас в шапке будет таким образом не 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%">
&nbsp;
</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%">
&nbsp;
</td>

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

Наверх of the page up there ^

#25 Fisana

На PM не отвечаю

Группа: IPB Skins Team
Сообщений: 12 454
Регистрация: 21-Ноябрь 05
Откуда:Из интернетов
IPB version:3.1.x

Отправлено 03 Декабрь 2007 - 23:23

<td width="99%">
 
</td> тогда не нужен
99% впишете в <td>, где картинка с надписью.

Наверх of the page up there ^

#26 TIER4eg

Member

Группа: Пользователи
Сообщений: 17
Регистрация: 27-Ноябрь 07
IPB version:2.1.x

Отправлено 03 Декабрь 2007 - 23:30

<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 (03 Декабрь 2007 - 23:39)

Наверх of the page up there ^

#27 Fisana

На PM не отвечаю

Группа: IPB Skins Team
Сообщений: 12 454
Регистрация: 21-Ноябрь 05
Откуда:Из интернетов
IPB version:3.1.x

Отправлено 03 Декабрь 2007 - 23:55

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

Наверх of the page up there ^

#28 TIER4eg

Member

Группа: Пользователи
Сообщений: 17
Регистрация: 27-Ноябрь 07
IPB version:2.1.x

Отправлено 03 Декабрь 2007 - 23:59

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

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

Наверх of the page up there ^

#29 Fisana

На PM не отвечаю

Группа: IPB Skins Team
Сообщений: 12 454
Регистрация: 21-Ноябрь 05
Откуда:Из интернетов
IPB version:3.1.x

Отправлено 04 Декабрь 2007 - 00:13

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

Наверх of the page up there ^

#30 TIER4eg

Member

Группа: Пользователи
Сообщений: 17
Регистрация: 27-Ноябрь 07
IPB version:2.1.x

Отправлено 04 Декабрь 2007 - 00:23

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

Сообщение изменено: TIER4eg (04 Декабрь 2007 - 00:28)

Наверх of the page up there ^

3 Страниц
←
1
2
3
→

Вы не можете создавать новые темы
Вы не можете отвечать в этой теме

А на форуме шапка горит... - Дизайн и модификация Invision Power Board

Правила форума

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

#16 TIER4eg

#17 Fisana

#18 TIER4eg

#19 Fisana

#20 TIER4eg

#21 Fisana

#22 TIER4eg

#23 Fisana

#24 TIER4eg

#25 Fisana

#26 TIER4eg

#27 Fisana

#28 TIER4eg

#29 Fisana

#30 TIER4eg

Сообщить об этой теме:

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых

Удалить сообщение

Тема и Язык

Статистика выполнения

Контактная информация

Заказ дизайна форума

Техническая поддержка

Дизайн форумов

Бесплатные шаблоны

А на форуме шапка горит... - Дизайн и модификация Invision Power Board

Правила форума

СвернутьПрикрепленные теги

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

Сообщить об этой теме:

1 пользователей читают эту тему 0 зарегистрированных, 1 гостей, 0 скрытых

Удалить сообщение

Тема и Язык

Статистика выполнения

Контактная информация

Заказ дизайна форума

Техническая поддержка

Дизайн форумов

Бесплатные шаблоны

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых