|
|
|
| ребята вообщем у меня такой вопрос
как в CSS сделать так чтобі для каждого расширениия была своя картинка фона
учитывая хотябы ширину | |
|
|
|
|
|
|
|
для: milanello
(01.03.2010 в 22:24)
| | для каждого расширениия чего | |
|
|
|
|
|
|
|
для: AlexSol
(01.03.2010 в 23:10)
| | екрана пользователя который заходит
ато заходят с 1024 , 800, 1900 и т.д.
и сайт нетак смотрится | |
|
|
|
|
|
|
|
для: milanello
(02.03.2010 в 00:14)
| | разве некто не знает?
или с помощью пхп или как сделать | |
|
|
|
|
|
|
|
для: milanello
(02.03.2010 в 13:51)
| | http://www.alistapart.com/d/switchymclayout/transition_layout_news.html
описание http://www.alistapart.com/articles/switchymclayout | |
|
|
|
|
|
|
|
для: AlexSol
(02.03.2010 в 15:15)
| | я чет непонял что в етих ссылках | |
|
|
|
|
|
|
|
для: milanello
(02.03.2010 в 18:41)
| | в зависимости от ширины екрана js прописывает для тега body класс.
в css можете создать соответствующие правила
.width1024 [селектор до нужного элемента]{background: url(...)}
.width1280 [селектор до нужного элемента]{background: url(...)}
.... | |
|
|
|
|
|
|
|
для: AlexSol
(03.03.2010 в 07:01)
| | ну вот какраз мне ето и нужно
только я не доганяю что делать(
где взять етот js скрипт | |
|
|
|
|
|
|
|
для: milanello
(03.03.2010 в 12:00)
| | по первой ссылке смотрите исходный код | |
|
|
|
|
|
|
|
для: AlexSol
(03.03.2010 в 12:24)
| | вот исходный код страницы той
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>A List Apart: Switchy McLayout - News Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Showcasing the Switchy McLayout technique" />
<meta name="robots" content="index, follow" />
<script src="behaviors_news.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" media="screen" href="presentation_news.css" />
</head>
<body class="initial">
<div id="count"></div>
<!-- Begin of article markup -->
<div class="article">
<h2>Adaptive Layout</h2>
<dl class="classify">
<dt class="date">Date:</dt>
<dd class="date">12 May 2006</dd>
<dt>Category:</dt>
<dd>CSS techniques</dd>
</dl>
<div class="imagewrapper"><img src="mountains_very_wide_hq.jpg" alt="blue mountains" /></div>
<p class="intro">Intro: After liquid layout and
zoom layout, adaptive layout may be the next big thing</p>
<p class="summary">Summary: The base for this
layout form is class switching using JavaScript. A trigger
value like screen size is used to define different CSS
styles for certain screen objects so transitions between
different layouts can be made.</p>
<p class="fulltext a">Body a—Dolor sit esse,
at facilisis euismod wisi duis elit amet feugiat laoreet
luptatum lobortis tincidunt. Minim eu minim quis feugait
et eros, feugait in dolor aliquam aliquam duis ex.
Suscipit consequat facilisis, nostrud, tation consequat,
iriure, eu et. molestie in wisi wisi aliquip te feugiat
vel, et qui nisl, vel in at qui eros lobortis. Eum minim
eros consequat ut commodo dolor ad luptatum augue enim
esse, autem tation. Volutpat aliquip lobortis et iusto
facilisi minim vel adipiscing nostrud consequat, feugait</p>
<p class="fulltext b">Body b—quis euismod
dolor nisl quis consequat ex. Nostrud hendrerit ad et dolor
nonummy, ullamcorper eu lorem ullamcorper laoreet. Augue
augue ullamcorper facilisi te velit esse nostrud dignissim,
consectetuer esse luptatum at vel praesent erat. Veniam
feugait praesent sit. Ut vel illum. Exerci luptatum diam
illum, duis ut, dolor, duis facilisis hendrerit aliquip
exerci autem commodo praesent vulputate veniam odio,
hendrerit. Commodo blandit nulla duis lobortis magna,
velit lobortis.</p>
<h3>related</h3>
<ul class="related">
<li><a href="#" title="to related article 1">Related stuff 1</a></li>
<li><a href="#" title="to related article 2">Related stuff 2</a></li>
<li><a href="#" title="to related article 3">Related stuff 3</a></li>
<li><a href="#" title="to related article 4">Related stuff 4</a></li>
</ul>
<a href="#" title="read more about..." class="more"><span class="short">read</span> more ></a>
</div>
<!-- End of article markup -->
</body>
</html>
|
| |
|
|
|
|
|
|
|
для: milanello
(03.03.2010 в 15:31)
| | ребят разве некто незнает как сделать резиновый фон? | |
|
|
|
|
|
|
|
для: milanello
(06.03.2010 в 23:36)
| | не разобрались за неделю?
там всего два файла.
подключайте себе и пользуйтесь
<script src="behaviors_news.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" media="screen" href="presentation_news.css" />
|
| |
|
|
|
|
|
|
|
для: AlexSol
(07.03.2010 в 08:01)
| | а как теперь указать чтобы на определенные расширения екрана выводилась определенная картинка? | |
|
|
|