Вопрос знатокам

[Leonidk]

Здравствуйте!

подскажите,как решить проблему.

фон - картинка, текст контента не имеет своего фона, менюшка тоже не имеет фона (общий фон картинка).

меню имеет выпадающее подменю на текст.

Вопрос: как сделать прозрачный текст под меню или чтобы фон в подменю повторял в точности основной фон?

Заранее благодарен!

[Softlink]

не задавать вообще фона для подменю

[Leonidk]

но это подменю над текстом

[Softlink]

ну тогда надо поизголяться над картинкой в фотошопе. Если еще сайт не резиновый, то можно засечь, в каком месте фона открывается меню, потом вырезать этот кусок из бг, поделить его на полоски для пунктов подменю(или как там у вас оно) и присвоить им.

Хотя есть подозрения, что невозможно пиксель в пиксель вырезать фрагмент.

Edited July 5, 2011 by Softlink

[psywalker]

Здравствуйте!

подскажите,как решить проблему.

фон - картинка, текст контента не имеет своего фона, менюшка тоже не имеет фона (общий фон картинка).

меню имеет выпадающее подменю на текст.

Вопрос: как сделать прозрачный текст под меню или чтобы фон в подменю повторял в точности основной фон?

Заранее благодарен!

В таких случаях принято показывать скриншоты того как должно и не должно быть.

[Leonidk]

ну тогда надо поизголяться над картинкой в фотошопе. Если еще сайт не резиновый, то можно засечь, в каком месте фона открывается меню, потом вырезать этот кусок из бг, поделить его на полоски для пунктов подменю(или как там у вас оно) и присвоить им.

Хотя есть подозрения, что невозможно пиксель в пиксель вырезать фрагмент.

к сожалению резина

[SelenIT]

Может, background-attachment:fixed на что-нибудь сгодится, как у классика?

[Leonidk]

Здравствуйте!

подскажите,как решить проблему.

фон - картинка, текст контента не имеет своего фона, менюшка тоже не имеет фона (общий фон картинка).

меню имеет выпадающее подменю на текст.

Вопрос: как сделать прозрачный текст под меню или чтобы фон в подменю повторял в точности основной фон?

Заранее благодарен!

В таких случаях принято показывать скриншоты того как должно и не должно быть.

менюшка будет выглядеть как ссылка на главную (контент естественно другой, содержание меню тож не это)

кинул все с варезника только, чтоб боле мене внешку видить.

обведено:

пункты подменю и грубо раайон блока подменю

[mishka]

как такое сделать на css - даже не представляю, но вот думаю можно сделать на js, причем если заюзать jQuery, то впринципе должно быть не очень сложно.

Принцип следующий:

во время ховера, узнаем позицию дропа, считаем расстояния от левого верхнего угла дропа до левого верхнего угла браузера, задаем на дроп такой же фон как и на бади, но со смещением, которое ранее узнали.

[psywalker]

Реально может как-то извратиться и сделать точь в точь такие же части рисунка у пунктов подменю, как и натуральные, но ещё резина блин, вот тут думаю может картинки тада большие сделать.

[Softlink]

а мне кажется, что тут вполне можно позаниматься фигурным вырезанием картинок.

Если на рисунке показана самая левая часть сайта, то понятно, что контент не сожмется до нуля, а ширина меню не будет на 100% сайта.

Грубо говоря, если выпадающее меню вместе с основным укладывается хотя бы в 400 пикселей, то вполне возможно все сделать. Только это нудно очень и надо как-то постараться аккуратненько вырезать. Ну это так.. мои размышления. А на JS может действительно проще будет.

[mishka]

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

[Softlink]

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

так ну и что, что резина. Меню не горизонтальное. А потому часть БГ для боди будет всегда на месте. В крайнем случае застолбить его там

background-position:left

. Пикселей 400 в ширину от левого края точно двигаться никуда не будут при любом разрешении. Вот отсюда и плясать.

а вообще не понимаю всей этой задумки. Для чего оно надо. Я думал там какая-то композиция интересная должна получиться в итоге

[psywalker]

А я бы, если честно, хотел увидеть полную картинку того, что должно получится. Тогда может и варианты появятся.

[mishka]

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

так ну и что, что резина. Меню не горизонтальное. А потому часть БГ для боди будет всегда на месте. В крайнем случае застолбить его там

background-position:left

. Пикселей 400 в ширину от левого края точно двигаться никуда не будут при любом разрешении. Вот отсюда и плясать.

а вообще не понимаю всей этой задумки. Для чего оно надо. Я думал там какая-то композиция интересная должна получиться в итоге

Тоесть ты предлагаешь дать каждому пункту меню класс и для каждого из них жестко прописать бг? Тоесть пофиг изменения размера текста, изменения ширины меню ну и так далее?

[Softlink]

Тоесть ты предлагаешь дать каждому пункту меню класс и для каждого из них жестко прописать бг? Тоесть пофиг изменения размера текста, изменения ширины меню ну и так далее?

Именно. Вырезай для выпадалки больший кусок бг и прибивай его тем же бг-позишн. Будет тянуться выпадалка - будет показываться скрытый бг. А про размер текста какого ты говоришь? Если в меню, то надо на берегу определиться, что лучше сделать. Все замерить и зафиксировать - будет хорошо. А текст в контенте вообще побоку.

тут вся сложность, как так точно замерить и вырезать.

[SelenIT]

Сделал демку на базе классического подхода Эрика. Если поведение фона при скроллинге не будет шокировать, то, имхо, это единственный вариант в рамках актуального CSS...

[psywalker]

А я предлагаю у выпадающего меню сделать кусок фона, который под ним, прям большую картинку с запасом. Именно у UL. А у самих пунктов просто пустота.

Тоесть ты предлагаешь дать каждому пункту меню класс и для каждого из них жестко прописать бг? Тоесть пофиг изменения размера текста, изменения ширины меню ну и так далее?

Нее, нафига каждому пункту? Просто самой выпадалке большой кусок и всё.

[mishka]

Нее, нафига каждому пункту? Просто самой выпадалке большой кусок и всё.

Приведи пример, я чето не раздуплю о чем вы.

[psywalker]

Нее, нафига каждому пункту? Просто самой выпадалке большой кусок и всё.

Приведи пример, я чето не раздуплю о чем вы.

Блин, ну ща попробую)

[mishka]

Сделал демку на базе классического подхода Эрика. Если поведение фона при скроллинге не будет шокировать, то, имхо, это единственный вариант в рамках актуального CSS...

Да, с фиксированным фоном - это круто.

[Softlink]

Сделал демку на базе классического подхода Эрика. Если поведение фона при скроллинге не будет шокировать, то, имхо, это единственный вариант в рамках актуального CSS...

до сих пор сидел соображал как это работает, разобрался. SelenIT, а ты мастер на такие штуки хитрые. Прошлый раз для теней соорудил конструкцию Искушенный в этом деле - придумывать нестандартные решения?

[amelice]

Сделал демку на базе классического подхода Эрика. Если поведение фона при скроллинге не будет шокировать, то, имхо, это единственный вариант в рамках актуального CSS...

до сих пор сидел соображал как это работает, разобрался. SelenIT, а ты мастер на такие штуки хитрые. Прошлый раз для теней соорудил конструкцию Искушенный в этом деле - придумывать нестандартные решения?

Да, круто получилось.

Мне теперь это нужно догонять..

Softlink, а что конструкция? можешь ссылку дать на неё?

[Leonidk]

а мне кажется, что тут вполне можно позаниматься фигурным вырезанием картинок.

Если на рисунке показана самая левая часть сайта, то понятно, что контент не сожмется до нуля, а ширина меню не будет на 100% сайта.

Грубо говоря, если выпадающее меню вместе с основным укладывается хотя бы в 400 пикселей, то вполне возможно все сделать. Только это нудно очень и надо как-то постараться аккуратненько вырезать. Ну это так.. мои размышления. А на JS может действительно проще будет.

Да действительно эта ширина 300

и наверное Ваш вариант более подходящий, т.к картинки будут примерно в 600х600

[psywalker]

mishka, Лови дружище, жми на пункт 4 http://psywalker.ru/Forum/Menu/Menu-fon/1.html

[Softlink]

Да действительно эта ширина 300

и наверное Ваш вариант более подходящий, т.к картинки будут примерно в 600х600

у psywalker получше вариант. Меньше резать надо, соответственно качественней выйдет.