картинки-ссылки в хэдэре. - Вопросы по CSS - Форум русской поддержки Joomla!

Новости Joomla

Новогодние скидки от Nevigen.com

Новогодние скидки от Nevigen.com

Рады сообщить о специальном предложении от Nevigen, разработчика расширений для JoomShopping. С 29 декабря 2025 года по 7 января 2026 года будет действовать скидка 26% на все заказы от $50. Предложение распространяется на весь ассортимент продукции. Подробности и полный каталог расширений доступны по ссылке: https://nevigen.com/ru #joomshopping

Astroid обновился до версии 3.3.7!

Astroid обновился до версии 3.3.7!

Astroid — это мощный фреймворк для дизайнеров и разработчиков, позволяющий создавать адаптивные, быстрые и надежные веб-сайты и шаблоны на базе Joomla.

Главное в новой версии:

- Исправлена загрузка файлов макетов

В предыдущем крупном релизе Astroid 3.3.6 были сделаны важные улучшения:

Основные моменты:

Улучшенный UI/UX в ключевых областях конфигурации
Повышенная стабильность и согласованность в Layout Builder и Form Builder
Исправления ошибок на основе отзывов сообщества
Улучшенная обработка визуальных эффектов, границ и шрифтов

Улучшения:

Обновленный UX Layout Builder
Улучшенный эффект предзагрузчика
Улучшенный стиль границ
Улучшенный UI/UX вкладки «Layout» в Template Options

Исправления ошибок:

Решены проблемы с некорректными динамическими значениями
Исправлен Color Transform при прокрутке
Устранены проблемы с работой Form Builder в Article Layout и Module Layout Builder
Исправлена проблема с созданием ненужных временных файлов при обработке шрифтов

Скачать: https://github.com/templaza/astroid-framework/releases/tag/v3.3.7

Как тестировать Joomla PHP-разработчику? Компонент Patch tester.

👩‍💻 Как тестировать Joomla PHP-разработчику? Компонент Patch tester.Joomla - open source PHP-фреймворк с готовой админкой. Его основная разработка ведётся на GitHub. Для того, чтобы международному сообществу разработчиков было удобнее тестировать Pull Requests был создан компонент Patch Tester, который позволяет "накатить" на текущую установку Joomla именно те изменения, которые необходимо протестировать. На стороне инфраструктуры Joomla для каждого PR собираются готовые пакеты, в которых находится ядро + предложенные изменения. В каждом PR обычно находятся инструкции по тестированию: куда зайти, что нажать, ожидаемый результат. Тестировщики могут предположить дополнительные сценарии, исходя из своего опыта и найти баги, о которых сообщить разработчику. Или не найти, и тогда улучшение или исправление ошибки быстрее войдёт в ядро Joomla. Напомню, что для того, чтобы PR вошёл в ядро Joomla нужны минимум 2 положительных теста от 2 участников сообщества, кроме автора. Видео на YouTube Видео на VK Видео Видео на RuTubeКомпонент на GitHub https://github.com/joomla-extensions/patchtester @joomlafeed#joomla #php #webdev #community

1 Вниз

0 Пользователей и 1 Гость просматривают эту тему.

1 Ответов
1364 Просмотров

velesov

Осваиваюсь на форуме
32
0 / 0

картинки-ссылки в хэдэре.

« : 01.11.2011, 22:36:47 »

в хэдэре нужно разместить две картинки, и зафиксировать так, чтобы при изменении разрешения экрана они не съезжали.
картинки прописаны div-ами, #div0 - хэдер
должно быть так:

пробовал float, но оказалось невозможно т.к. нужен отступ справа.

Помогите, пожалуйста, разобраться.

Записан

velesov

Осваиваюсь на форуме
32
0 / 0

Re: картинки-ссылки в хэдэре.

« Ответ #1 : 06.11.2011, 17:49:15 »

Код

#top
{
	margin: 0 auto;
	position: fixed;
	width: 1008px;
	height: 150px;
	top: 0;
}

#div0
{
	z-index: 99999;
	margin: 0 auto;	
	background-image: url('../images/header.png');
	background-repeat: no-repeat;
	height: 136px;
	width: 1008px;
}

#div2
{
position: absolute;
right:28px;
top:50%;
margin-top:-26px;
z-index: 2;
background-image: url(../images/mail.png);
}

#div1
{
position: absolute;
right:28px;
top:50%;
margin-top:-56px;
z-index: 3;
background-image: url(../images/blog.png);
}

разобрался так.

Записан

1 Вверх

Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться

Похожие темы

Ссылки в меню в мобильной версии Автор Андрей Нестеров	Ответов: 1 Просмотров: 2108	11.12.2019, 10:47:20 от sivers
Код в теге ссылки для изменение background-image с помощью onmouseover Автор Bozhkov2	Ответов: 5 Просмотров: 1615	19.12.2018, 16:56:48 от Bozhkov2
Сделать эффект CSS у кнопок как у ссылки Автор wishlight	Ответов: 1 Просмотров: 1508	15.07.2018, 23:36:56 от AdWeb
Увиличение картинки при наведении Автор vova630	Ответов: 0 Просмотров: 1162	25.03.2018, 02:45:33 от vova630
Стиль для всплывающего названия картинки- как? Автор epson950	Ответов: 3 Просмотров: 1617	03.11.2016, 01:04:05 от AlekVolsk