X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Подскажите как это сделано., Рип страницы сайта.
Nastj
Nastj
Topic Starter сообщение 20.10.2015, 6:05; Ответить: Nastj
Сообщение #1


Участник
***

Группа: User
Сообщений: 181
Регистрация: 6.6.2012
Поблагодарили: 17 раз
Репутация:   3  


Здравствуйте , подскажите как реализовать вот такое на html ?

http://bitcoin115.com

Т.е. задача простая вроде , но что то туплю :

Фон и по нему двигается страница , ну как на примере...

Спасибо..

0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
wturm
wturm
сообщение 20.10.2015, 6:12; Ответить: wturm
Сообщение #2


Бывалый
****


Группа: User
Сообщений: 280
Регистрация: 30.1.2011
Из: Крым
Поблагодарили: 67 раз
Репутация:   12  


Код
   background: #FFFFFF url('images/page.jpeg') no-repeat fixed;
   background: url('images/pageglare.png') top center no-repeat, linear-gradient(top, rgba(159, 159, 159, 0.15) 0, rgba(255, 255, 255, 0.45) 500px) no-repeat, url('images/page.jpeg') no-repeat, linear-gradient(top, #BFBFBF 0, #FFFFFF 500px) no-repeat;
   background: url('images/pageglare.png') top center no-repeat, -webkit-linear-gradient(top, rgba(159, 159, 159, 0.15) 0, rgba(255, 255, 255, 0.45) 500px) no-repeat, url('images/page.jpeg') no-repeat, -webkit-linear-gradient(top, #BFBFBF 0, #FFFFFF 500px) no-repeat;
   background: url('images/pageglare.png') top center no-repeat, -moz-linear-gradient(top, rgba(159, 159, 159, 0.15) 0, rgba(255, 255, 255, 0.45) 500px) no-repeat, url('images/page.jpeg') no-repeat, -moz-linear-gradient(top, #BFBFBF 0, #FFFFFF 500px) no-repeat;
   background: url('images/pageglare.png') top center no-repeat, -o-linear-gradient(top, rgba(159, 159, 159, 0.15) 0, rgba(255, 255, 255, 0.45) 500px) no-repeat, url('images/page.jpeg') no-repeat, -o-linear-gradient(top, #BFBFBF 0, #FFFFFF 500px) no-repeat;
   background: url('images/pageglare.png') top center no-repeat, -ms-linear-gradient(top, rgba(159, 159, 159, 0.15) 0, rgba(255, 255, 255, 0.45) 500px) no-repeat, url('images/page.jpeg') no-repeat, -ms-linear-gradient(top, #BFBFBF 0, #FFFFFF 500px) no-repeat;
   background: url('images/pageglare.png') top center no-repeat, linear-gradient(top, rgba(159, 159, 159, 0.15) 0, rgba(255, 255, 255, 0.45) 500px) no-repeat, url('images/page.jpeg') no-repeat, linear-gradient(top, #BFBFBF 0, #FFFFFF 500px) no-repeat;
   -svg-background: url('images/pageglare.png') top center no-repeat, linear-gradient(top, rgba(159, 159, 159, 0.15) 0, rgba(255, 255, 255, 0.45) 500px) no-repeat, url('images/page.jpeg') no-repeat, linear-gradient(top, #BFBFBF 0, #FFFFFF 500px) no-repeat;
   background-attachment: fixed, fixed, fixed, fixed !important;


тут ответ, ищите строку с нужной картинкой
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nastj
Nastj
Topic Starter сообщение 20.10.2015, 6:30; Ответить: Nastj
Сообщение #3


Участник
***

Группа: User
Сообщений: 181
Регистрация: 6.6.2012
Поблагодарили: 17 раз
Репутация:   3  


wturm, Ну чтобы искать нужно наверное знать значение этих строк и что куда , код я пробовала переносить в страницу индекс не получилось .

А так шаблончик понравился хотелось бы его иметь в комплекте.

Если сможете напишите код страницы ,

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

Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
beynik
beynik
сообщение 20.10.2015, 8:20; Ответить: beynik
Сообщение #4


Участник
***

Группа: User
Сообщений: 216
Регистрация: 5.2.2010
Из: Мордовия
Поблагодарили: 54 раза
Репутация:   1  


Nastj, просто сделай клон этого сайта, потом внеси правки в код.
Всё.
Могу помочь, если затруднительно, стукни в личку.


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nastj
Nastj
Topic Starter сообщение 20.10.2015, 8:34; Ответить: Nastj
Сообщение #5


Участник
***

Группа: User
Сообщений: 181
Регистрация: 6.6.2012
Поблагодарили: 17 раз
Репутация:   3  


beynik, я пробовала , тупо исходный код из браузера вставляю в новую страницу и все работает , но тянет то он все с его сайта , а начинаю чистить все рушится и не могу понять , задача то просто оставить чистый шаблон , а наполнение убрать...

Стучусь в аську ответьте........

Сообщение отредактировал Nastj - 20.10.2015, 8:35
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SeoKot
SeoKot
сообщение 20.10.2015, 9:02; Ответить: SeoKot
Сообщение #6


Старожил
******

Группа: Active User
Сообщений: 1738
Регистрация: 25.9.2012
Из: Украины
Поблагодарили: 842 раза
Репутация:   102  


Это шаблон ВП, сделан - Created by Artisteer v4.1.0.59861
Картинка задается в стилях -
Прикрепленное изображение
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nastj
Nastj
Topic Starter сообщение 20.10.2015, 9:35; Ответить: Nastj
Сообщение #7


Участник
***

Группа: User
Сообщений: 181
Регистрация: 6.6.2012
Поблагодарили: 17 раз
Репутация:   3  


beynik, спасибо , полностью скопировали с вордпресса на html . Теперь уже можно над ним работать , главное идею сохранить ....
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
santis
santis
сообщение 20.10.2015, 10:37; Ответить: santis
Сообщение #8


Топовый постер
*******


Группа: Active User
Сообщений: 3487
Регистрация: 29.11.2010
Из: Краснодар
Поблагодарили: 1510 раз
Репутация:   164  


что бы картинка фоновая не двигалась, нужно установить background-position:fixed;


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alexandr_js
Alexandr_js
сообщение 20.10.2015, 15:36; Ответить: Alexandr_js
Сообщение #9


Участник
***

Группа: User
Сообщений: 237
Регистрация: 21.7.2015
Поблагодарили: 43 раза
Репутация:   8  


Цитата(Nastj @ 20.10.2015, 9:35) *
главное идею сохранить

а какая тут идея?
п.с. по мне так тут полный треш

Сообщение отредактировал Alexandr_js - 20.10.2015, 15:36


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
santis
santis
сообщение 20.10.2015, 15:39; Ответить: santis
Сообщение #10


Топовый постер
*******


Группа: Active User
Сообщений: 3487
Регистрация: 29.11.2010
Из: Краснодар
Поблагодарили: 1510 раз
Репутация:   164  


Alexandr_js, Идея хаоса, безвыходной ситуации и полной стагнации в плане совершенствования дизайна до новых высот. Сохранение первобытности, да-бы показать неопытность, первозданность дизайна, и лишь небольшие попытки стать лучше, которые полностью растворяются во мраке неуклюжих штрихов.

Сообщение отредактировал santis - 20.10.2015, 15:42


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) как правильно написать альт и тайтл для изображений
0 galaker 39 Сегодня, 22:50
автор: galaker
Открытая тема (нет новых ответов) Подскажите по где купить дёшево домены com info biz net
6 docdie 962 Сегодня, 18:29
автор: docdie
Открытая тема (нет новых ответов) Как установить источник заражения сайтов?
7 kelevra 579 Сегодня, 16:40
автор: phoenix_kys
Открытая тема (нет новых ответов) Как действительно успешно внедрять привычки. И менять жизнь
seoandme.ru - SEO-блог Анны Ященко
13 AnnaYa 1237 Сегодня, 16:23
автор: Zoya83
Открытая тема (нет новых ответов) Facebook палит прокси. Кто как решает эту проблему?
26 Twickbot 3411 Сегодня, 15:02
автор: Mikki


 



RSS Текстовая версия Сейчас: 13.12.2017, 22:57
Дизайн