Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: фон под расширение
 
 автор: milanello   (01.03.2010 в 22:24)   письмо автору
 
 

ребята вообщем у меня такой вопрос
как в CSS сделать так чтобі для каждого расширениия была своя картинка фона
учитывая хотябы ширину

  Ответить  
 
 автор: AlexSol   (01.03.2010 в 23:10)   письмо автору
 
   для: milanello   (01.03.2010 в 22:24)
 

для каждого расширениия чего

  Ответить  
 
 автор: milanello   (02.03.2010 в 00:14)   письмо автору
 
   для: AlexSol   (01.03.2010 в 23:10)
 

екрана пользователя который заходит
ато заходят с 1024 , 800, 1900 и т.д.
и сайт нетак смотрится

  Ответить  
 
 автор: milanello   (02.03.2010 в 13:51)   письмо автору
 
   для: milanello   (02.03.2010 в 00:14)
 

разве некто не знает?
или с помощью пхп или как сделать

  Ответить  
 
 автор: AlexSol   (02.03.2010 в 15:15)   письмо автору
 
   для: milanello   (02.03.2010 в 13:51)
 

http://www.alistapart.com/d/switchymclayout/transition_layout_news.html
описание http://www.alistapart.com/articles/switchymclayout

  Ответить  
 
 автор: milanello   (02.03.2010 в 18:41)   письмо автору
 
   для: AlexSol   (02.03.2010 в 15:15)
 

я чет непонял что в етих ссылках

  Ответить  
 
 автор: AlexSol   (03.03.2010 в 07:01)   письмо автору
 
   для: milanello   (02.03.2010 в 18:41)
 

в зависимости от ширины екрана js прописывает для тега body класс.

в css можете создать соответствующие правила

.width1024 [селектор до нужного элемента]{background: url(...)}
.width1280 [селектор до нужного элемента]{background: url(...)}
....

  Ответить  
 
 автор: milanello   (03.03.2010 в 12:00)   письмо автору
 
   для: AlexSol   (03.03.2010 в 07:01)
 

ну вот какраз мне ето и нужно
только я не доганяю что делать(
где взять етот js скрипт

  Ответить  
 
 автор: AlexSol   (03.03.2010 в 12:24)   письмо автору
 
   для: milanello   (03.03.2010 в 12:00)
 

по первой ссылке смотрите исходный код

  Ответить  
 
 автор: milanello   (03.03.2010 в 15:31)   письмо автору
 
   для: 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&#8212;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&#8212;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&nbsp;&gt;</a>
</div>
<!-- End of article markup -->
        
</body>
</html>

  Ответить  
 
 автор: milanello   (06.03.2010 в 23:36)   письмо автору
 
   для: milanello   (03.03.2010 в 15:31)
 

ребят разве некто незнает как сделать резиновый фон?

  Ответить  
 
 автор: AlexSol   (07.03.2010 в 08:01)   письмо автору
 
   для: 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" /> 

  Ответить  
 
 автор: milanello   (09.03.2010 в 16:06)   письмо автору
 
   для: AlexSol   (07.03.2010 в 08:01)
 

а как теперь указать чтобы на определенные расширения екрана выводилась определенная картинка?

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования