Webmaster

Różne 2

Usawienie strony startowej

Ustaw stronę Webmaster jako stronę startową...

Aby uzyskać powyższy efekt wklej poniższy skrypt:

Rozwijane menu zawsze widoczne

Bardzo proste menu, którego zaletą jest to, iż jest ono stale widoczne - nawet po zejściu na dół strony. Wszystkie zmiany wyglądu dokonywać można poprzez style.

W nagłówku:
<style> #divBg{position:absolute; top:0; left:0; visibility:hidden; height:50} DIV.clSub{position:relative; top:-5; padding:10px; visibility:hidden; background-color:#FFCCCC; layer-background-color:Silver} </style> <script language="JavaScript1.2"> /******************************************************************************** Copyright (C) 1999 Thomas Brattli This script is made by and copyrighted to Thomas Brattli at www.bratta.com Visit for more great scripts. This may be used freely as long as this msg is intact! ******************************************************************************** Browsercheck:*/ ie=document.all?1:0 n=document.layers?1:0 //Do you want it to move with the page if the user scroll the page? var moveOnScroll=true //Do you want to hide all the other submenus when you click a new? var hideAll=true function makeMenuBar(obj,nest,vis){ nest=(!nest) ? '':'document.'+nest+'.' this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style') this.hideIt=b_hideIt; this.showIt=b_showIt; this.vis=b_vis if(ie && vis) this.css.visibility='hidden' this.state=1 this.go=0 this.height=n?this.css.document.height:eval(obj+'.offsetHeight') this.top=b_gettop this.obj = obj + "Object"; eval(this.obj + "=this") } //Get's the top position. function b_gettop(){ var gleft=(n) ? eval(this.css.top):eval(this.css.pixelTop); return gleft; } //The functions for showing and hiding function b_showIt(){ this.css.visibility="visible" } function b_hideIt(){ this.css.visibility="hidden" } function b_vis(){ if(this.css.visibility=="hidden" || this.css.visibility=="hide") return true; } function checkScrolled(){ if(!oMenu.go)oMenu.css.top=(!oMenu.state)?eval(scrolled):eval(scrolled) if(n) setTimeout('checkScrolled()',30) } function menuBarInit(){ oSub=new Array() //Change it here if you want more or less submenus. oSub[0]=new makeMenuBar('divSub0','divBg',1) oSub[1]=new makeMenuBar('divSub1','divBg',1) oSub[2]=new makeMenuBar('divSub2','divBg',1) oSub[3]=new makeMenuBar('divSub3','divBg',1) oSub[4]=new makeMenuBar('divSub4','divBg',1) //Moving menuBar oMenu=new makeMenuBar('divBg') scrolled=n?"window.pageYOffset":"document.body.scrollTop" oMenu.css.top=eval(scrolled) oMenu.css.visibility='visible' if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled(); } function extract(num){ if(hideAll){ for(i=0;i<oSub.length;i++){ if(num!=i) oSub[i].hideIt() } } !oSub[num].vis()?oSub[num].hideIt():oSub[num].showIt(); } onload=menuBarInit; </script>
W Body:
<div id="divBg"> <table width="102%" border="0" cellspacing="0" cellpadding="5" align="CENTER" valign="MIDDLE"> <tr bgcolor="#C0C0C0"> <td height="30"><a href="#" _fcksavedurl="#" onclick_fckprotectedatt=" onclick="extract(0); return false"">Kliknij</a></td> <td><a href="#" _fcksavedurl="#" onclick_fckprotectedatt=" onclick="extract(1); return false"">Choice 2</a></td> <td><a href="#" _fcksavedurl="#" onclick_fckprotectedatt=" onclick="extract(2); return false"">Choice 3</a></td> <td><a href="#" _fcksavedurl="#" onclick_fckprotectedatt=" onclick="extract(3); return false"">Choice 4</a></td> <td><a href="#" _fcksavedurl="#" onclick_fckprotectedatt=" onclick="extract(4); return false"">Choice 5</a></td> </tr>  <tr> <td valign="TOP"> <div id="divSub0" class="clSub">  Pozycja menu 1<br> Pozycja menu 2<br> Pozycja menu 3<br> Pozycja menu 4<br> </div> </td> <td valign="TOP"> <div id="divSub1" class="clSub"> <a href="#" _fcksavedurl="#">Sub choice 1</a> <br> <a href="#" _fcksavedurl="#">Sub choice 2</a><br> <a href="#" _fcksavedurl="#">Sub choice 3</a> </div> </td> <td valign="TOP"> <div id="divSub2" class="clSub"> <a href="#" _fcksavedurl="#">Sub choice 1</a> <br> <a href="#" _fcksavedurl="#">Sub choice 2</a> </div> </td> <td valign="TOP"> <div id="divSub3" class="clSub"> <a href="#" _fcksavedurl="#">Sub choice 1</a> <br> <a href="#" _fcksavedurl="#">Sub choice 2</a><br> <a href="#" _fcksavedurl="#">Sub choice 3</a><br> <a href="#" _fcksavedurl="#">Sub choice 4</a><br> <a href="#" _fcksavedurl="#">Sub choice 5</a> </div> </td> <td valign="TOP"> <div id="divSub4" class="clSub"> <a href="#" _fcksavedurl="#">Sub choice 1</a> <br> <a href="#" _fcksavedurl="#">Sub choice 2</a><br> <a href="#" _fcksavedurl="#">Sub choice 3</a><br> <a href="#" _fcksavedurl="#">Sub choice 4</a> </div> </td> </tr> </table> </div>

Tradycyjne rozwijane menu

Bardzo ciekawe menu. Przy odpowiedniej konfiguracji może występować w dwu odmianach: mieszanej, graficzno-tekstowej jak przedstawione u nas, oraz całkowicie graficznej, wtedy zamiast napisów można użyć grafiki zwykłej, lub animowanej.

W Head:
<style> DIV.clTop{position:absolute; width:170} DIV.clSub{position:absolute; left:10; width:170} #divCont{position:relative; left:100; top:0; height:400; width:170;} A.clMain{font-size:14px; text-decoration:none; font-weight:bold; color:black} #divMain{position:absolute} //--> </style> <script language="JavaScript"> /******************************************************************************** Copyright (C) 1999 Thomas Brattli This script is made by and copyrighted to Thomas Brattli at www.bratta.com Visit for more great scripts. This may be used freely as long as this msg is intact! ********************************************************************************/ /************************************************************************************ This script is a "foldout" menu script, all the "foldouts" will stay outfolded in older browsers. Works in ie4+ and ns4+. ADDED: Images To change where the menu appears change the left and top values of the divCont in the stylesheets, it's currently placed relative so you can place this menu in tables or similar if you want. Change the text colors and size in the A.clMain and A.clSubb classes. ************************************************************************************/ /************************************************************************************ Change this to false if you want all the submenus to get unfold when you foldout a new one. ************************************************************************************/ var stayFolded=false //This is the image that it changes to when it expands. var exImg=new Image(); exImg.src='1.gif' //This is the image is changes to with it's "unfolded" or something :} //Remeber to change the actual images in the page aswell, but remember to //keep the name of the image. var unImg=new Image(); unImg.src='2.gif' /************************************************************************************ Browsercheck ************************************************************************************/ var n = (document.layers) ? 1:0; var ie = (document.all) ? 1:0; var browser=((n || ie) && parseInt(navigator.appVersion)>=4) /************************************************************************************ Making cross-browser objects ************************************************************************************/ function makeMenu(obj,nest){ nest=(!nest) ? '':'document.'+nest+'.' this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style') this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('document'); this.height=n?this.ref.height:eval(obj+'.offsetHeight') this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop; this.hideIt=b_hideIt; this.showIt=b_showIt; this.vis=b_vis; this.moveIt=b_moveIt return this } function b_showIt(){this.css.visibility="visible"} function b_hideIt(){this.css.visibility="hidden"} function b_vis(){if(this.css.visibility=="hidden" || this.css.visibility=="hide") return true;} function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y} /************************************************************************************ Initiating the page. Just add to the arrays here to get more menuitems and add divs in the page ************************************************************************************/ function init(){ oTop=new Array() oTop[0]=new makeMenu('divTop1','divCont') oTop[1]=new makeMenu('divTop2','divCont') oTop[2]=new makeMenu('divTop3','divCont') oTop[3]=new makeMenu('divTop4','divCont') oTop[4]=new makeMenu('divTop5','divCont') oTop[5]=new makeMenu('divTop6','divCont') oSub=new Array() oSub[0]=new makeMenu('divSub1','divCont.document.divTop1') oSub[1]=new makeMenu('divSub2','divCont.document.divTop2') oSub[2]=new makeMenu('divSub3','divCont.document.divTop3') oSub[3]=new makeMenu('divSub4','divCont.document.divTop4') oSub[4]=new makeMenu('divSub5','divCont.document.divTop5') oSub[5]=new makeMenu('divSub6','divCont.document.divTop6') for(i=0;i<oSub.length;i++){ oSub[i].hideIt() } for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) } } /************************************************************************************ This is the function that changes the sub menus to folded or unfolded state. ************************************************************************************/ function menu(num){ if(browser){ if(!stayFolded){ for(i=0;i<oSub.length;i++){ if(i!=num){ oSub[i].hideIt() oTop[i].ref["imgA"+i].src=unImg.src } } for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) } } if(oSub[num].vis()){ oSub[num].showIt() oTop[num].ref["imgA"+num].src=exImg.src }else{ oSub[num].hideIt() oTop[num].ref["imgA"+num].src=unImg.src } for(i=1;i<oTop.length;i++){ if(!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height) else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) } } } //Initiating the menus onload, if it's a 4.x+ browser. if(browser) onload=init; </script>

W Body:
<div id="divCont"> <div id="divTop1" class="clTop"><a href="#" _fcksavedurl="#" onclick_fckprotectedatt=" onclick="menu(0); return false"" class="clMain"><img src="2.gif" _fcksavedurl="2.gif" name="imgA0" width=20 height=20 alt="Kliknij mnie, a otworzę menu" border="0"> <FONT SIZE="+1" title="To menu zawiera pozycje próbne"><B>Czę¶ć 1</B></FONT></a><br> <div id="divSub1" class="clSub"> <a href="#" _fcksavedurl="#">Sub 1</a><br> <a href="#" _fcksavedurl="#">Sub 2</a><br> <a href="#" _fcksavedurl="#">Sub 3</a><br> <a href="#" _fcksavedurl="#">Sub 4</a><br> </div> </div> <div id="divTop2" class="clTop"><a href="#" _fcksavedurl="#" onclick_fckprotectedatt=" onclick="menu(1); return false"" class="clMain"><img src="2.gif" _fcksavedurl="2.gif" name="imgA1" width=20 height=20 alt="" border="0"> <FONT SIZE="+1"><B>Czę¶ć 2</B></FONT></a><br> <div id="divSub2" class="clSub"> <a href="#" _fcksavedurl="#">-Sub 1</a><br> <a href="#" _fcksavedurl="#">-Sub 2</a><br> </div> </div> <div id="divTop3" class="clTop"><a href="#" _fcksavedurl="#" onclick_fckprotectedatt=" onclick="menu(2); return false"" class="clMain"><img src="2.gif" _fcksavedurl="2.gif" name="imgA2" width=20 height=20 alt="" border="0"> <FONT SIZE="+1"><B>Czę¶ć 3</B></FONT></a><br> <div id="divSub3" class="clSub"> <a href="#" _fcksavedurl="#">-Sub 1</a><br> <a href="#" _fcksavedurl="#">-Sub 2</a><br> <a href="#" _fcksavedurl="#">-Sub 3</a><br> </div> </div> <div id="divTop4" class="clTop"><a href="" _fcksavedurl="" onclick_fckprotectedatt=" onclick="menu(3); return false"" class="clMain"><img src="2.gif" _fcksavedurl="2.gif" name="imgA3" width=20 height=20 alt="" border="0"> <FONT SIZE="+1"><B>Czę¶ć 4</B></FONT></a><br> <div id="divSub4" class="clSub"> <a href="#" _fcksavedurl="#">-Sub 1</a><br> <a href="#" _fcksavedurl="#">-Sub 2</a><br> </div> </div> <div id="divTop5" class="clTop"><a href="#" _fcksavedurl="#" onclick_fckprotectedatt=" onclick="menu(4); return false"" class="clMain"><img src="2.gif" _fcksavedurl="2.gif" name="imgA4" width=20 height=20 alt="" border="0"> <FONT SIZE="+1"><B>Czę¶ć 5</B></FONT></a><br> <div id="divSub5" class="clSub"> <a href="#" _fcksavedurl="#">-Sub 1</a><br> <a href="#" _fcksavedurl="#">-Sub 2</a><br> <a href="#" _fcksavedurl="#">-Sub 3</a><br> <a href="#" _fcksavedurl="#">-Sub 4</a><br> <a href="#" _fcksavedurl="#">-Sub 5</a><br> </div> </div> <div id="divTop6" class="clTop"><A HREF="#tekst" _fcksavedurl="#tekst" TITLE="Przeskoczenie do menu lokalnego strony"><img src="2.gif" _fcksavedurl="2.gif" name="imgA5" width=20 height=20 alt="" border="0"> <FONT SIZE="+1"><B>Czę¶ć 6</B></FONT></a><br> <div id="divSub6" class="clSub">  </div> </div> </div>

Menu zaznacz i skocz

Niezwykle proste menu w którym zaznaczamy gdzie mamy skoczyć i "skaczemy"... W body umieszczamy formularz:
<FORM>
<INPUT TYPE="radio" NAME="choices" onClick="changeIt('#')"> Link HTML 1
<INPUT TYPE="radio" NAME="choices" onClick="changeIt('#')"> Link HTML 2
<INPUT TYPE="radio" NAME="choices" onClick="changeIt('#')"> Link HTML 3
</form>
<A HREF="#"><B>Skocz do...</B></A>
Gdzie (poza ostatnią linijką) zmieniamy # na adres strony, do której mamy się dostać.

W Head:
<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

Nawigator

Prosty i skuteczny nawigator nie wymagający modyfikacji - poza podaniem strony głównej - pozwalający poruszać się po serwisie na zasadzie do przodu i wstecz. Linijkę document.write("<INPUT TYPE="BUTTON" VALUE="Strona główna" onClick="location='#'">"); zmieniamy wstawiając zamiast # adres strony głównej.

W Body:
<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

Do tyłu

WebMaster-Info

Wszystko dla Webmasterów

Menu

Google

Licznik

Zegar

Linki

Webmaster-info

Różne 2