Перейти к содержимому


Главная,тема "сияние"


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 10

#1 Konstantin199

Konstantin199

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
  • ГородДзержинск

Отправлено 14 Июль 2013 - 14:55

можно ли на главной странице в теме "сияние" вставить в областях 1 и 2 анимацию?

Прикрепленные изображения

  • SANDS OF THE COLISEUM.png


#2 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 14 Июль 2013 - 15:06

Просмотр сообщенияKonstantin199 (14 Июль 2013 - 14:55) писал:

можно ли на главной странице в теме "сияние" вставить в областях 1 и 2 анимацию?

Найдите в шаблоне HTML код:
<div class="container" id="cpages">
	  <div class="content_page">
и замените на:
<div class="container" id="cpages"><div style="
	left: -160px;
	position: absolute;
	width: 160px;
	height: 160px;
">слева блок</div>
<div style="
	right: -160px;
	position: absolute;
width: 160px;
	height: 160px;
">справа блок</div>
	  <div class="content_page">

Стили можно отредактировать потом.

#3 Konstantin199

Konstantin199

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
  • ГородДзержинск

Отправлено 15 Июль 2013 - 14:14

Просмотр сообщенияmiyako (14 Июль 2013 - 15:06) писал:

Найдите в шаблоне HTML код:
<div class="container" id="cpages">
	 <div class="content_page">
и замените на:
<div class="container" id="cpages"><div style="
left: -160px;
position: absolute;
width: 160px;
height: 160px;
">слева блок</div>
<div style="
right: -160px;
position: absolute;
width: 160px;
height: 160px;
">справа блок</div>
	 <div class="content_page">

Стили можно отредактировать потом.
вместо "cpages" нужно списать название желаемого изображения?

#4 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 15 Июль 2013 - 15:20

Просмотр сообщенияKonstantin199 (15 Июль 2013 - 14:14) писал:

вместо "cpages" нужно списать название желаемого изображения?

Чтобы вставить изображения - Замените код:
<div class="container" id="cpages"><div style="
left: -160px;
position: absolute;
width: 160px;
height: 160px;
">слева блок</div>
<div style="
right: -160px;
position: absolute;
width: 160px;
height: 160px;
">справа блок</div>
		 <div class="content_page">
на:
<div class="container" id="cpages"><div style="
left: -160px;
position: absolute;
width: 160px;
height: 160px;
background:url('путь до изображения');
">слева блок</div>
<div style="
right: -160px;
position: absolute;
width: 160px;
height: 160px;
background:url('путь до изображения');
">справа блок</div>
		 <div class="content_page">


#5 Konstantin199

Konstantin199

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
  • ГородДзержинск

Отправлено 16 Июль 2013 - 16:03

Просмотр сообщенияmiyako (15 Июль 2013 - 15:20) писал:

Чтобы вставить изображения - Замените код:
<div class="container" id="cpages"><div style="
left: -160px;
position: absolute;
width: 160px;
height: 160px;
">слева блок</div>
<div style="
right: -160px;
position: absolute;
width: 160px;
height: 160px;
">справа блок</div>
		 <div class="content_page">
на:
<div class="container" id="cpages"><div style="
left: -160px;
position: absolute;
width: 160px;
height: 160px;
background:url('путь до изображения');
">слева блок</div>
<div style="
right: -160px;
position: absolute;
width: 160px;
height: 160px;
background:url('путь до изображения');
">справа блок</div>
		 <div class="content_page">
не понимаю я как это должно выглядеть, не могли бы вы написать код уже с ссылкой на файл? http://files.storela...22/preview2.gif

#6 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 16 Июль 2013 - 17:37

Вот пример кода.
<div class="container" id="cpages"><div style="
left: -160px;
position: absolute;
width: 160px;
height: 160px;
background:url('http://files.storeland.net/f673/022/preview2.gif');
">слева блок</div>
<div style="
right: -160px;
position: absolute;
width: 160px;
height: 160px;
background:url('http://files.storeland.net/f673/022/preview2.gif');
">справа блок</div>
				 <div class="content_page">


#7 Konstantin199

Konstantin199

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
  • ГородДзержинск

Отправлено 16 Июль 2013 - 18:12

Просмотр сообщенияKoderhan (16 Июль 2013 - 17:37) писал:

Вот пример кода.
<div class="container" id="cpages"><div style="
left: -160px;
position: absolute;
width: 160px;
height: 160px;
background:url('http://files.storeland.net/f673/022/preview2.gif');
">слева блок</div>
<div style="
right: -160px;
position: absolute;
width: 160px;
height: 160px;
background:url('http://files.storeland.net/f673/022/preview2.gif');
">справа блок</div>
				 <div class="content_page">
спасибо

#8 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 16 Июль 2013 - 18:32

Пока Вы его не установили на сайт, хочу Вас предупредить о том, что  этот файл очень много весит и поэтому он будет очень сильно тормозить загрузку Вашего сайта.

#9 Konstantin199

Konstantin199

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
  • ГородДзержинск

Отправлено 16 Июль 2013 - 22:30

Просмотр сообщенияStasya (16 Июль 2013 - 18:32) писал:

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

#10 RuslanJ

RuslanJ

    Пользователь

  • Пользователи
  • PipPip
  • 10 сообщений
  • ГородМосква

Отправлено 18 Июль 2013 - 21:37

А можно сделать так чтобы эти два изображения при скролинге оставались на своих местах?

#11 sengun

sengun

    Активный участник

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 18 Июль 2013 - 22:28

Просмотр сообщенияRuslanJ (18 Июль 2013 - 21:37) писал:

А можно сделать так чтобы эти два изображения при скролинге оставались на своих местах?
В этом случае вставляемый код должен быть такого вида
<div class="container" id="cpages"><div style="
margin-left: -160px;
position: fixed;
width: 160px;
height: 160px;
background:url('http://files.storeland.net/f673/022/preview2.gif');
">слева блок</div>
<div style="
margin-left: 960px;
position: fixed;
width: 160px;
height: 160px;
background:url('http://files.storeland.net/f673/022/preview2.gif');
">справа блок</div>
								 <div class="content_page">





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных