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

Проблема с Top Left

Recommended Posts

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

Но, если прописывать полные размеры изображения в 152 px,

 

.tablebg { background-color: #f3f3f3; padding-right: 0px; padding-left: 0px width: 100%;}

.tabletopleft { background-image: url(<#IMG_DIR#>/table_top_left.gif); height: 152px; width: 34px;}

 

Получается, что элемент скина "уплывает"вверх =( и образуется пустота, что не очень эстетично.

 

Не понимаю. Как сделать так, чтобы сдвинуть изображение вниз, то есть что бы его верний край был "на месте"

 

Первый раз со скинами для ipb копаюсь, поэтому сорри если вопрос тупой=(

Заранее спасибо.

post-4375-1202664808_thumb.jpg

Edited by Aggarik

Share this post


Link to post
Share on other sites

Если это портится мой скин IBR, судя по останкам таблицы и логотипу, то размер изображения там должен быть 32 на 32, если мне не изменяет память. Возможно, 34.... Размеры завязаны на высоте и ширине смежных элементов.

 

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

Share this post


Link to post
Share on other sites
Если это портится мой скин IBR, судя по останкам таблицы и логотипу, то размер изображения там должен быть 32 на 32, если мне не изменяет память. Возможно, 34.... Размеры завязаны на высоте и ширине смежных элементов.

 

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

 

Да, портируется именно IBR =)

 

Так вот в чём и вопрос, как "этого слона" правильно впендюрить?

Share this post


Link to post
Share on other sites

Оставьте слона на месте, в шапке, если слон необходим. Это же логотип, он, как и все элементы, внутри рамки живет.

Не понимаю, зачем его в рамку встраивать?

 

Еще там вроде есть table_top и table_right

Вот они должны быть одной высоты с table_left.

А высота там маленькая была...

Share this post


Link to post
Share on other sites
Оставьте слона на месте, в шапке, если слон необходим. Это же логотип, он, как и все элементы, внутри рамки живет.

Не понимаю, зачем его в рамку встраивать?

 

Еще там вроде есть table_top и table_right

Вот они должны быть одной высоты с table_left.

А высота там маленькая была...

 

Ну по поводу правых и шапочных элементов я понял=(

 

Сложно обяснить...

 

на изображение сверху как есть, а снизу как хотелось бы.

 

Соответственно table top left/right портят всё, выпирая как "рога"=(

post-4375-1202757036_thumb.jpg

Share this post


Link to post
Share on other sites

Вам надо было не трогать рамку, просто заменить ее элементы своей графикой, возможно, сделать тоньше.

Элементы не 32 на 32, а 16 на 16 использовать.

Прописать новые размеры в css.

Заменить серый градиент tile_back.gif и фон под ним. Для этого редактируется графика + класс logostrip в css.

Визуально должно смотреться продолжением верхней части рамки.

На фоне tile_back нарисовать логотип. Заменить logo4.gif.

И все.

 

А зачем крушить рамку и игнорировать готовую структуру шапки, не понимаю.

У вас вместо шапки сейчас пустота, понимаете?

Все выкинули, а место осталось.

Share this post


Link to post
Share on other sites
Вам надо было не трогать рамку, просто заменить ее элементы своей графикой, возможно, сделать тоньше.

Элементы не 32 на 32, а 16 на 16 использовать.

Прописать новые размеры в css.

Заменить серый градиент tile_back.gif и фон под ним. Для этого редактируется графика + класс logostrip в css.

Визуально должно смотреться продолжением верхней части рамки.

На фоне tile_back нарисовать логотип. Заменить logo4.gif.

И все.

 

А зачем крушить рамку и игнорировать готовую структуру шапки, не понимаю.

У вас вместо шапки сейчас пустота, понимаете?

Все выкинули, а место осталось.

 

Дело не в пустом месте, это был просто пример подправленный в фотошопе. просто я меняю элементы рамки, угловые делаю 34x152, прописываю это в css. так вот собственно и спрашиваю, можно как нибудь сделать, что бы 152 пикселя не понимались, как ширина верхней рамки, а просто как размер изображения, то есть верхняя рамка оставалась 34 пикселя а остатки заползали бы на боковую рамку.

 

блин... сложно как-то мысли изложить=( :(

Share this post


Link to post
Share on other sites

Ширина верхней части определяется высотой картинки.

Там же таблица. Вы хотите оставить ее тонкой, включив в ее состав слона.

Это физически невозможно.

Единственный способ это обойти, прописать узкую центральную часть в css с параметром top repeat-x.

Тогда кромка в центре должна прилипнуть к верху, оставив пустоту ниже.

Но высота таблицы все равно будет 152px.

Я не понимаю, зачем такие извращения, если можно было сделать все гораздо проще.

И куда Вы дели код для шапки из global_board_header ?

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