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

aurifer
Автор темы
Не в сети
Давно я тут

Больше

13 года 3 дн. назад #3458 от aurifer

aurifer создал тему: В шапке сайта два изображение, одно как рамка для другого.

Подскажите, как правильно реализовать следущее: В шапке сайта использовать картинку телевизора(или, например экран кинотеатра), а на самой картинке(там где кино обычно показывают) выводить уже само изображение шапки сайта. Т.е. первую картинку использовать как рамку для основного изображения.
За основу я взял шаблон отсюда: likbez-net.ru/razrabotka-shablona-sajta-dlya-joomla-25.html
Пытался добавить ещё один контейнер div ПЕРЕД контейнером ''header'', но картинка в шапке закрывает собой моё изображение.

Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.

athree
Не в сети
Осваиваюсь на форуме

Больше

13 года 3 дн. назад - 13 года 3 дн. назад #3460 от athree

athree ответил в теме Re: В шапке сайта два изображение, одно как рамка для другого.

Code:

<div style="background-image: url(/РАМКА); padding: ТОЛЩИНА_РАМКИ;">
<img src="КАРТИНКА" width="***" height="***" alt="***">
</div>

Последнее редактирование: 13 года 3 дн. назад пользователем athree.

Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.

aurifer
Автор темы
Не в сети
Давно я тут

Больше

13 года 2 дн. назад #3468 от aurifer

aurifer ответил в теме Re: В шапке сайта два изображение, одно как рамка для другого.

Я сделал тоже самое, но с помощью css. Добавил новый контейнер div id="header-fon" с соответственно и css подправил. Но изначально не получалось как задумано из-за размера картинок. "Внешнюю" картинку сделал больше 950px(т.к. шапка сайта 950px) и теперь всё видно почти как нужно.

Вложения:

Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.

aurifer
Автор темы
Не в сети
Давно я тут

Больше

13 года 2 дн. назад - 13 года 2 дн. назад #3470 от aurifer

aurifer ответил в теме Re: В шапке сайта два изображение, одно как рамка для другого.

Но теперь не могу выровнять их между собой. Причина в том, что вся "синяя" часть находится в контейнере "page". Т.е. контейнере, который отвечает за вывод всей страницы. И когда добавляю отступы к нему, то двигается вся страница вместе с контейнером div id="header-fon", хотя он является РОДИТЕЛЬСКИМ. Думаю будет понятнее по вложенным файлам.

Вложенный файл:

Имя файла: index.zip
Размер файла:4 KB

Вложения:

Последнее редактирование: 13 года 2 дн. назад пользователем aurifer.

Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.

aurifer
Автор темы
Не в сети
Давно я тут

Больше

13 года 2 дн. назад #3471 от aurifer

aurifer ответил в теме Re: В шапке сайта два изображение, одно как рамка для другого.

Посмотрите пожалуйста файл index.php . И подскажите как правильнее будет расположить div id="header-fon" и особенно его закрывающий тег. Думаю что проблема именно в этом.

Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.

aurifer
Автор темы
Не в сети
Давно я тут

Больше

12 года 11 мес. назад - 12 года 11 мес. назад #3519 от aurifer

aurifer ответил в теме Re: В шапке сайта два изображение, одно как рамка для другого.

Вроде разобрался более менее... Сделал шапку как хотел. Но главная проблема с шаблоном так и осталась. Он просто напросто не отображается как нужно. div "page" не применяется ко всей страничке. Т.е. содержимое модулей должно быть на голубом фоне, а сам модуль на белом фоне. А у меня модули на фоне "body"!

Вот как у меня:
[img]28dorog.ru/images/stati/my_variant.png[/img]

А так должно быть:
[img]28dorog.ru/images/stati/tak_pravilno.png[/img]

Эти изображения я сделал с чистого варианта, без моих вмешательств в код.

Последнее редактирование: 12 года 11 мес. назад пользователем aurifer.

Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.

Wedal
Не в сети
Администратор

Больше

12 года 11 мес. назад #3524 от Wedal

Wedal ответил в теме Re: В шапке сайта два изображение, одно как рамка для другого.

aurifer, покажите сайт. Если на локалке, то выложите сгенерированную html-страничку со стилями.

Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.

aurifer
Автор темы
Не в сети
Давно я тут

Больше

12 года 11 мес. назад #3526 от aurifer

aurifer ответил в теме Re: В шапке сайта два изображение, одно как рамка для другого.

Сайт на локалке. Квадратики в тексте-это комментарии в коде.

Вложенный файл:

Имя файла: .txt
Размер файла:12 KB

Вложения:

Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.

Wedal
Не в сети
Администратор

Больше

12 года 11 мес. назад #3529 от Wedal

Wedal ответил в теме Re: В шапке сайта два изображение, одно как рамка для другого.

aurifer, где стили?

Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.

aurifer
Автор темы
Не в сети
Давно я тут

Больше

12 года 11 мес. назад - 12 года 11 мес. назад #3530 от aurifer

aurifer ответил в теме Re: В шапке сайта два изображение, одно как рамка для другого.

Wedal пишет: aurifer, где стили?

Всмысле? В коде страницы, которую я прислал выше, прописаны перед ''body''. Файлы Template.css и menu.css . А если вы спрашиваете про файлы, то они в папке шаблона, в папке css.

Последнее редактирование: 12 года 11 мес. назад пользователем aurifer.

Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.

aurifer
Автор темы
Не в сети
Давно я тут

Больше

12 года 11 мес. назад - 12 года 11 мес. назад #3531 от aurifer

aurifer ответил в теме Re: В шапке сайта два изображение, одно как рамка для другого.

Я наверно вас не правильно понял. Вот файлы стилей и сам шаблон:

Вложенный файл:

Имя файла: css.zip
Размер файла:3 KB

Вложенный файл:

Имя файла: likom25_20...4-25.zip
Размер файла:805 KB

Вложения:

Последнее редактирование: 12 года 11 мес. назад пользователем aurifer.

Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.

Wedal
Не в сети
Администратор

Больше

12 года 11 мес. назад #3535 от Wedal

Wedal ответил в теме Re: В шапке сайта два изображение, одно как рамка для другого.

aurifer, не то. Мне нужно увидеть живую страницу вашего шаблона. То, что вы привели на картинке. Короче говоря, заливайте сайт на любой хостинг и присылайте ссылку. Я посмотрю CSS.

Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.

aurifer
Автор темы
Не в сети
Давно я тут

Больше

12 года 11 мес. назад #3564 от aurifer

aurifer ответил в теме Re: В шапке сайта два изображение, одно как рамка для другого.

Вот тестовый сайт

Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.

Wedal
Не в сети
Администратор

Больше

12 года 11 мес. назад #3574 от Wedal

Wedal ответил в теме Re: В шапке сайта два изображение, одно как рамка для другого.

aurifer, файл template.css (строка 86)
добавьте для #page свойство

Code:

overflow: hidden;

Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.

aurifer
Автор темы
Не в сети
Давно я тут

Больше

12 года 11 мес. назад - 12 года 11 мес. назад #3578 от aurifer

aurifer ответил в теме Re: В шапке сайта два изображение, одно как рамка для другого.

Wedal пишет: aurifer, файл template.css (строка 86)
добавьте для #page свойство

Code:

overflow: hidden;

Да, спасибо помогло. Хозяйка шаблона тоже самое посоветовала вчера. А подскажите, что даёт это свойство? Не совсем понимаю. Вчера добавил в шаблон ещё один блок и он тоже не сработал, пока не добавил свойство overflow: hidden. И самое главное: почему при предварительном просмотре в менеджере шаблонов ВСЁ ОТОБРАЖАЕТСЯ ПРАВИЛЬНО?!

Последнее редактирование: 12 года 11 мес. назад пользователем aurifer.

Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.