قالب رایگان - آموزش html

محسن براي اينکه بين لينکها يا هر چيز ديگه اي فاصله بيفته بايد بين کدهاشون قرار بديد مهرداد براي گرفتن عکس از صفحه نمايش بايد از روي کيبورد print رو بزنيد ودر برنامه اي مثل فتوشاپ در صفحه جديدي که مي سازيد از منوي edit گزينه paste را بزنيد کدهاي html نمايش تاريخ و ساعت در كنار عنوان وبلاگ در نوار عنوان و تسك بار

نمايش تاريخ و ساعت در استاتوس بار

منو

<head>
<style type="text/css">
</style>
<body marginheight="25" topmargin="25">
</head>
<script language="javascript">
<!-- wt - http://wt.blogfa.com

//!!!Edit the appearance here!!!

MenuWidth=170;           //Individual menu width.
MenuFont='Arial,Verdana';
MenuFontSize=2;          //1 to 7 only, 2 probably big enough.
MenuFontColor='#ffffff';
MenuBgColor='#5b7693';
HighLight='#b4c3d4';
Separater=2;             //Space around menus.
Centre=false;             //true or false.

//!!!Alter nothing here, go straight to "Links"!!!

n4=(document.layers);
n6=(document.getElementById&&!document.all);
ie=(document.all);
h=(ie)?document.body.clientHeight:window.innerHeight;
w=(ie)?document.body.clientWidth:window.innerWidth;
Titles=new Array()
Links=new Array()

algn1=(Centre)?'<center>':'';
algn2=(Centre)?'</center>':'';

function colour2(c){(n4)?c.bgColor=HighLight:c.style.background=HighLight}//
function colour1(c){(n4)?

c.bgColor=MenuBgColor:c.style.background=MenuBgColor}//

var OpenLayer=(n4)?"<br><layer height=100% width=100%

onMouseOver='colour1(this)'; onMouseOut='colour2(this)'>"+algn1:"<div

style='height:auto;width:100%' onMouseOver='colour1(this)';

onMouseOut='colour2(this)'><font face="+MenuFont+"

size="+MenuFontSize+" color="+MenuFontColor+">";
var CloseLayer=(n4)?algn2+"</layer>":"</font></div>";

var vs=(n4)?"<font face='Wingdings'

color="+MenuBgColor+">n</font>":OpenLayer+"&nbsp;"+CloseLayer+"<font

color="+MenuBgColor+">"+String.fromCharCode(9660)+"</font>";

/*************************************Links here****************************************

First off, alter the Titles to whatever. Add/delete as needed, make sure they're
numbered in order.

Now fill the Links with your er..links, as many as needed. Here's how.
Example:
+OpenLayer+"<a href='http://www.google.com' class='x'>Search with

Google</a>"+CloseLayer

If you need to have quots etc in the link text make sure you escape them with a

backslash.
Example:
...class='Y'> What\'s new </a>"+C...

***************************************************************************************/
Titles[0]="Menu 1";
Titles[1]="Menu 2";
Titles[2]="Menu 3";
Titles[3]="Menu 4";

Links[0]=vs
+OpenLayer+"<a href='http://yahoo.com')' class='x'>Yahoo</a>"+CloseLayer
+OpenLayer+"<a href='http://google.com')' class='x'>Google</a>"+CloseLayer
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your

links</a>"+CloseLayer
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your

links</a>"+CloseLayer

Links[1]=vs
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your

links</a>"+CloseLayer
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your

links</a>"+CloseLayer

Links[2]=vs
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your

links</a>"+CloseLayer
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your

links</a>"+CloseLayer

Links[3]=vs
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your

links</a>"+CloseLayer
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your

links</a>"+CloseLayer

//!!!Alter anything past this point!!!

w1=(MenuWidth+Separater)*Titles.length;
w2=w/2;
i1=w2-MenuWidth-Separater-w1/2;
i2=w2-MenuWidth-Separater-w1/2;
s1=MenuWidth+Separater;
s2=MenuWidth+Separater;
if (w1 > w2*2){i1=-MenuWidth;i2=-MenuWidth}
vy=(n4)?'show':'visible';
vn=(n4)?'hide':'hidden';

//Don't mess about with N4, just use layers.
if (n4){
for (i=0; i < Titles.length; i++){
document.write("<layer name='lnks"+i+"' top=0 left="+(i2+=s2)+" "
+" width="+MenuWidth+" bgcolor="+HighLight+" visibility=hide"
+" onMouseOver='this.visibility=vy; var cd=this.id.length-1; var

ab=this.id.charAt(cd); H(ab)' "
+" onMouseOut='this.visibility=vn; var ef=this.id.length-1; var gh=this.id.charAt

(ef); B(gh)'>"
+algn1+"<font face="+MenuFont+" size="+MenuFontSize+">"
+"&nbsp;<br>"+Links[i]+"</font>"+algn2+"</layer>");
document.write("<layer name='ttls"+i+"' top=0 left="+(i1+=s1)+" height=0 "
+"width="+MenuWidth+" bgcolor="+MenuBgColor+" "
+"onMouseOver=\"this.bgColor=HighLight; var e=this.id.length-1; var

d=this.id.charAt(e); On(d)\" "
+"onMouseOut=\"this.bgColor=MenuBgColor; var e=this.id.length-1; var

d=this.id.charAt(e); Off(d)\">"
+algn1+"<font face="+MenuFont+" size="+MenuFontSize+"

color="+MenuFontColor+">"
+Titles[i]+"</font>"+algn2+"</layer>");
}
function On(x){for (i=0; i < Titles.length; i++)document.layers

['lnks'+x].visibility=vy}
function Off(x){for (i=0; i < Titles.length; i++)document.layers

['lnks'+x].visibility=vn}
function B(y){for (i=0; i < Titles.length; i++)document.layers

['ttls'+y].bgColor=MenuBgColor}
function H(y){for (i=0; i < Titles.length; i++)document.layers

['ttls'+y].bgColor=HighLight}
}
if (!n4){
for (i=0; i < Titles.length; i++){
document.write("<div id='lnks"+i+"' style='position:absolute;"
+"top:0px;left:"+(i2+=s2)+"px;width:"+MenuWidth+"px;"
+"background:"+HighLight+";visibility:hidden'"
+" onMouseOver='this.style.visibility=vy; document.getElementById

(\"ttls"+i+"\").style.background=HighLight';"
+" onMouseOut='this.style.visibility=vn; document.getElementById

(\"ttls"+i+"\").style.background=MenuBgColor'>"
+algn1+Links[i]+algn2+"</div>");
document.write("<div id='ttls"+i+"' style='position:absolute;top:0px;left:"+

(i1+=s1)+"px;height:auto;width:"+MenuWidth+"px;"
+"background:"+MenuBgColor+";cursor:default'"
+" onMouseOver='document.getElementById

(\"lnks"+i+"\").style.visibility=vy;this.style.background=HighLight'"
+" onMouseOut='document.getElementById

(\"lnks"+i+"\").style.visibility=vn;this.style.background=MenuBgColor'>"
+algn1+"<font face="+MenuFont+" size="+MenuFontSize+"

color="+MenuFontColor+">"+Titles[i]+"</font>"+algn2+"</div>");
}
}
function Scroll(){
sy=(ie)?document.body.scrollTop:window.pageYOffset;
for (i=0; i < Titles.length; i++){
if (n4){
 document.layers['ttls'+i].top=Separater+sy;
 document.layers['lnks'+i].top=Separater+sy;
 }
else{
 document.getElementById("ttls"+i).style.top=Separater+sy;
 document.getElementById("lnks"+i).style.top=Separater+sy;
 }
}
setTimeout('Scroll()',150)
}
Scroll();
window.onresize=new Function("window.location.reload()");

if (!n4){
for (i=0; i < document.links.length; i++){
 if (document.links[i].href == this.window.location.href)
  {
  document.links[i].style.color=MenuBgColor;
  document.links[i].style.cursor='crosshair';
  //document.links[i].innerHTML+=' -';
  //alert(i+' '+document.links[i].href);
  break;
  }
 }
}
//-->
</script>

گردش پروانه در وبلاگ

پيام صبح بخير و ... به طور اتومات و به نسبت زماني

افكتي زيبا براي موس

<SCRIPT language=JavaScript>
var a_Colour="red";
var b_Colour="blue";
var c_Colour="green";
var Size=40;

//Alter nothing below !!

var YDummy=new Array(),XDummy=new Array

(),xpos=0,ypos=0,ThisStep=0;step=0.03;
if (document.layers){
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
xpos = window.pageYOffset+evnt.pageX+6;
ypos = window.pageYOffset+evnt.pageY+16;
}
window.onMouseMove = nsMouse;
}
else if (document.all)
{
function ieMouse(){
xpos = document.body.scrollLeft+event.x+6;
ypos = document.body.scrollTop+event.y+16;
}
document.onmousemove = ieMouse;
}

function swirl(){
for (i = 0; i < 3; i++)
 { 
  YDummy[i]=ypos+Size*Math.cos(ThisStep+i*2)*Math.sin((ThisStep)*6);
  XDummy[i]=xpos+Size*Math.sin(ThisStep+i*2)*Math.sin((ThisStep)*6);
 }
ThisStep+=step;
setTimeout('swirl()',10);
}

var amount=10;
if (document.layers){
for (i = 0; i < amount; i++)
{
document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/2+' height='+i/2+'

bgcolor='+a_Colour+'></layer>');
document.write('<layer name=nsb'+i+' top=0 left=0 width='+i/2+' height='+i/2+'

bgcolor='+b_Colour+'></layer>');
document.write('<layer name=nsc'+i+' top=0 left=0 width='+i/2+' height='+i/2+'

bgcolor='+c_Colour+'></layer>');
}
}
else if (document.all){
document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">'
+'<div id="IDiv" style="position:relative">');
for (i = 0; i < amount; i++)
{
document.write('<div id=x

style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'

+a_Colour+';font-size:'+i/2+'"></div>');
document.write('<div id=y

style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'

+b_Colour+';font-size:'+i/2+'"></div>');
document.write('<div id=z

style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'

+c_Colour+';font-size:'+i/2+'"></div>');
}
document.write('</div></div>');
}
function prepos(){
var ntscp=document.layers;
var msie=document.all;
if (document.layers){
for (i = 0; i < amount; i++)
{
 if (i < amount-1) 
 {
 ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+

(i+1)].left;
 ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+

(i+1)].left;
 ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+

(i+1)].left;
 } 
else  
 {
 ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0];
 ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1];
 ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2];
 }
}
}
else if (document.all){
for (i = 0; i <  amount; i++)
{
 if (i < amount-1) 
 {
 msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left;
 msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left;
 msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left;
 } 
else 
 {
 msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0];
 msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1];
 msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2];
 }
}
}
setTimeout("prepos()",10);
}
function Start(){
swirl(),prepos()
}
window.onload=Start;
// -->
</SCRIPT>