KASTELEKOM

www.kastelekom.com Dünya' ya Açılan Pencereniz...

JAVA UYGULAMALARI

Arkaplan Efektleri

Buton Scriptleri

Link Scriptleri

Mouse Scriptleri

Saat Scriptleri

Yazı Efektleri

Browser Efektleri

Gerekliler

Menü Scriptleri

Resim Efektleri

Statusbar Efektleri

Diğer Scriptler

RENK KODLARI

Renk Kodları -1-

Renk Kodları -2-

MENÜ -4-

1 2 3 4 5 6 7 8 9

İsterseniz bu şekilde, hiçbir alt sayfa hazırlamadan, tek sayfa üzerinde faq(Sıkça Sorulan Sorular) bölümü oluşturabilirsiniz.

<script type="text/javascript">
<!-- Begin
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Fang :: http://tinyurl.com/7v7l8 */

Linklerin ucundaki adreslere, frame içerisinden veya tam ekranda ulaşmak ziyaretçiye kalmış!

<HEAD>
<style type="text/css">

/*Eric Meyer's based CSS tab*/

#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
text-decoration: none;
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a:hover{
color: #000000;
background: #C1C1FF;
border-color: #227;
}

#tablist li a.current{
background: lightyellow;
}

</style>

/***********************************************
* Tabbed Document Viewer script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var selectedtablink=""
var tcischecked=false

function handlelink(aobject){
selectedtablink=aobject.href
tcischecked=(document.tabcontrol && document.tabcontrol.tabcheck.checked)? true : false
if (document.getElementById && !tcischecked){
var tabobj=document.getElementById("tablist")
var tabobjlinks=tabobj.getElementsByTagName("A")
for (i=0; i<tabobjlinks.length; i++)
tabobjlinks[i].className=""
aobject.className="current"
document.getElementById("tabiframe").src=selectedtablink
return false
}
else
return true
}

function handleview(){
tcischecked=document.tabcontrol.tabcheck.checked
if (document.getElementById && tcischecked){
if (selectedtablink!="")
window.location=selectedtablink
}
}

</script>
</HEAD>
<body>
<ul id="tablist">
<li><a class="current" href="http://www.siir.gezginler.net" onClick="return handlelink(this)">Şiir Gezgini</a></li>
<li><a href="http://www.ekart.gezginler.net" onClick="return handlelink(this)">E-Kart</a></li>
<li><a href="http://www.siir.gezginler.net" onClick="return handlelink(this)">Link 3</a></li>
<li><a href="http://www.ekart.gezginler.net" onClick="return handlelink(this)">Link 4</a></li>
<li><a href="http://www.siir.gezginler.net" onClick="return handlelink(this)">Link 5</a></li>
</ul>
<iframe id="tabiframe" src="http://www.siir.gezginler.net" width="98%" height="350px"></iframe>

<form name="tabcontrol" style="margin-top:0">
<input name="tabcheck" type="checkbox" onClick="handleview()"> Tam ekranda göster
</form>
</body>

Hoş ve sade bir menü...

<script language="JavaScript1.2">
//Hover-up Menu Bar: By Dynamicdrive.com

var cssdefinition='<style>\n.menuitems{\nborder:2.5px solid #0099cc;\n}\n\n.menuitems a{\ntext-decoration:none;\ncolor:black;\n}\n<\/style>'

//No need to edit beyond here
if (document.all||document.getElementById)
document.write(cssdefinition)

function over_effect(e,state, bgcolor){
if (document.all)
source4=event.srcElement
else if (document.getElementById)
source4=e.target
if (source4.className=="menuitems"){
source4.style.borderStyle=state
source4.style.backgroundColor=bgcolor
}
else{
while(source4.tagName!="DIV"){
source4=document.getElementById? source4.parentNode : source4.parentElement
if (source4.className=="menuitems"){
source4.style.borderStyle=state
source4.style.backgroundColor=bgcolor
}
}
}
}

</script>

</head>

<body>
<div style="background-color:#0099cc;width:60%;height:25px;padding-top:5px" onMouseover="over_effect(event,'outset','#0066cc')" onMouseout="over_effect(event,'solid','#0099cc')" onMousedown="over_effect(event,'inset')" onMouseup="over_effect(event,'outset')">
<font face="Arial" size="2">
<strong>
<span><b><a href="mailto:webmaster@gezginler.net"><font color="#000080"> BİZE ULAŞIN</font></a> </b></span>   
<span class="menuitems"><a href="http://www.gezginler.net"><font color="#00FF00"> MENÜ 1 </font></a></span>  
<span class="menuitems"><a href="http://www.gezginler.net"> <font color="#00FF00">MENÜ 2 </font></a></span>  
<span class="menuitems"><a href="http://www.gezginler.net"> <font color="#00FF00">MENÜ 3 </font></a></span>  
<span class="menuitems"><a href="http://www.gezginler.net"><font color="#00FF00"> MENÜ 4 </font></a></span>  
<span class="menuitems"><a href="http://www.gezginler.net"><font color="#00FF00"> MENÜ 5</font> </a></span></strong>

</font>
</div>

Herkezce bilinen basit menü scripti

Mouse imleci üzerine gelince renk değiştiren, kutu menüler...

<HEAD>
<STYLE type=text/css>UL {
	MARGIN-TOP: 120pt
}
A:hover {
	COLOR: #0000ff
}

.LeftNavSubOff {
	BACKGROUND-COLOR: #000066; BORDER-BOTTOM: AQUA 1px solid; 
BORDER-LEFT:AQUA 1px solid; BORDER-RIGHT: AQUA 1px solid; BORDER-TOP: AQUA 1px solid; COLOR: white; CURSOR: hand; FONT-FAMILY: verdana; FONT-SIZE: 10px; LETTER-SPACING: -0.5pt; LINE-HEIGHT: 18px; MARGIN: 2px 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none; WIDTH: 100px
}
.LeftNavSubUp {
	BORDER-BOTTOM: yellow 1px solid; 
BORDER-LEFT:yellow 1px solid; BORDER-RIGHT: yellow 1px solid; BORDER-TOP: yellow 1px solid; COLOR: aqua; CURSOR: hand; FONT-FAMILY: verdana; FONT-SIZE: 10px; LETTER-SPACING: -0.5pt; LINE-HEIGHT: 18px; MARGIN: 2px 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none; WIDTH: 100px
}

.LeftNavSubDown {
	BACKGROUND-COLOR: #920000; BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #003399 1px solid; BORDER-RIGHT: #99ccff 1px solid; BORDER-TOP: #003399 1px solid; COLOR: yellow; CURSOR: hand; FONT-FAMILY: verdana; FONT-SIZE: 10px; LETTER-SPACING: -0.5pt; LINE-HEIGHT: 18px; MARGIN: 2px 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none; WIDTH: 100px
}</STYLE>
<SCRIPT language=JAVASCRIPT type=text/javascript>

</SCRIPT>

<SCRIPT language=JAVASCRIPT type=text/javascript>
<!--
	var strTDColor = '#000000';
	g_RolledTD = new Object;

1 2 3 4 5 6 7 8 9