Меню сайта
Мини-чат


Наш опрос
На какой карте вы любите играть?
Всего ответов: 15
Статистика
Воскресенье, 20.10.2024, 10:57
Приветствую Вас Гость

Скрипт смены фона сайта - Форум

[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Скрипт смены фона сайта
Offline
Сообщение #1 отправлено 12.11.2012 в 17:46 1
Постоянный
Сообщений: 4


Начнём с того , что создадим новый блок.
Теперь выполним простые 4 пункта:
1)После создания блока, помещаем в него такой HTML код :
Code

<center>[<small><a href="javascript://" onclick="deletebg()">Удалить свой фон</a></small>] [<small>Растянуть фон? <input id="str" type="checkbox"></input></small>]</center>
<input id='bg' placeholder='Ваша прямая ссылка на фон, без кавычек' size='35' onclick='select()'></input><center><button value='Сменить фон' onclick='bgchange()'>Сменить фон</button></center>
Или используйте уже имеющееся:<br>
<select id="bgs">
<option selected disabled>Варианты фона</option>
<option disabled>Вернуть свою ссылку на фон</option>
<option value="http://i22.fastpic.ru/big/2011/0607/54/d49ae7da268da6ef86cdca0be8625b54.png">Якобы windows 8</option>
</select>
<script type="text/javascript">
var dmn="scripttests.ucoz.ru";
$(document).ready(function() {
$('#bgs').change(function(){
$('#bg').val($("select#bgs").val());
});
$('#str').change(function(){
if($("#str").is(':checked')){
$('body').removeClass('bg').addClass('bg_temp');
setCookie("stretched", "yes", { expires: 999999999, path:"/", domain:dmn} );
}else if($("#str").is(':not(:checked)')){
$('body').removeClass('bg_temp').addClass('bg');
setCookie("stretched", "no", { expires: 999999999, path:"/", domain:dmn} );
}
});
var backgr=getCookie("background")
if(backgr){$('#bg').val(backgr);
$('#bgs :nth-child(2)').attr("value",backgr);
$('#bgs :nth-child(2)').removeAttr("disabled");}
});
function deletebg(){
if(!getCookie("background")){alert("У вас нет установленного фона, удалять нечего")}else{
setCookie("background", null, { expires: -1, path:"/", domain:dmn} )
alert("Фон выставлен по умолчанию");
location.reload(true)}
}
function bgchange(){
if(bg.value!=''){var bg_link=bg.value
if(!bg_link.match(/http[^\s\"]+[^\" >]*?/ig)){alert("Вы ввели неверную ссылку на фон")}
else{
setCookie("background", bg_link, { expires: 999999999, path:"/", domain:dmn} )
alert("Новый фон установлен, главная страница будет перезагружена")
location.reload(true)
}
}else{alert("Вы не ввели ссылку на фон")}
}
</script>  

2)Далее заходим в Общие шаблоны ->Таблица стилей (CSS) и помещаем в любое место, лучше в самый конец чтобы не запутаться :
Code


.bg_temp{
background-Position: center;
background-Attachment: fixed;
background-Repeat: no-repeat;
background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
}
.bg{
background-Position: center;
background-Attachment: fixed;
background-Repeat: no-repeat;
}  


3)Далее надо в Глобальные блоки->Верхняя часть сайта в самое начало запихнуть следующий код :
Code

<script type="text/javascript">
function getCookie(name) {
    var matches = document.cookie.match(new RegExp(
    "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
    ))
    return matches ? decodeURIComponent(matches[1]) : undefined
}
function setCookie(name, value, props) {
    props = props || {}
    var exp = props.expires
    if (typeof exp == "number" && exp) {
    var d = new Date()
    d.setTime(d.getTime() + exp*1000)
    exp = props.expires = d
    }
    if(exp && exp.toUTCString) { props.expires = exp.toUTCString() }
       
    value = encodeURIComponent(value)
    var updatedCookie = name + "=" + value
    for(var propName in props){
    updatedCookie += "; " + propName
    var propValue = props[propName]
    if(propValue !== true){ updatedCookie += "=" + propValue }
    }
    document.cookie = updatedCookie
       
}
var bg_li=getCookie("background")
if(bg_li){document.body.style.backgroundImage = 'url('+bg_li+')';}else{document.body.style.backgroundImage = 'url(/wallpaper.jpg)'}
document.body.style.padding = '0';
document.body.style.margin = '0';
$('document').ready(function(){
if(getCookie("stretched")=="yes"){$('#str').attr('checked','true');$('body').removeClass('bg').addClass('bg_temp');} else if(getCookie("stretched")=="no" || !getCookie("stretched")){$('#str').removeAttr('checked');$('body').removeClass('bg_temp').addClass('bg');}
});
</script>    

Итак, скрипт вы установили, далее проверяем код из первого пункта, меняем, если хотим, в списке <select> в пунктах <option> на прямые ссылки на фон, к примеру <option value="http://uweb.su/wallpaper.png">Фон 1</option>
Ниже смотрим строчку var dmn="ваш домен"; тут надо вставить ваш домен, к примеру var dmn="ForuCoz.com"; переменная вроде относится к блоку и должна работать, если не будет, то просто вместо букв dmn вставте туда в кавычках ваш домен.

4)Далее смотрим код из третьего пункта, строчка :

Code

document.body.style.backgroundImage = 'url(/wallpaper.jpg)'

Выставляем вместо /wallpaper.jpg путь до вашего фона который будет стандартным и постоянным для всех.

ГОТОВО!
0
  • Страница 1 из 1
  • 1
Поиск:

Вход на сайт
Поиск
Друзья сайта