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

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

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

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

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

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

#1 TIER4eg

Member

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

Отправлено 27 Ноябрь 2007 - 19:01

Так-с, други вы мои сердеШные. =)
Есть у меня к вам вопрос:

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

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

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

Сообщение изменено: TIER4eg (27 Ноябрь 2007 - 19:02)

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

#2 Fisana

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

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

Отправлено 28 Ноябрь 2007 - 00:46

Вам поможет статья с http://www.ipsbeyond.com/
Ее автор Tap
Доступа у Вас к статьям, вероятно, нет, поэтому выкладываю здесь.
Суть:
Использование в шапке до 3 картинок с применением блочной верстки.

Вложений

Logo___Banner.rar (1,72К)
Количество загрузок: 67

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

#3 TIER4eg

Member

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

Отправлено 28 Ноябрь 2007 - 01:52

Супер!!!!!

То, что надо!

Почти всё получилось, за исключением третьей картинки (logo6.gif), она в самый правый угол шапки никак вставить не хочет:

Вот код:

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

#4 Fisana

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

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

Отправлено 28 Ноябрь 2007 - 01:56

logo6.gif вроде центральной должна быть...
logo5.gif - правая.

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

#5 TIER4eg

Member

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

Отправлено 28 Ноябрь 2007 - 02:01

Да дело не в нумерации. =) Это я так криво пронумеровал: по мередине идёт 6, а справа - 5. =)

Вот смотрите: http://img99.imagesh...11111111kl2.jpg

Мне нужно, чтобы маленький рисунок с зимним пейзажем (logo5.gif) встал в правый угол, а надпись с новым годом (logo6.gif) по центру между левым лого и правым (как раз этим пейзажем).

Сообщение изменено: TIER4eg (28 Ноябрь 2007 - 02:15)

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

#6 Fisana

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

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

Отправлено 28 Ноябрь 2007 - 12:55

Правая часть по дефолту:
<img src="style_images/<#IMG_DIR#>/logo5.gif" style="vertical-align:right;margin-middle:50px" alt="Right Side Logo" />

Вообще я не понимаю, что там за странные свойства прописаны - vertical-align:right;margin-middle:50px
Они как бы не должны работать...
Вот так было бы правильно - margin-right:0px

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

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

#7 TIER4eg

Member

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

Отправлено 28 Ноябрь 2007 - 13:27

То бишь код такой вставить?

<div id="logostrip"><img src="style_images/<#IMG_DIR#>/logo4.gif" style="margin-left:0px" 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="margin-right:0px" alt="Right Side Logo" /></div>

Если да, то не выходит ничего. =(

Сообщение изменено: TIER4eg (28 Ноябрь 2007 - 13:36)

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

#8 Fisana

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

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

Отправлено 28 Ноябрь 2007 - 14:35

Тогда оставьте прежний код, а справа в свойства стиля попробуйте добавить float:right;
У меня нет сейчас времени на испытание этого метода.
Я с тремя картинками поступаю иначе.
Свойство правой задаю в css, а в шапке просто прописываю ее класс.
Позже могу написать свой способ.

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

#9 TIER4eg

Member

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

Отправлено 28 Ноябрь 2007 - 15:07

Я вот еще какой вариант прописал:

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

Почти получилось, но средняя картинка теперь смещена больше вправо... =(

Был бы премного благодарен за Ваш вариант.

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

#10 Fisana

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

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

Отправлено 28 Ноябрь 2007 - 15:41

Если решили таблицей, вcе проще.

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

Замените на:

[code]<td style="text-align:right">
<img src='style_images/<#IMG_DIR#>/logo5.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>

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

#11 TIER4eg

Member

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

Отправлено 28 Ноябрь 2007 - 16:37

Вообщем-то получается тоже самое, картинка с надписью "С Новым Годом" всё-равно вправо съезжает: http://img150.imageshack.us/img150/5755/sn...11111111cz8.jpg

Так что лучше всё-таки Ваш вариант, о котором вы говорили выше, попробовать. Как будет время - напишите код, пожалуйста.

Сообщение изменено: TIER4eg (28 Ноябрь 2007 - 16:37)

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

#12 TIER4eg

Member

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

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

Fisana Nov 28 2007, 03:36 PM сказал(а):

Мммм...Можно Ваш способ-таки? =)

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

#13 Fisana

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

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

Отправлено 02 Декабрь 2007 - 20:07

У меня еще не окончена работа.
Пока нет времени отвлекаться.
Чуть позже.

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

#14 TIER4eg

Member

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

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

При таком коде:

<div id="logostrip"><a href='{ipb.script_url}'><!--ipb.logo.start-->
<table height"160" cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td align=left>
<img align="left" src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>
<td align=center>
<img align="center" src='style_images/<#IMG_DIR#>/logo6.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://img228.imageshack.us/img228/5843/sn...34567890pq7.jpg

Как прикрепить logo6 (вторая картинка) к logo4? Ибо вторая продолжение первой.

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

#15 Fisana

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

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

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

В свойствах тега table пропишите

nowrap="nowrap"

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

Замените center на left
И добавьте после

<td width="99%">
&nbsp;
</td>

Тогда картинка прижмется к первой.

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

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

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

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

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

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

#1 TIER4eg

#2 Fisana

Вложений

#3 TIER4eg

#4 Fisana

#5 TIER4eg

#6 Fisana

#7 TIER4eg

#8 Fisana

#9 TIER4eg

#10 Fisana

#11 TIER4eg

#12 TIER4eg

#13 Fisana

#14 TIER4eg

#15 Fisana

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

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

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

Тема и Язык

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

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

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

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

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

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

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

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

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

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

Вложений

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

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

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

Тема и Язык

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

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

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

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

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

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

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