Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
TIER4eg

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

Recommended Posts

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

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

 

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

 

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

 

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

Edited by TIER4eg

Share this post


Link to post
Share on other sites

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

Ее автор Tap

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

Суть:

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

Logo___Banner.rar

Share this post


Link to post
Share on other sites

Супер!!!!!

 

То, что надо!

 

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

 

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

Share this post


Link to post
Share on other sites

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

logo5.gif - правая.

Share this post


Link to post
Share on other sites

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

 

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

 

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

Edited by TIER4eg

Share this post


Link to post
Share on other sites

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

Right Side Logo

 

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

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

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

 

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

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

Share this post


Link to post
Share on other sites

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

 

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

 

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

Edited by TIER4eg

Share this post


Link to post
Share on other sites

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

 

 

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

 

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

 

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

 

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

Edited by TIER4eg

Share this post


Link to post
Share on other sites
Тогда оставьте прежний код, а справа в свойства стиля попробуйте добавить float:right;

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

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

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

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

 

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

Share this post


Link to post
Share on other sites

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

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

Чуть позже.

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...