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

  • Сторінка 1 з 1
  • 1
Модератор форуму: КаVyн  
Скрипт зміни фону сайту
Вівторок, 14.06.2011, 10:46 | Повідомлення # 1
Повідомлень:
235
Нагороди:
Ранг:
Авторитет
15

Почнемо з того, що створимо новий блок.
Тепер виконаємо прості 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');}  
});  
span></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 шлях до вашого фону який буде стандартним і постійним для всіх.

ГОТОВО!
  • Сторінка 1 з 1
  • 1
Пошук:


Статистика Форума
Нові теми Популярні теми Кращі користувачі Нові користувачі

Прикол в cs 1.6

(1)

Банерообмін

(19)

Шаблон для ucoz - Dco...

(1)

Готовий і настроєний ...

(7)

Красивый информер топ...

(0)

Моє відео

(7)

BCM

(0)

Новый информер коммен...

(0)

Голубая кнопка вверх ...

(0)

Статистика кто посети...

(0)

конкурс вгадай фільм

(28)

Банерообмін

(19)

про модулі

(15)

Набір "Модератор...

(13)

Перемикач сторінок

(13)

Створення cs 1.6 серв...

(11)

Роздача ICQ від $eRJ

(11)

Купи або получи домен...

(9)

залучення реальних ві...

(9)

Роздача програм для {...

(8)

B@CbOK

(317)

КаVyн

(235)

$eRJ

(177)

Leet

(82)

ГОРІЧ

(72)

Olizina

(51)

dingo

(40)

CkopnioH

(34)

brooklin

(32)

extremist

(14)

Volodymyr

(24.04.2021)

Don_UA_

(03.06.2020)

Саня3639

(22.08.2019)

Don_ua

(10.08.2018)

buldog7

(16.12.2016)

arsen_1379

(17.08.2015)

ispanets

(23.04.2015)

Dj23435

(27.05.2014)

nazar1111

(20.05.2014)

nikonov

(11.05.2014)