Gezginler.Net /Web Programming - Javascript, Dhtml, Css Code Samples

<SCRIPT language=JavaScript>  </SCRIPT> <STYLE type=text/css>A { COLOR: #00FFFF; FONT-FAMILY: 'Arial'; FONT-SIZE: 10pt; LINE-HEIGHT: 20pt } STRONG { FONT-FAMILY: 'Arial'; FONT-SIZE: 15pt; FONT-WEIGHT: bold; LINE-HEIGHT: 25pt } A:link {text-decoration: none;} A:visited {text-decoration: none;} A:active {text-decoration: none;} A:hover {text-decoration: none;} P { FONT-FAMILY: 'Arial'; FONT-SIZE: 10pt; LINE-HEIGHT: 13pt } #pulloutInterface { BACKGROUND-COLOR: #NONE; CLIP: rect(0px 305px 250px 0px); HEIGHT: 250px; LEFT: 180px; POSITION: absolute; TOP: 10px; VISIBILITY: visible; WIDTH: 400px; layer-background-color: #NONE } #pulloutSidebar1 { BACKGROUND-COLOR: #003366; CLIP: rect(0px 100px 30px 0px); HEIGHT: 30px; LEFT: 5px; POSITION: absolute; TOP: 5px; WIDTH: 100px; layer-background-color: #DEDEDE } #pulloutSidebar2 { BACKGROUND-COLOR: #003399; CLIP: rect(0px 100px 30px 0px); HEIGHT: 30px; LEFT: 5px; POSITION: absolute; TOP: 40px; WIDTH: 100px; layer-background-color: yellow } #pulloutSidebar3 { BACKGROUND-COLOR: #0033cc; CLIP: rect(0px 100px 30px 0px); HEIGHT: 30px; LEFT: 5px; POSITION: absolute; TOP: 75px; WIDTH: 100px; layer-background-color: blue } #pulloutSidebar4 { BACKGROUND-COLOR: #0033ff; CLIP: rect(0px 100px 30px 0px); HEIGHT: 30px; LEFT: 5px; POSITION: absolute; TOP: 110px; WIDTH: 100px; layer-background-color: red } #pulloutContent { BACKGROUND-COLOR: #NONE; CLIP: rect(0px 285px 240px 0px); HEIGHT: 240px; LEFT: 110px; POSITION: absolute; TOP: 5px; WIDTH: 285px; layer-background-color: #NONE } #pulloutContent1 { BACKGROUND-COLOR: #003366; CLIP: rect(0px 185px 240px 0px); HEIGHT: 240px; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: visible; WIDTH: 185px; layer-background-color: #DEDEDE } #pulloutContent2 { BACKGROUND-COLOR: #003399; CLIP: rect(0px 185px 240px 0px); HEIGHT: 240px; LEFT: -185px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 185px; layer-background-color: #C5C5C5 } #pulloutContent3 { BACKGROUND-COLOR: #0033cc; CLIP: rect(0px 185px 240px 0px); HEIGHT: 240px; LEFT: -185px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 185px; layer-background-color: #A2A2A2 } #pulloutContent4 { BACKGROUND-COLOR: #0033ff; CLIP: rect(0px 185px 240px 0px); HEIGHT: 240px; LEFT: -185px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 185px; layer-background-color: #7E7E7E } </STYLE> </head> <body background bgColor="ebe2d3" onload="init()"> <DIV align=center> <CENTER> <DIV id=pulloutInterface> <DIV id=pulloutSidebar1> <P align=center><A href="javascript:pullout(pullout1)">Başlık 1</A></P></DIV> <DIV id=pulloutSidebar2> <P align=center><A href="javascript:pullout(pullout2)">Başlık 2</A></P></DIV> <DIV id=pulloutSidebar3> <P align=center><A href="javascript:pullout(pullout3)">Başlık 3</A></P></DIV> <DIV id=pulloutSidebar4> <P align=center><A href="javascript:pullout(pullout4)">Başlık 4</A></P></DIV> <DIV id=pulloutContent> <DIV id=pulloutContent1 style="width: 185; height: 240"> <P align=center><STRONG><font color="#00FFFF">Başlık 1</font></STRONG> <TABLE border=0 width=275> <TBODY> <TR> <TD> <A href="http://www.gezginler.net">Link Adı<BR> </a> <A href="http://www.gezginler.net">Link Adı<BR> </a><A href="http://www.gezginler.net">Link Adı<BR> </a> <A href="http://www.gezginler.net">Link Adı<BR> </a></P></TR></TBODY></TABLE></DIV> <DIV id=pulloutContent2> <P align=center><STRONG><font color="#00FFFF">Başlık 2</font></STRONG> <TABLE border=0 width=275> <TBODY> <TR> <TD> <A href="http://www.gezginler.net">Link Adı<BR> </a> <A href="http://www.gezginler.net">Link Adı<BR> </a><A href="http://www.gezginler.net">Link Adı<BR> </a> <A href="http://www.gezginler.net">Link Adı<BR> </a> </TD></TR></TBODY></TABLE></DIV> <DIV id=pulloutContent3> <P align=center><STRONG><font color="#00FFFF">Başlık 3</font></STRONG> <TABLE border=0 width=275> <TBODY> <TR> <TD> <A href="http://www.gezginler.net">Link Adı<BR> </a> <A href="http://www.gezginler.net">Link Adı<BR> </a><A href="http://www.gezginler.net">Link Adı<BR> </a> <A href="http://www.gezginler.net">Link Adı<BR> </a></TD></TR></TBODY></TABLE></DIV> <DIV id=pulloutContent4> <P align=center><STRONG><font color="#00FFFF">Başlık 4</font></STRONG> <TABLE border=0 width=275> <TBODY> <TR> <TD><A href="http://www.gezginler.net">Link Adı<BR> </a> <A href="http://www.gezginler.net">Link Adı<BR> </a><A href="http://www.gezginler.net">Link Adı<BR> </a> <A href="http://www.gezginler.net">Link Adı<BR> </a> </TR></TBODY></TABLE></CENTER></DIV></BODY></HTML>

Gezginler Webmaster Resources | Javascript | Web Programming | Search Engines and SEO | Web Design | Web Hosting - Free Hosting