Gezginler Webmaster Resources / Web Design

Link 1 Link 2

Link 3 Link 4

Link 5 Link 6

Link 7 Link 8

<head> </style> <script type="text/javascript"> /* GreyWyvern's Buffered Text-fade Effect - v2.1 */ var fader = new Array(), fadeQ = new Array(); var RGB = new Array(256), k = 0, hex = ["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"]; for (var i = 0; i < 16; i++) for (var j = 0; j < 16; j++) RGB[k++] = hex[i] + hex[j]; function fadeObj(number, id, colOff, colOn, spdIn, spdOut, def) { this.number = number; this.id = id; this.colOff = [parseInt(colOff.substr(0, 2), 16), parseInt(colOff.substr(2, 2), 16), parseInt(colOff.substr(4, 2), 16)]; this.colOn = [parseInt(colOn.substr(0, 2), 16), parseInt(colOn.substr(2, 2), 16), parseInt(colOn.substr(4, 2), 16)]; this.colNow = [parseInt(colOff.substr(0, 2), 16), parseInt(colOff.substr(2, 2), 16), parseInt(colOff.substr(4, 2), 16)]; this.spdIn = spdIn; this.spdOut = spdOut; this.def = def; this.direction = false; this.active = false; this.message = new Array(); this.messageNow = 0; } function fadeCmd(number, message, direction) { this.number = number; this.message = message; this.direction = direction; } function fade(number, message, direction) { if (fader[number].def && fader[number].messageNow == 0 && fader[number].direction) { fadeQ[fadeQ.length] = new fadeCmd(number, 0, false); fadeQ[fadeQ.length] = new fadeCmd(number, message, direction); message = 0; direction = false; } else fadeQ[fadeQ.length] = new fadeCmd(number, message, direction); setTimeout("fadeBegin(" + number + ");", 20); } function fadeBegin(number) { for (var x = 0; x < fadeQ.length; x++) { for (var y = x + 1; y < fadeQ.length; y++) { if (fadeQ[x].number == fadeQ[y].number && fadeQ[x].message == fadeQ[y].message && fadeQ[x].direction != fadeQ[y].direction) { fadeQ.splice(x, 1); fadeQ.splice(y - 1, 1); } } } if (!fader[number].active) { for (var x = 0; x < fadeQ.length; x++) { if (fadeQ[x].number == number && fadeQ[x].direction != fader[number].direction) { var del = fadeQ.splice(x, 1); setTimeout("fadeEng(" + number + ", " + del[0].message + ", " + del[0].direction + ");", 0); break; } } } } function fadeEng(number, message, direction) { if (!fader[number].active) { fader[number].active = true; fader[number].direction = direction; fader[number].messageNow = message; document.getElementById(fader[number].id).innerHTML = fader[number].message[message]; } var iniCol = (direction) ? fader[number].colOff : fader[number].colOn; var endCol = (direction) ? fader[number].colOn : fader[number].colOff; var incCol = fader[number].colNow; var spd = (direction) ? fader[number].spdIn : fader[number].spdOut; for (var x = 0; x < 3; x++) { var incr = (endCol[x] - iniCol[x]) / spd; incCol[x] = (incr < 0) ? Math.max(incCol[x] + incr, endCol[x]) : Math.min(incCol[x] + incr, endCol[x]); } document.getElementById(fader[number].id).style.color = "#" + RGB[parseInt(incCol[0])] + RGB[parseInt(incCol[1])] + RGB[parseInt(incCol[2])]; if (incCol[0] == endCol[0] && incCol[1] == endCol[1] && incCol[2] == endCol[2]) { fader[number].active = false; for (var x = 0; x < fadeQ.length; x++) { if (fadeQ[x].number == number) { var del = fadeQ.splice(x, 1); setTimeout("fadeEng(" + number + ", " + del[0].message + ", " + del[0].direction + ");", 0); return false; } } if (!direction) { if (fader[number].def) { setTimeout("fadeEng(" + number + ", 0, true);", 0); } else document.getElementById(fader[number].id).innerHTML = " "; } } else setTimeout("fadeEng(" + number + ", " + message + ", " + direction + ");", 0); } fader[0] = new fadeObj(0, 'fade0', 'ffff00', '0066ff', 20, 20, true); fader[0].message[0] = "<strong>Link aciklamasi</strong>"; fader[0].message[1] = "<br><strong>Link aciklamasi</strong>"; fader[0].message[2] = "<br><br><br><strong>Link aciklamasi</strong>"; fader[0].message[3] = "<br><br><br><br><br><br><strong>Link aciklamasi</strong>"; fader[0].message[4] = "<br><br><br><br><strong>Link aciklamasi</strong>"; fader[1] = new fadeObj(1, 'fade1', 'ffff00', '000066', 20, 20, false); fader[1].message[1] = "<br><div align=center><strong>Link aciklamasi</strong></div>"; fader[1].message[2] = "<br><br><div align=center><strong>Link aciklamasi</strong></div>"; fader[1].message[3] = "<br><br><br><div align=center><strong>Link aciklamasi</strong></div>"; fader[1].message[4] = "<br><br><br><br><br><br><div align=center><strong>Link aciklamasi</strong></div>"; </script> <style type="text/css"> body { text-align:center; } table { margin:20px auto; text-align:left; border:3px outset #ccffdd; background:transparent url(http://www.gezginler.net/modules/javascripts/ornek/menu/beyazitkulesi1900.jpg) no-repeat scroll center center; font-size:90%; } table tr td { width:81px; height:46px; border:2px outset #ccffdd; text-align:center; cursor:pointer; } #fade0 { width:130px; height:190px; text-align:left; padding:5px 20px 5px 10px; border:0px none transparent; } #fade1 { width:130px; height:190px; text-align:right; padding:5px 10px 5px 20px; border:0px none transparent; } .footer { text-align:left; margin:0px; } </style> </head> <BODY onload="fade(0, 0, true);"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td rowspan="4" id="fade0"> </td> <td onmouseover="fade(0, 1, true);" onmouseout="fade(0, 1, false);"><a href="http://www.gezginler.net" target="_blank">Link 1</a></td> <td onmouseover="fade(1, 1, true);" onmouseout="fade(1, 1, false);"><a href="http://www.gezginler.net" target="_blank">Link 2</a></td> <td rowspan="4" id="fade1"> </td> </tr> <tr> <td onmouseover="fade(0, 2, true);" onmouseout="fade(0, 2, false);"><a href="http://www.gezginler.net" target="_blank">Link 3</a></td> <td onmouseover="fade(1, 2, true);" onmouseout="fade(1, 2, false);"><a href="http://www.gezginler.net" target="_blank">Link 4</a></td> </tr> <tr> <td onmouseover="fade(0, 3, true);" onmouseout="fade(0, 3, false);"><a href="http://www.gezginler.net" target="_blank">Link 5</a></td> <td onmouseover="fade(1, 3, true);" onmouseout="fade(1, 3, false);"><a href="http://www.gezginler.net" target="_blank">Link 6</a></td> </tr> <tr> <td onmouseover="fade(0, 4, true);" onmouseout="fade(0, 4, false);"><a href="http://www.gezginler.net" target="_blank" target="_blank">Link 7</a></td> <td onmouseover="fade(1, 4, true);" onmouseout="fade(1, 4, false);"><a href="http://www.gezginler.net" target="_blank">Link 8</a></td> </tr> </table> </body>