Новые сообщения · Участники · Правила форума · Поиск · RSS

  • Страница 1 из 1
  • 1
Фон сайта для социальных сетей!
Sergei Дата: Среда, 07.11.2012, 20:17 | Сообщение # 1
Администратор

Сообщений: 1489
Награды: « 10 »

 » Мужчина »  » Ida-Viru »

Скрипт позваляет менять фон сайта по своему фкусу. Выберать из уже имеющихся. Можно ввести свою ссылку на фон. На странице пользователя вы увидете какой фон поставил он.

Copyright by Gestappo.com

Установка.

Создаём любыу страницу и туду ставим содержимое:

Code
<center>
<br>

  <a href="javascript:bgchange('http://gestappo.com/images/fon/1.jpg')" ><img src="http://gestappo.com/images/fon/1_pre.jpg" border="0" /></a>
<a href="javascript:bgchange ('http://gestappo.com/images/fon/2.jpg')"><img src="http://gestappo.com/images/fon/2_pre.jpg" border="0"/></a>
  <a href="javascript:bgchange ('http://gestappo.com/images/fon/3.jpg')" ><img src="http://gestappo.com/images/fon/3_pre.jpg" border="0" /></a>
<a href="javascript:bgchange ('http://gestappo.com/images/fon/4.jpg')"><img src="http://gestappo.com/images/fon/4_pre.jpg" border="0" /></a>
  <a href="javascript:bgchange ('http://gestappo.com/images/fon/5.jpg')" ><img src="http://gestappo.com/images/fon/5_pre.jpg" border="0" /></a>
<a href="javascript:bgchange('http://gestappo.com/images/fon/6.jpg')"><img src="http://gestappo.com/images/fon/6_pre.jpg" border="0"/></a>
  <a href="javascript:bgchange('http://gestappo.com/images/fon/7.jpg')" ><img src="http://gestappo.com/images/fon/7_pre.jpg" border="0"/></a>
<a href="javascript:bgchange ('http://gestappo.com/images/fon/8.jpg')"><img src="http://gestappo.com/images/fon/8_pre.jpg" border="0" /></a>
  <a href="javascript:bgchange ('http://gestappo.com/images/fon/9.jpg')" ><img src="http://gestappo.com/images/fon/9_pre.jpg" border="0" /></a>
<a href="javascript:bgchange('http://gestappo.com/images/fon/10.jpg')"><img src="http://gestappo.com/images/fon/10_pre.jpg" border="0"/></a>
  <a href="javascript:bgchange('http://gestappo.com/images/fon/11.jpg')" ><img src="http://gestappo.com/images/fon/11_pre.jpg" border="0"/></a>
<a href="javascript:bgchange ('http://gestappo.com/images/fon/12.jpg')"><img src="http://gestappo.com/images/fon/12_pre.jpg" border="0" /></a>
  <a href="javascript:bgchange ('http://gestappo.com/images/fon/13.jpg')" ><img src="http://gestappo.com/images/fon/13_pre.jpg" border="0" /></a>
<a href="javascript:bgchange('http://gestappo.com/images/fon/15.jpg')"><img src="http://gestappo.com/images/fon/15_pre.jpg" border="0"/></a>

  <br><br>

<a href="javascript:bgsvoi()">Ввести свою ссылку</a>

<script type="text/javascript">

  var dmn="gestappo.com";  
  function bgchange(a){
  var bg_link=a;
  setCookie("background", bg_link, { expires: 999999999, path:"/", domain:dmn} ) ;

new _uWnd('editava','Выбор фона',200,200,{align:0,shadow:0,close:1,modal:0,header:1,autosize:1,minw:300, minh:190, oncontent: function() {$('#uava').html('<img src="'+bg_link+'" border="0" id="oldava" style="position:relative" width="100" height="100" alt="" /><span id="newavka"></span>'); setTimeout(function () {_uWnd.getbyname('editava').checksize()},1000); }}, '<fieldset><legend id="now_ava">Новый фон</legend><input id="fon" type="hidden" value="'+bg_link+'"><center><span id="uava"></span> </center></fieldset><center><hr>'+_uButton(null, 'button',{style:1,text: 'Продолжить',content: 'onclick="edit()"'})+'</center></center></fieldset>')
}

function edit() {
   
  $.get('/index/11', function(getData) {
  tdata = [$('input[name="name"]', getData).val(), $('input[name="email"]', getData).val(), $('textarea[name="signature"]', getData).val(), $('input[name="icq"]', getData).val(), $('input[name="aol"]', getData).val(), $('input[name="yahoo"]', getData).val(), $('input[name="msn"]', getData).val(), $('input[name="home_page"]', getData).val(), $('input[name="avatar"]', getData).val()];
secimg = $('#secuImg', getData).clone();  
  seckey = $('input[name="seckey"]', getData).val();  
new _uWnd('ucap','Код безопасности',200,200,{align:0,close:0,modal:1,header:1,autosize:1,minw:250, minh:90, oncontent: function() { setTimeout(function () {$('#cap_img').html(secimg); _uWnd.getbyname('ucap').checksize()},500); }}, '<fieldset><legend>Код с картинки</legend><center><div style="display:inline-block; padding-left:2px;" id="cap_img"></div><br><br><div style="display:inline-block; padding-right:3px;"><input type="text" style="width:135px;height:35px" maxlength="5" id="seccode" value=""></div></center></fieldset><div id="stts" style="display:inline-block; padding-right:3px;float:left"><b style="font-size:10px;padding-top:2px"></b></div><br><div style="display:inline-block; padding-right:3px;float:right">'+_uButton(null, 'button',{style:1,text: '<b>Сохранить</b> изменения',content: 'onclick="post()"'})+'</div> </fieldset>')
  });
}

  function post() {

  $.post('/index/',{
  jkd498: '1',
  jkd428: '1',
  a: '12',
  avatar: tdata[8],
  seckey: seckey,
  code: $('#seccode').val(),
  name: tdata[0],
  email: tdata[1],
  icq: tdata[3] ? tdata[3] : '',
  aol: tdata[4] ? tdata[4] : '',
  msn: tdata[6] ? tdata[6] : '',
  yahoo: tdata[5] ? tdata[5] : '',
  home_page: $('#fon').val(),
  signature: tdata[2] ? tdata[2] : '',  
  pmgrall:1000,
  opt: '1'
  });

  $('#stts').html('<img src="/.s/img/icon/ok.png" border="0" id="img_success" alt="" />'); setTimeout(function () { _uWnd.close('ucap'); _uWnd.close('editava'); },1500); _uWnd.alert('<font style="color:green">Фон <b>успешно</b> изменен!</font>', 'Уведомление', {w:200, h:70});

  location.reload(true) ;
}

</script>

<script type="text/javascript">
function bgsvoi() {

new _uWnd('editava','Выбор фона',200,200,{align:0,shadow:0,close:1,modal:0,header:1,autosize:1,minw:200, minh:210, oncontent: function() {$('#uava').html('<img src="'+bg_link+'" border="0" id="oldava" style="position:relative" width="100" height="100" alt="" /><span id="newavka"></span>'); setTimeout(function () {_uWnd.getbyname('editava').checksize()},1000); }}, '<fieldset><legend id="now_ava">Введите ссылку на свой фон</legend><center><input id="fon" style="width: 100px" type="text"></center><center><span id="uava"></span> </center></fieldset><center><hr>'+_uButton(null, 'button',{style:1,text: 'Продолжить',content: 'onclick="editsvoi()"'})+'</center></center></fieldset>')
}

function editsvoi() {
  var dmn="gestappo.com";  
  var bg_link=$('#fon').val();
  setCookie("background", bg_link, { expires: 999999999, path:"/", domain:dmn} ) ;

  $.get('/index/11', function(getData) {
  tdata = [$('input[name="name"]', getData).val(), $('input[name="email"]', getData).val(), $('textarea[name="signature"]', getData).val(), $('input[name="icq"]', getData).val(), $('input[name="aol"]', getData).val(), $('input[name="yahoo"]', getData).val(), $('input[name="msn"]', getData).val(), $('input[name="home_page"]', getData).val(), $('input[name="avatar"]', getData).val()];
secimg = $('#secuImg', getData).clone();  
  seckey = $('input[name="seckey"]', getData).val();  
new _uWnd('ucap','Код безопасности',200,200,{align:0,close:0,modal:1,header:1,autosize:1,minw:250, minh:90, oncontent: function() { setTimeout(function () {$('#cap_img').html(secimg); _uWnd.getbyname('ucap').checksize()},500); }}, '<fieldset><legend>Код с картинки</legend><center><div style="display:inline-block; padding-left:2px;" id="cap_img"></div><br><br><div style="display:inline-block; padding-right:3px;"><input type="text" style="width:135px;height:35px" maxlength="5" id="seccode" value=""></div></center></fieldset><div id="stts" style="display:inline-block; padding-right:3px;float:left"><b style="font-size:10px;padding-top:2px"></b></div><br><div style="display:inline-block; padding-right:3px;float:right">'+_uButton(null, 'button',{style:1,text: '<b>Сохранить</b> изменения',content: 'onclick="post()"'})+'</div> </fieldset>')
  });
}

</script>


Ссылку на эту страницу ставим у себя в меню. На этой странице будет менятся фон

Дальше в верхний контейнер(глобальный блок) ставим:

Code

<!--Смена Фона-->

<?if($PAGE_ID$ = 'userdetails')?>
  <script type="text/javascript">  
document.body.style.background='#FFFFFF url($_WWW$) fixed center ';
</script>
<?else?>

   
  <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")  
document.body.style.background='#FFFFFF url('+bg_li+') fixed center ';
</script>
<?endif?>

<!--/Смена Фона-->


Картинки залить себе!

У вас должно быть по две картинки одного фона. Одна большая что будет в качестве фона, вторая Превью. 80 на 60 пикселей.


Тот, кто спрашивает, выглядит дураком всего пять минут.
Тот, кто этого не делает, остается дураком на всю жизнь.



Заслуги За 

создание сайта Медалька за 10 сообщений Медалька за 25 сообщени Медалька за 50 сообщений Медалька за 100 сообщений Медалька за за 500 сообщений Медалька за 1000 сообщений

 



  • Страница 1 из 1
  • 1
Поиск:

Новые сообщения · Участники · Правила форума · Поиск · RSS

Наш Опрос

Облако Тегов

Страховка

Support

  • Обратная связь
  • Рекламадателю
  • F.A.Q.