Ищу скрипт, подставляющий разные файлы CSS

ert55 · November 18, 2008

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

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

Может моя тема и боян, но я погуглив, так и не смог найти работоспособный скрипт.

Если не трудно выложите работоспособный скрипт или ссылочку дайте где можно взять.

Заранее спасибо за помощь.

rome.ro · November 19, 2008

Самому написать, вприцнипе, не сложно:

Это код твоей html-страницы:

<html>
 <head>
	<script type="text/javascript">
	if (screen.width==800)
	   {
		 document.write('<link href="800x600.css"rel="stylesheet"');
		}
	else if (screen.width==1024)
	   {
		 document.write('<link href="1024x768.css"rel="stylesheet"');
		}
	</script>
 </head>
<body>
 <p>пыщ-пыщ-пыщ</p>
</body>
</html>

Что-то вроде этого. Скрипт не ахти, но при желании можно усовершенствовать - и будет нурмаль. А вообще - пиши "резиновые" сайты.

l-999 · August 5, 2012

Самому написать, вприцнипе, не сложно:
Это код твоей html-страницы:
<html>
 <head>
	<script type="text/javascript">
	if (screen.width==800)
	   {
		 document.write('<link href="800x600.css"rel="stylesheet"');
		}
	else if (screen.width==1024)
	   {
		 document.write('<link href="1024x768.css"rel="stylesheet"');
		}
	</script>
 </head>
<body>
 <p>пыщ-пыщ-пыщ</p>
</body>
</html>
Что-то вроде этого. Скрипт не ахти, но при желании можно усовершенствовать - и будет нурмаль. А вообще - пиши "резиновые" сайты.

Извините, а если этот скрипт положить в отдельный файл, чтобы не раздувать объем head? И второй вопрос: если поместить все три css в head без скрипта, они работать не будут?

wwt · August 10, 2012

Извините, а если этот скрипт положить в отдельный файл, чтобы не раздувать объем head? И второй вопрос: если поместить все три css в head без скрипта, они работать не будут?

Можно приинклюдить отдельным файлом. Если 3 css файла прицепить одновременно то работать будут все 3 одновременно по принципам CSS.

Как вариант можно сделать 1 файл классов но разные классы родителя, с помощью JS смотреть разрешение экрана и применять разные стили к примеру:

js (вставляем в head, можно отдельным файлом прицепить)



<script>
//вставляем в тег body соответствующий класс
(function(){
   document.body.className += "css" + screen.width;
})()
</script>

css и теперь везде добавляем по типу:


<style>
.css800 div {...}
.css800 .myclass {...}
.css800 #myid {...}
.css800 p.myclass span li {...}

.css1024 div {...}
.css1024 .myclass {...}
.css1024 #myid {...}
.css1024 p.myclass span li {...}

.css1280 div {...}
.css1280 .myclass {...}
.css1280 #myid {...}
.css1280 p.myclass span li {...}
</style>

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

PSPS Делай резиновый дизайн и будет тебе счастье.

Edited August 10, 2012 by wwt

Sign In

Ищу скрипт, подставляющий разные файлы CSS

Question

ert55

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

rome.ro

Link to comment

Share on other sites

l-999

Link to comment

Share on other sites

wwt

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information