Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
TIER4eg

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

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

11/27/07 16:02 (изменено)

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

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

 

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

 

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

 

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

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

Поделиться сообщением


Ссылка на сообщение

Вам поможет статья с http://www.ipsbeyond.com/

Ее автор Tap

Доступа у Вас к статьям, вероятно, нет, поэтому выкладываю здесь.

Суть:

Использование в шапке до 3 картинок с применением блочной верстки.

Logo___Banner.rar

Поделиться сообщением


Ссылка на сообщение

Супер!!!!!

 

То, что надо!

 

Почти всё получилось, за исключением третьей картинки (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>

 

Поправьте, что не так, пожалуйста.

Поделиться сообщением


Ссылка на сообщение

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

logo5.gif - правая.

Поделиться сообщением


Ссылка на сообщение
11/27/07 23:02 (изменено)

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

 

Вот смотрите: http://img99.imageshack.us/img99/3377/snap11111111kl2.jpg

 

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

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

Поделиться сообщением


Ссылка на сообщение

Правая часть по дефолту:

Right Side Logo

 

Вообще я не понимаю, что там за странные свойства прописаны - vertical-align:right;margin-middle:50px

Они как бы не должны работать...

Вот так было бы правильно - margin-right:0px

 

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

Способ сама не испытывала.

Поделиться сообщением


Ссылка на сообщение
11/28/07 10:28 (изменено)

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

 

<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

Поделиться сообщением


Ссылка на сообщение

Тогда оставьте прежний код, а справа в свойства стиля попробуйте добавить float:right;

У меня нет сейчас времени на испытание этого метода.

Я с тремя картинками поступаю иначе.

Свойство правой задаю в css, а в шапке просто прописываю ее класс.

Позже могу написать свой способ.

Поделиться сообщением


Ссылка на сообщение

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

 

 

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

 

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

 

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

Поделиться сообщением


Ссылка на сообщение

Если решили таблицей, в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>

Поделиться сообщением


Ссылка на сообщение
11/28/07 13:38 (изменено)

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

 

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

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

Поделиться сообщением


Ссылка на сообщение
Тогда оставьте прежний код, а справа в свойства стиля попробуйте добавить float:right;

У меня нет сейчас времени на испытание этого метода.

Я с тремя картинками поступаю иначе.

Свойство правой задаю в css, а в шапке просто прописываю ее класс.

Позже могу написать свой способ.

 

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

Поделиться сообщением


Ссылка на сообщение

У меня еще не окончена работа.

Пока нет времени отвлекаться.

Чуть позже.

Поделиться сообщением


Ссылка на сообщение

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

 

<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? Ибо вторая продолжение первой.

Поделиться сообщением


Ссылка на сообщение

В свойствах тега 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%">
 
</td>

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

Поделиться сообщением


Ссылка на сообщение

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

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...