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



 

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

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


Участник
***

Группа: User
Сообщений: 189
Регистрация: 6.6.2012
Из: Тайга
Поблагодарили: 20 раз
Репутация:   4  


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

http://bitcoin115.com

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

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

Спасибо..

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


Бывалый
****


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


Код
   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
Сообщений: 189
Регистрация: 6.6.2012
Из: Тайга
Поблагодарили: 20 раз
Репутация:   4  


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
Сообщений: 189
Регистрация: 6.6.2012
Из: Тайга
Поблагодарили: 20 раз
Репутация:   4  


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

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

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


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

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


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


Участник
***

Группа: User
Сообщений: 189
Регистрация: 6.6.2012
Из: Тайга
Поблагодарили: 20 раз
Репутация:   4  


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


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


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


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


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


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


Участник
***

Группа: User
Сообщений: 241
Регистрация: 21.7.2015
Поблагодарили: 44 раза
Репутация:   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
Сообщений: 3571
Регистрация: 29.11.2010
Из: Краснодар
Поблагодарили: 1564 раза
Репутация:   169  


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

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


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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Как заставить Google любить тебя?
Хочу роста трафа из Гугла : ))
100 Aslan88 24527 Сегодня, 2:38
автор: EconDude
Горячая тема (нет новых ответов) Как заработать новичку?
141 Emeralda 25582 Вчера, 12:43
автор: Emtec
Открытая тема (нет новых ответов) Как организовать индексацию защищенных pdf с ключами и ссылками
И разместить pdf на внешних жирных ресурсах
0 kirch 418 20.5.2018, 23:37
автор: kirch
Открытая тема (нет новых ответов) [Книга] Налог на глупость: Как я заработал в интернете 5,5 млн рублей.
7 kotovsky 2127 20.5.2018, 8:30
автор: kolor73
Открытая тема (нет новых ответов) Король социалок 7: Генератор видео и 5 способов как на нём заработать
0 Volgar 419 19.5.2018, 17:09
автор: Volgar


 



RSS Текстовая версия Сейчас: 22.5.2018, 6:48
Дизайн