Как подключать разные CSS через определение разрешения экрана?

sezon

Захожу иногда
54
0 / 0

Как подключать разные CSS через определение разрешения экрана?

« : 24.02.2010, 12:25:00 »

Подскажите.
Сделал два шаблона под разрешение экрана по горизонтали в 1024 и 1280 пикселей.
Как объединить эти шаблоны через CSS?
Структура сайта не позволяет делать резиновую страницу.

Записан

SmokerMan

Гуру
5290
720 / 26

Re: Как подключать разные CSS через определение разрешения экрана?

« Ответ #1 : 24.02.2010, 16:06:41 »

Только через JS. Googleяв помощь.
На PHP такое сделать не получится.

Записан

sezon

Захожу иногда
54
0 / 0

Re: Как подключать разные CSS через определение разрешения экрана?

« Ответ #2 : 25.02.2010, 00:14:24 »

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

Код для разрешения 1280:

Код

<jdoc:include type="head" />
  <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/system.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/general.css" type="text/css" />

  <link rel="stylesheet" type="text/css" href="<?php echo $templateUrl; ?>/css/template.css" />
  <!--[if IE 6]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie6.css" type="text/css" media="screen" /><![endif]-->
  <!--[if IE 7]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie7.css" type="text/css" media="screen" /><![endif]-->
  <script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script>
 </head>

Код для разрешения 1024:

Код

<jdoc:include type="head" />
  <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/system.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/general.css" type="text/css" />

  <link rel="stylesheet" type="text/css" href="<?php echo $templateUrl; ?>/css/template1024.css" />
  <!--[if IE 6]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template1024.ie6.css" type="text/css" media="screen" /><![endif]-->
  <!--[if IE 7]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template1024.ie7.css" type="text/css" media="screen" /><![endif]-->
  <script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script>
 </head>

Как эти два кода соодинить?

Пытался так:

Код

<script>
if (screen.width==1280)
{
document.write('<вставить строки для 1280>');
}
else if (screen.width==1024) 
{
document.write('<вставить строки для 1024>');
}
</script>

Но он не работает. Проверял методом изменения разрешения монитора и перезапуском сайта. Сами разрешения определяет правильно.
Подскажите, может я неправильно делаю?

Записан

Не отображаются keywords и description, прописанные через админку Автор Apple_pie	Ответов: 5 Просмотров: 3668	13.07.2016, 08:19:45 от Наталюся
Авторизация через Loginza - где взять Widget ID Автор Escander	Ответов: 1 Просмотров: 3424	19.11.2015, 15:33:48 от FinGuru
Как правильно внедрить подгрузку скрипта через include? Автор Zegeberg	Ответов: 5 Просмотров: 1803	25.07.2015, 13:45:57 от Zegeberg
Вывод модуля через пустой div с использованием jquery Автор Sergey1984	Ответов: 12 Просмотров: 5638	13.05.2014, 16:44:18 от sabnok
ТРИ разные страницы ведут в одно и тоде место! как это править? Автор deranm	Ответов: 2 Просмотров: 1355	05.08.2013, 09:37:48 от mohax

Как подключать разные CSS через определение разрешения экрана? - Joomla 1.5: Настройка и оптимизация

Новости Joomla

👩‍💻 События плагинов и порядок их срабатывания при работе с пользовательскими полями Joomla и использовании FieldsHelper.

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

sezon

Как подключать разные CSS через определение разрешения экрана?

SmokerMan

Re: Как подключать разные CSS через определение разрешения экрана?

sezon

Re: Как подключать разные CSS через определение разрешения экрана?

Похожие темы