Как става това ?

Emperator

Registered
414.jpg


Как става това (от горе в ляво) ?
 
Кое по точно как е сложено там как е наместено или функциите за смяна на дизайна за шрифта тези неща ли.
 
За шрифта става така.
Където искаш да изведеш бутоните за промяна на шрифта слагаш това.
Код:
<a href="javascript:plus();">A+ </a>
      <a href="javascript:minus();">A- </a>
	  <a href="javascript:normal();">A </a>
И след това в дива който искаш да уголемяваш текста го правиш така.
Код:
<div id="info"> Текста текста текста</div>
В началото на документа трябва да зададеш пътя до JavaScript файла така.
Код:
<script type="text/javascript" src="shrift.js"></script>
а ето и кода на JavaScripta
Код:
var font_size = 14;
var font_original = 14;
var min_font = 9;
var max_font = 18;

var appNs=navigator.appVersion;
var ns4=(appNs.indexOf("4.77") != -1)||(appNs.indexOf("4.8") != -1);

function artTxt(txFg){
if (!ns4&&!txFg)document.write("<style>.txt{text-align:left;margin-right:118px;}</style>");
}

function saveFontSize(){
	var expire = new Date ();
   	expire.setTime (expire.getTime() + (6000 * 24 * 3600000)); //expires in 6 days from users clock
   	expire = expire.toGMTString();
	document.cookie="font_size="+font_size+"; expires="+expire;
}
	


function loadFontSize(){

  tempArray = document.cookie.split(";");		
  for (tA = 0; tA < tempArray.length; tA++){
	if (tempArray[tA].indexOf('font_size') > -1){
 	  fontValue = tempArray[tA].split("=");
	  font_size = parseInt(fontValue[1]);
	}
  }

}


function setFontSize(){
	
  loadFontSize()
  obj = document.getElementById("info");
  obj.style.fontSize = font_size+"px";

}


function plus (){
  obj = document.getElementById("info");
  font_size = obj.style.fontSize;
  font_size = parseInt(font_size);
  
  if (font_size < max_font)  font_size = font_size + 1;
  
  obj.style.fontSize = font_size+"px";
  saveFontSize();
}



function minus (){
  obj = document.getElementById("info");
  font_size = obj.style.fontSize;
  font_size = parseInt(font_size);

  if (font_size > min_font)  font_size = font_size - 1;

  obj.style.fontSize = font_size+"px";
  saveFontSize()
}



function normal (){
  obj = document.getElementById("info");
  font_size = font_original;
  obj.style.fontSize = font_size+"px";
  saveFontSize()
}

window.onload=new Function("setFontSize(); tabview_initialize('TabView'); ");
 
За смяната на дизайна виж в уроците има 2 или 3 урока за това а за промяната на размера на сайта незнам.
 

Back
Горе