Перейти к публикации
View in the app

A better way to browse. Learn more.

Дизайн и модификация Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Проблема с Top Left

Опубликовано:

Есть изображение для верхнего левого угла, плавно перетекающее в левую рамку ака 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

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

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

Опубликовано:

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

 

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

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

 

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

 

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

 

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

Опубликовано:

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

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

 

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

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

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

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

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

 

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

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

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

 

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

 

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

 

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

 

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

post-4375-1202757036_thumb.jpg

Опубликовано:

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

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

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

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

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

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

И все.

 

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

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

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

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

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

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

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

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

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

И все.

 

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

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

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

 

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

 

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

Опубликовано:

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

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

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

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

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

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

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

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

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

Сейчас на странице 0

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

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.