Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 07.02.2013, 18:15
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

<html>
<head>
<title>Тест таблицы</title>



<STYLE>
#img_prehome1{ 
         background: url(http://www.sokzvezda.ru/index/img_prehome1.jpg) no-repeat center; 
} 
#img_prehome2{ 
         background: url(http://www.sokzvezda.ru/index/img_prehome2.jpg) no-repeat center; 
} 
#prehome {
  position:relative;
  width:940px;
  opacity:0.6;
  margin: 0 auto;
}
</STYLE>




</head>


<body leftmargin=0 topmargin=0 rightmargin=0 bottommargin=0 marginwidth=0 marginheight=0 bgcolor="#efefef" link="#000066" alink="#990000" vlink="#993399">

<div id="prehome">
<script language="Javascript">
<!-- BEGIN
  var images = 2;
  var whichImage = Math.round(Math.random()*(images-1))+1;

  document.write('<img src="http://designforum.bestff.ru/i/blank.gif" width="100%" height="100%" style="position:absolute;z-index:-1" id="img_prehome'+whichImage+'">');
  // END-->
</script>

<table  align="center" width="100%"  height=244  border="1" cellpadding="0" cellspacing="0">

<tr>
<td>

таблица<br>
таблица<br>
таблица<br>
таблица<br>
таблица<br>
таблица<br>

</td></tr>
</table></div>


</body></html>

Последний раз редактировалось Deff, 07.02.2013 в 19:17.
Ответить с цитированием
  #12 (permalink)  
Старый 07.02.2013, 18:18
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

pumba177,
а в таблице будет контент страницы?
Ответить с цитированием
  #13 (permalink)  
Старый 07.02.2013, 18:26
Интересующийся
Отправить личное сообщение для pumba177 Посмотреть профиль Найти все сообщения от pumba177
 
Регистрация: 06.02.2013
Сообщений: 11

Спасибо огромное!
Ответить с цитированием
  #14 (permalink)  
Старый 07.02.2013, 18:28
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

pumba177,
Чуть поправил
Ответить с цитированием
  #15 (permalink)  
Старый 07.02.2013, 18:28
Интересующийся
Отправить личное сообщение для pumba177 Посмотреть профиль Найти все сообщения от pumba177
 
Регистрация: 06.02.2013
Сообщений: 11

Сообщение от dmitriymar Посмотреть сообщение
pumba177,
а в таблице будет контент страницы?
Нет, это шапка сайта.
Ответить с цитированием
  #16 (permalink)  
Старый 07.02.2013, 18:39
Интересующийся
Отправить личное сообщение для pumba177 Посмотреть профиль Найти все сообщения от pumba177
 
Регистрация: 06.02.2013
Сообщений: 11

Сообщение от Deff Посмотреть сообщение
pumba177,
Чуть поправил
В IE 7 не кажет фон совсем, а в Файрфоксе новом перекосило: http://s1.ipicture.ru/uploads/20130207/mW25osUp.jpg
Ответить с цитированием
  #17 (permalink)  
Старый 07.02.2013, 18:41
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от pumba177
Нет, это шапка сайта.
Тогда такой вариант - не подойдёт... сейчас подредактирую
Ответить с цитированием
  #18 (permalink)  
Старый 07.02.2013, 19:09
Интересующийся
Отправить личное сообщение для pumba177 Посмотреть профиль Найти все сообщения от pumba177
 
Регистрация: 06.02.2013
Сообщений: 11

Deff, а при таком решении все варианты картинок фона сразу не подгружаются, а грузится лишь одна случайным образом в момент открытия страницы? Ну т.е. можно их туда и десяток напихать?
Ответить с цитированием
  #19 (permalink)  
Старый 07.02.2013, 19:32
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

<html>
<head>
<title>Тест таблицы</title>



<STYLE>
#img_prehome1{ 
         background: url(http://s3.uploads.ru/EdxaK.jpg) no-repeat center; 
} 
#img_prehome2{ 
         background: url(http://s2.uploads.ru/gFMLP.jpg) no-repeat center; 
} 
#prehome {
  position:relative;
  width:940px;
  opacity:0.6;
  margin: 0 auto;
}
div.img_prehome{
  position:absolute;
  z-index:-1;
  width:940px;
  height:244px;  
}
</STYLE>




</head>


<body leftmargin=0 topmargin=0 rightmargin=0 bottommargin=0 marginwidth=0 marginheight=0 bgcolor="#efefef" link="#000066" alink="#990000" vlink="#993399">

<div ><div id="prehome">
<script language="Javascript">
<!-- BEGIN
  var images = 2;
  var whichImage = Math.round(Math.random()*(images-1))+1;

  document.write('<div class="img_prehome" id="img_prehome'+whichImage+'"></div>');
  // END-->
</script>

<table  align="center" width="100%"  height=244  border="1" cellpadding="0" cellspacing="0">

<tr>
<td>

таблица<br>
таблица<br>
таблица<br>
таблица<br>
таблица<br>
таблица<br>

</td></tr>
</table></div></div>


</body>
</html>

Яркость регулируете этой цифрой opacity:0.6;
В принципе можно и сотыми 0.66 0.99

Последний раз редактировалось Deff, 07.02.2013 в 20:50.
Ответить с цитированием
  #20 (permalink)  
Старый 07.02.2013, 19:57
Интересующийся
Отправить личное сообщение для pumba177 Посмотреть профиль Найти все сообщения от pumba177
 
Регистрация: 06.02.2013
Сообщений: 11

Спасибо!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как изменить цвет текста в таблице при наведении на нее? Amateur jQuery 3 01.09.2012 06:19
Изменение цвета ячейки в таблице, при наведении на строку другой таблицы Psychosonic Общие вопросы Javascript 12 24.11.2010 16:44
Алгоритм плавной смены фона или изображения vandy3 Общие вопросы Javascript 6 11.11.2010 00:56
случайная смена фона сайта на jquery Netherlandman jQuery 8 25.08.2010 03:11
поменять цвет у нескольких строк в таблице Root Элементы интерфейса 4 21.04.2008 10:30