Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Графика » Как вставить скрипт фонового эффекта воды на форум ???

Модерирует : Ausw

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

hd78



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Уважаемые вебмастера подскажите пожалуйста чайнику простыми словами.
Как вставить скрипт фонового эффекта воды указанный на этом сайте

 
Есть ли вообще возможность установления этого фона на форумах borda с доменом forum24.ru ???  
На форуме техподдержки указанного ресурса что то спрашивать к сожалению бесполезно.
Имеется сайт на ucoz.ru куда могу залить файлы. Насколько я понимаю на сайте нужно создать папку и закачать в неё файлы скачанные по указанной выше ссылке. Это я сделал а на то что указано далее по установке скрипта у меня не хватает тяму. Не пойму куда вставлять ссылку на forum24.ru на закачанные на ucoz.ru файлы или куда её добавить ? Может ссылку надо добавить url фонового рисунка в <body style="background:url(http://... ???
В пункте №2 по подключению скрипта насколько я понимаю нужно скопировать код:

Код:
link media="screen" href="css/water.css" type="text/css" rel="stylesheet" />

и вставить после тега <head>. Не пойму нужно ли в этот код добавлять ссылку на загруженные файлы ?
По пункту №3 вообще ничего не понял - скажите пожалуйста простыми словами как подключить этот javascript код ?  
Гуглил инет и ничего не понял а может не там копал.
 
Загруженные с указанного сайта файлы этого фона имеют следующие названия:
 
- bg2.jpg
- index.html
- Thumbs.db
- ._water
- water.css
- jquery.js
- jquery.ripples.js
 
Насколько я понимаю сюда вставляется ссылка на выделенный красным файл css/water.css.

Код:
<link media="screen" href="css/water.css" type="text/css" rel="stylesheet" />
 
 И в следующем коде понятно что нужно заменить на ссылку какого файла.

Код:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.ripples.js"></script>

А вот оставшиеся файлы не пойму - куда вставлять н них ссылки в скрипте ???
И нужно ли где то указывать адрес самой папки с этими файлами ?
 


 
HTML-верх форума выглядит следующим образом (код ниже). Подскажите пожалуйста как мне установить этот фон ???
 

Код:
<HEAD>
<TITLE></TITLE>
<STYLE type=text/css>
BODY
{margin:80px;margin-top:10px;margin-bottom:10px}
.font1{font-size:14px;font-family:Verdana}
.font2{font-size:13px;font-weight:400;font-family:Verdana}
.font3{font-size:24px;font-weight:400;font-family:'Lobster',cursive}
.font4{font-size:15px;font-family:Verdana}
.font5{font-size:15px;font-weight:400;color:#000;font-family:Verdana}
.font6{font-size:38px;font-weight:400;font-family:Lobster;color:#015E0F}
tr.font3{background-image:url(http://forum24.ru/gif/tmp/coffe3.gif)}
tr.font5{background-image:url(http://forum24.ru/gif/tmp/coffe3.gif);font-weight:700}
tr.font6{background-image:url(http://jpe.ru/gif/skin/fon31.gif)}
input,select,textarea{font-size:13px;font-family:Verdana}
textarea{width:100%}
input.sender{background-color:#B3B354;font-weight:700;border:1px outset #000}
a:link{color:#292800;text-decoration:none}
a:visited{color:#716E00;text-decoration:none}
a:active{color:#0701B5;text-decoration:none}
a:hover{color:#0701B5;text-decoration:underline}
</HEAD>
</STYLE>
<body style="background:url(http://фото.jpg) no-repeat fixed center top transparent;opacity:.93">
<table cellpadding="0"cellspacing="0"align="center"border="0"width="1400"/>

 

Всего записей: 116 | Зарегистр. 20-04-2014 | Отправлено: 13:05 10-09-2015 | Исправлено: hd78, 23:52 10-09-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
hd78
каким местом графика относится к вебмастерам?
 

Цитата:
А вот оставшиеся файлы не пойму - куда вставлять н них ссылки в скрипте ???  

из всех "оставшихся" вам нужен только bg2.jpg, который должен идти фоном  

Цитата:
background:url(http://фото.jpg)

 
 

Цитата:
скажите пожалуйста простыми словами как подключить этот javascript код ?  

явно же сказано

Цитата:
Вставить куда угодно (по феншую между <body> и </body>)

Всего записей: 15113 | Зарегистр. 20-09-2014 | Отправлено: 20:11 10-09-2015
hd78



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii

Цитата:
каким местом графика относится к вебмастерам?  

Как то примерно так:
 
   
 
Подскажите тогда в каком разделе форума спросить ? Напишу там вопрос со ссылкой на эту тему.
 

Цитата:
из всех "оставшихся" вам нужен только bg2.jpg, который должен идти фоном

Дак я вставил его сюда background:url(http://фото.jpg) - фон есть но он неподвижный.
Разве нужен только файл bg2.jpg ? А как же выделенное ниже ???

Код:
<link media="screen" href="css/water.css" type="text/css" rel="stylesheet" />
 
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.ripples.js"></script>

Насколько я понимаю туда должны вставляться ссылки с названиями которые выделены.
И такие названия файлов в скачанном архиве есть. Закачивал эти файлы на сайт, вставлял а толку ноль.
А насчёт фэншуя т.е. куда вставлять скрипт у меня вопросов нет.

Всего записей: 116 | Зарегистр. 20-04-2014 | Отправлено: 20:43 10-09-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
hd78

Цитата:
Подскажите тогда в каком разделе форума спросить ?

выше же есть - помощь вебмастеру )
 

Цитата:
фон есть но он неподвижный.  

значит проблема в чем то еще - нужно смотреть консоль ошибок браузера на наличие сообщений.
 

Цитата:
Разве нужен только файл bg2.jpg ? А как же выделенное ниже  

вы же сказали, что вставили и выделенное ниже? вставляется между тегами <head> и </head> путь лучше делать от корня сайта, то есть /путь_к_папке_с_файлом/jquery.js и остальное аналогично.
 
да, там еще требование есть )) используется HTML5 (канвас), так что у страницы должен быть правильный DOCTYPE, иначе не будет работать.
http://htmlbook.ru/html/!doctype

Всего записей: 15113 | Зарегистр. 20-09-2014 | Отправлено: 20:49 10-09-2015 | Исправлено: Mavrikii, 20:51 10-09-2015
hd78



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Всё так и сделал с файлами и в шапку html поставил <!DOCTYPE html>
С отладчиком в браузере у меня туговато - надо разбираться.
Нашёл ещё сайт с таким же фоновым эффектом и там в комментариях пишут что тоже ни у кого не получается вставить чтобы этот фон работал.
Может есть ещё какие нюансы о которых я не в курсе ?

Всего записей: 116 | Зарегистр. 20-04-2014 | Отправлено: 22:29 10-09-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
hd78

Цитата:
Может есть ещё какие нюансы о которых я не в курсе ?

ссылку дайте и посмотрим в чем проблема.
 
ps: там, на самом деле, есть еще особенность. сервер, откуда скачивается картинка, должен выдавать кое что в заголовках, чтобы js скрипт мог забрать картинку и модифицировать

Цитата:
Image from origin 'http://***' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

или картинка должна быть в том же домене, что и скрипт

Всего записей: 15113 | Зарегистр. 20-09-2014 | Отправлено: 22:53 10-09-2015 | Исправлено: Mavrikii, 23:11 10-09-2015
hd78



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Delete  Х

Всего записей: 116 | Зарегистр. 20-04-2014 | Отправлено: 23:07 10-09-2015 | Исправлено: hd78, 12:17 11-09-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
hd78
что я и писал выше

Цитата:
Image from origin 'http://vu67.ucoz.ru' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://hyundaitruckclub.forum24.ru' is therefore not allowed access.

 
ps: мой совет, не вставляйте это в фон, это гадость, которая не нужна на форуме вообще.

Всего записей: 15113 | Зарегистр. 20-09-2014 | Отправлено: 23:11 10-09-2015
hd78



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Вроде прикольный фон - хотел попробовать поставить и посмотреть что получится.
А по существу вопроса, перевёл в translate.google но не понял что и чего запрещает ?
На форуме в настройках есть графа - Адрес папки с http, где лежат кнопки и иконки.
Кнопки и иконки грузил на тот же сайт и они работают на форуме.
Почему тогда и что блокируется с фоном ? Хотя ведь сама картинка фона присутствует.

Всего записей: 116 | Зарегистр. 20-04-2014 | Отправлено: 23:24 10-09-2015 | Исправлено: hd78, 23:27 10-09-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
hd78

Цитата:
Почему тогда и что блокируется с фоном, хотя сама картинка фона присутствует.

потому, что javascript пытается самостоятельно загрузить картинку для математических операций над ней (волны эти). в заголовках ответа сервера (так как страничка грузится с другого домена) нет опции разрешающей скрипту загружать картинку, вот он и отказывается работать. нужно либо чтобы сервер имел в заголовках ответа эту опцию (от вас не зависит в данной ситуации), либо чтобы картинка грузилась с hyundaitruckclub.*, а не с vu67.*
 
вот тут проблема

Цитата:
style="background:url(http://vu67.ucoz.ru/voda_na_forume/bg2.jpg)


Всего записей: 15113 | Зарегистр. 20-09-2014 | Отправлено: 23:26 10-09-2015 | Исправлено: Mavrikii, 23:28 10-09-2015
hd78



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Странно, а почему тогда например работал скрипт снежинок ?  
Вот его код, который вставлялся после <head>

Код:
<script language="javascript" src="http://exiterra.ru/promo/snow/rem.js"//снег - 1></script>
<script>num_page = 20; no = Check(num_page); </script>
<script language="javascript" src="http://exiterra.ru/promo/snow/snow.js"//снег - 1></script>

Проблема в том что на самом форуме нет возможности загрузить файлы.
Нет файлового менеджера как на сайте ucoz.ru на который я загружал файлы фона.
 

Всего записей: 116 | Зарегистр. 20-04-2014 | Отправлено: 23:34 10-09-2015 | Исправлено: hd78, 00:05 11-09-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
hd78

Цитата:
а почему тогда например работал скрипт снежинок  

потому что другой js код, не использует возможности html5 и канваса.
канвас позволяет делать операции над картинками, в данном случае создаются волны.
снежинки же обычные плавающие элементы с неизменяемыми картинками, ничего такого.

Всего записей: 15113 | Зарегистр. 20-09-2014 | Отправлено: 00:02 11-09-2015 | Исправлено: Mavrikii, 00:03 11-09-2015
hd78



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Понятно. И ещё странность для меня, открываю файл фона под названием water.css
А в нём следующее:

Код:
* { margin: 0; padding: 0; }
html {
    height: 100%;
}
body {
    color: #fff;
    background-image: url(../img/bg2.jpg);
    height: 100%;
    text-align: center;
}
 

То что выделено красным, так и должно быть или туда нужно вставить ссылку ?  
Если да то ссылку на что туда вставлять ? Наверно ссылку на файл bg2.jpg ?
Пробовал вставлять туда ссылку на этот файл но без результата.

Всего записей: 116 | Зарегистр. 20-04-2014 | Отправлено: 00:05 11-09-2015 | Исправлено: hd78, 00:09 11-09-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
hd78

Цитата:
так и должно быть или туда нужно вставить ссылку  

нужно вставлять. этого, собственно, и хватит вместо прямого прописывания у тега body
 

Цитата:
Пробовал вставлять туда ссылку на этот файл но без результата.

эта ссылка повлияет только на то, что будет фоном у тега body.
проблема с работой js кода. и, снова говорю, не создавайте безвкусицу.  
я тоже, когда только изучал html и css дцать лет назад лепил все подряд, это лишь портит страницу, нагружает браузер, ухудшает взаимодействие с сайтом.

Всего записей: 15113 | Зарегистр. 20-09-2014 | Отправлено: 00:12 11-09-2015
hd78



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii спасибо, действительно фон не подходящий - не буду заморачиваться.
 
 

Всего записей: 116 | Зарегистр. 20-04-2014 | Отправлено: 11:56 11-09-2015 | Исправлено: hd78, 11:59 11-09-2015
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Графика » Как вставить скрипт фонового эффекта воды на форум ???


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru