ORT*OFIX Ceturtdiena, 26.12.2024, 09:51

Sveicināti Viesis | RSS


Galvenie | Reģistrācija | Ieeja

Vietnes izvēlne
Ieejas forma

Mūsu banneris
Mēs būsim pagodināti, ja paņemsi musu banneri savai lapai.

Interesantas lietas



Mūsu apmaklētājs

Laipni lūdzam, Viesis

Galvenie » 2013 » Decembris » 13 » Katram individuāli maināms lapas fons
21:04
Katram individuāli maināms lapas fons

Nu tad nu sākam izveidot sānu bloku un tur ievietojam šo kodu:

 <center>[<small><a href="javascript://" onclick="deletebg()">Izdzēst savu fonu</a></small>] [<small>Izstiept fonu? <input id="str" type="checkbox"></input></small>]</center>
  <span id="background"></span>
 Izmantot jau esošās:<br>
  <select id="bgs">
  <option selected disabled>Fona varianti</option>
  <option disabled>Atgriezt savu adresi uz fonu</option>
  <option value="Adrese uz jebkuru fonu 1">Фон 1</option>
  <option value="Adrese uz jebkuru fonu 2">Фон 2</option>
  ...
  <option value="Adrese uz jebkuru fonu n">Фон n</option>
  </select>
  <script type="text/javascript">
  var dmn="Jusu domēns";
  $(document).ready(function() {
  $('#bgs').change(function(){
  $('#bg').val($("select#bgs").val());
  });
  $('#str').change(function(){
  if($("#str").is(':checked')){
  setCookie("stretched", null, { expires: -1, path:"/", domain:dmn} );
  $('body').removeClass('bg').addClass('bg_temp');
  setCookie("stretched", "yes", { expires: 999999999999999, path:"/", domain:dmn} );
  }else if($("#str").is(':not(:checked)')){
  setCookie("stretched", null, { expires: -1, path:"/", domain:dmn} );
  $('body').removeClass('bg_temp').addClass('bg');
  setCookie("stretched", "no", { expires: 999999999999999, path:"/", domain:dmn} );
  }
  });
  var bg=document.getElementById('background')
  var backgr=getCookie("background")
  if(backgr){bg.innerHTML="<input id='bg' placeholder='Jusu tišā adrese uz fonu, bez iekavām' size='35' onclick='select()' value="+backgr+"></input><center><button value='Nomainit fonu' onclick='bgchange()'>Mainit fonu</button></center>";}
  else if(!backgr){
  bg.innerHTML="<input id='bg' placeholder='Jusu tiešā adrese uz fonu, bez iekavām' size='35' onclick='select()'></input><center><button value='Nomainit fonu' onclick='bgchange()'>Сменить фон</button></center>";
  }
  if(backgr){$('#bgs :nth-child(2)').attr("value",backgr);$('#bgs :nth-child(2)').removeAttr("disabled");}
  });
  function deletebg(){
  if(!getCookie("background")){alert("Jums nav uzstādijuma fons, nav ko nodzēst")}else{
  setCookie("background", null, { expires: -1, path:"/", domain:dmn} )
  alert("Fons ielikts pēc noklusējuma");
  location.reload(true)}
  }
  function bgchange(){
  if(bg.value!=''){var bg_link=bg.value
  if(!bg_link.match(/http[^\s\"]+[^\" >]*?/ig)){alert("Jus neievadijāt pareizu fona adresi")}
  else{
  setCookie("background", bg_link, { expires: 999999999, path:"/", domain:dmn} )
  alert("Jaunais fons uzstādits, pārstartējiet lapu")
  location.reload(true)
  }
  }else{alert("Jus neievadijāt fona adresi")}
  }
  </script>

Uzstādijumi.

Pārbaudām pirmo kodu, pēc vēlēšanos izmainām sarakstā <select> punktus <option> uz tiešām adresēm kā piemēram:

<option value="/wallpaper.png">Fons 1</option>

Iekš css liekam jebkurā vietā, labāk jau apakšā lai varētu rediģēt:

 .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;
  }

Uzstādijumi.

Tālāk skatāmies Jusu domēns lapai var dmn="jusu domens" mainām uz savējo. Piemēram var dmn="ort.ucoz.lv" Vajadzētu darboties, ja ne dmn vietā liekām iekš "" svu domēnu.

Globālajos blokos augšējā daļā iekam:

 <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)'}
  span></script>

Skatāmies uz koda pēdējo rindu:

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

Mainām /walper.jpg uz savu standarta fonu kas bus pieejams visiem.
Tad ejam uz globalie bloki un apakšējā daļā:

 <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
  
  }
  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');}
  document.body.style.padding = '0';
  document.body.style.margin = '0';
  </script>

 

Skatījumu skaits: 1051 | Pievienoja: digital | Reitings: 0.0/0
Komentāru kopskaits: 0

Līdzīgi materiāli





Pievienot komentārus var tikai reģistrēti lietotāji.
[ Reģistrācija | Ieeja ]
Kalendārs
«  Decembris 2013  »
PrOTCPkSSv
      1
2345678
9101112131415
16171819202122
23242526272829
3031
Ierakstu arhīvs
Vietnes draugi
Все для веб мастера
Soft-new, Фильмы, Soft, Games, Музыка Web-мастер !!
Всё для вебмастера
ТОП рейтинг лучших сайтов
MEGA-ToP-ТОП раскрутка раскрутка сайтов.
Google-Add.com - Открытый Каталог Сайтов
Graffiti Decorations® Studio ™ Site Promoter
Statistika
Kopā Online: 1
Viesi: 1
Lietotāji: 0
Privāta mājas lapa © 2013-2024
Sveicināti, viesi!
Ja Jūs redziet šo ziņojumu, tātad Jūs neesiet veicis reģistrāciju. Reģistrējaties vai autorizējaties.
@ ort administrācija
Ienākt @ ort.ucoz.lv
\Ieteikt