~|| HTML-CSS-KOD ||~

Merdiven Menü

<head> <style>.m0l0i { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration : none; padding: 4px; } .m0l0o { text-decoration : none; border : 1px solid #ffffff; } .m0l1i { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration : none; padding: 4px; } .m0l1o { text-decoration : none; border : 1px solid #ffffff; } .m0l2i { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration : none; padding: 4px; } .m0l2o { text-decoration : none; border : 1px solid #ffffff; }</style> </head> <body> <script language="JavaScript"> // tigra menu // URL: http://menu.softcomplex.com/ // Version: 1.0 var menus = []; function menu (item_struct, pos, styles) { this.item_struct = item_struct; this.pos = pos; this.styles = styles; this.id = menus.length; this.items = []; this.children = []; this.add_item = menu_add_item; this.hide = menu_hide; this.onclick = menu_onclick; this.onmouseout = menu_onmouseout; this.onmouseover = menu_onmouseover; this.onmousedown = menu_onmousedown; var i; for (i = 0; i < this.item_struct.length; i++) new menu_item(i, this, this); for (i = 0; i < this.children.length; i++) this.children[i].visibility(true); menus[this.id] = this; } function menu_add_item (item) { var id = this.items.length; this.items[id] = item; return (id); } function menu_hide () { for (var i = 0; i < this.items.length; i++) { this.items[i].visibility(false); this.items[i].switch_style('onmouseout'); } } function menu_onclick (id) { var item = this.items[id]; return (item.fields[1] ? true : false); } function menu_onmouseout (id) { this.hide_timer = setTimeout('menus['+ this.id +'].hide();', this.pos['hide_delay'][this.active_item.depth]); if (this.active_item.id == id) this.active_item = null; } function menu_onmouseover (id) { this.active_item = this.items[id]; clearTimeout(this.hide_timer); var curr_item, visib; for (var i = 0; i < this.items.length; i++) { curr_item = this.items[i]; visib = (curr_item.arrpath.slice(0, curr_item.depth).join('_') == this.active_item.arrpath.slice(0, curr_item.depth).join('_')); if (visib) curr_item.switch_style ( curr_item == this.active_item ? 'onmouseover' : 'onmouseout'); curr_item.visibility(visib); } } function menu_onmousedown (id) { this.items[id].switch_style('onmousedown'); } function menu_item (path, parent, container) { this.path = new String (path); this.parent = parent; this.container = container; this.arrpath = this.path.split('_'); this.depth = this.arrpath.length - 1; var struct_path = '', i; for (i = 0; i <= this.depth; i++) struct_path += '[' + (Number(this.arrpath[i]) + (i ? 2 : 0)) + ']'; eval('this.fields = this.container.item_struct' + struct_path); if (!this.fields) return; this.get_x = mitem_get_x; this.get_y = mitem_get_y; this.init = mitem_init; this.visibility = mitem_visibility; this.switch_style = mitem_switch_style; this.id = this.container.add_item(this); parent.children[parent.children.length] = this; this.init(); this.children = []; var child_count = this.fields.length - 2; for (i = 0; i < child_count; i++) new menu_item (this.path + '_' + i, this, this.container); this.switch_style('onmouseout'); } function mitem_init() { document.write ( '<a id="mi_' + this.container.id + '_' + this.id +'" class="m' + this.container.id + 'l' + this.depth +'o" href="' + this.fields[1] + '" style="position: absolute; top: ' + this.get_y() + 'px; left: ' + this.get_x() + 'px; width: ' + this.container.pos['width'][this.depth] + 'px; height: ' + this.container.pos['height'][this.depth] + 'px; visibility: hidden;' +' background: black; color: white; z-index: ' + this.depth + ';" ' + 'onclick="return menus[' + this.container.id + '].onclick(' + this.id + ');" onmouseout="menus[' + this.container.id + '].onmouseout(' + this.id + ');" onmouseover="menus[' + this.container.id + '].onmouseover(' + this.id + ');" onmousedown="menus[' + this.container.id + '].onmousedown(' + this.id + ');"><div class="m' + this.container.id + 'l' + this.depth + 'i">' + this.fields[0] + "</div></a>n" ); this.element = document.getElementById('mi_' + this.container.id + '_' + this.id); } function mitem_visibility(make_visible) { if (make_visible != null) { if (this.visible == make_visible) return; this.visible = make_visible; if (make_visible) this.element.style.visibility = 'visible'; else if (this.depth) this.element.style.visibility = 'hidden'; } return (this.visible); } function mitem_get_x() { var value = 0; for (var i = 0; i <= this.depth; i++) value += this.container.pos['block_left'][i] + this.arrpath[i] * this.container.pos['left'][i]; return (value); } function mitem_get_y() { var value = 0; for (var i = 0; i <= this.depth; i++) value += this.container.pos['block_top'][i] + this.arrpath[i] * this.container.pos['top'][i]; return (value); } function mitem_switch_style(state) { if (this.state == state) return; this.state = state; var style = this.container.styles[state]; for (var i = 0; i < style.length; i += 2) if (style[i] && style[i+1]) eval('this.element.style.' + style[i] + "='" + style[i+1][this.depth] + "';"); } </script> <script language="JavaScript"> /* --- LİNK BÖLÜMÜ --- */ var MENU_ITEMS = [ ['BAŞLIK 1', null, ['LİNK 1', 'http://www.adresiniz.com/'], ['LİNK 2', 'http://www.adresiniz.com/', ['Link 1', 'http://www.adresiniz.com/'], ['Link 2', 'http://www.adresiniz.com/'], ['Link 3', 'http://www.adresiniz.com'], ], ['LİNK 3', 'http:http://www.adresiniz.com/'], ], ['BAŞLIK 2', null, ['LİNK 1', null, ['Link 1', 'http://www.adresiniz.com/'], ['Link 2', 'http://www.adresiniz.com/'], ['Link 3', 'http://www.adresiniz.com'], ['Link 4', 'http://www.adresiniz.com/'], ['Link 5', 'http://www.adresiniz.com/'], ['Link 6', 'http://www.adresiniz.com/'], ['Link 7', 'http://www.adresiniz.com/'], ['Link 8', 'http://www.adresiniz.com/'], ], ['LİNK 2', null, ['Link 1', 'http://www.adresiniz.com/'], ['Link 2', 'http://www.adresiniz.com/'], ['Link 3', 'http://www.adresiniz.com'], ], ['LİNK 3', 'http://www.adresiniz.com/'], ], ['BAŞLIK 3', null, ['Link 1', 'http://www.adresiniz.com/'], ['Link 2', 'http://www.adresiniz.com/'], ['Link 3', 'http://www.adresiniz.com'], ['Link 4', 'http://www.adresiniz.com/'], ['Link 5', 'http://www.adresiniz.com/'], ['Link 6', 'http://www.adresiniz.com/'], ['Link 7', 'http://www.adresiniz.com/'], ['Link 8', 'http://www.adresiniz.com/'], ], ['BAŞLIK 4', , ['LİNK 1', 'http://www.adresiniz.com/', ['Link 1', 'http://www.adresiniz.com/'], ['Link 2', 'http://www.adresiniz.com/'], ['Link 3', 'http://www.adresiniz.com'], ], ['LİNK 2', null, ['Link 1', 'http://www.adresiniz.com/'], ['Link 2', 'http://www.adresiniz.com/'], ['Link 3', 'http://www.adresiniz.com'], ], ['LİNK 3', 'http://www.adresiniz.com/'], ], ];</script> <script language="JavaScript">/* --- koordinatlar --- */ var MENU_POS2 = new Array(); MENU_POS2['width'] = [160, 130, 130]; MENU_POS2['height'] = [20, 20, 20]; MENU_POS2['block_top'] = [100, 10, 10]; MENU_POS2['block_left'] = [30, 150, 115]; MENU_POS2['top'] = [20, 21, 21]; MENU_POS2['left'] = [-7, -7, -7]; MENU_POS2['hide_delay'] = [200, 200, 200]; var MENU_STYLES2 = new Array(); MENU_STYLES2['onmouseout'] = [ 'color', ['#d3d17a', '#d3d17a', '#d3d17a'], //yazı rengi 'background', ['#000066', '#000066', '#000066'],//yazı arkaplanı ]; MENU_STYLES2['onmouseover'] = [ 'background', ['#115585', '#115585', '#115585'],//hover rengi ]; MENU_STYLES2['onmousedown'] = [ 'background', ['#cccccc', '#cccccc', '#cccccc'], ];</script> <script language="JavaScript"> new menu (MENU_ITEMS, MENU_POS2, MENU_STYLES2); </script>

FORUM

TopList

Forum

Hakkinda

EDİTÖRDEN

Web Dersleri
Webmaster Araç Sitesi
Program Dersleri
Banner Yap
Banner Arkaplanları
Seo Nedir?
Html Nedir?

PHOTOSHOP

Resimli Anlatımlar
Photoshop Fırçaları
Photoshop Yazı Tipleri
Photoshop Animasyonlar

DREAMWEAVER

Dreamweaver Nedir?
Genel Bilgi
Çizim Araçları
Frameler (Çerçeveler)
Link Verme
Temel Öğeler

EĞLENCE

Oyun Arşivi
Resim Arşivi
Video Arşivi
Karikatür Arşivi
Umut-Fan
Sıkça Sorulanlar

TEKNOLOJİ

Tekno Haber
Tekno Bilgi

Merdiven Menü

FORUM

TopList

Forum

Hakkinda

EDİTÖRDEN Web Dersleri Webmaster Araç Sitesi Program Dersleri Banner Yap Banner Arkaplanları Seo Nedir? Html Nedir?

PHOTOSHOP Resimli Anlatımlar Photoshop Fırçaları Photoshop Yazı Tipleri Photoshop Animasyonlar

DREAMWEAVER Dreamweaver Nedir? Genel Bilgi Çizim Araçları Frameler (Çerçeveler) Link Verme Temel Öğeler

EĞLENCE Oyun Arşivi Resim Arşivi Video Arşivi Karikatür Arşivi Umut-Fan Sıkça Sorulanlar

TEKNOLOJİ Tekno Haber Tekno Bilgi

~|| HTML-CSS-KOD ||~

Merdiven Menü

EDİTÖRDEN

Web Dersleri
Webmaster Araç Sitesi
Program Dersleri
Banner Yap
Banner Arkaplanları
Seo Nedir?
Html Nedir?

PHOTOSHOP

Resimli Anlatımlar
Photoshop Fırçaları
Photoshop Yazı Tipleri
Photoshop Animasyonlar

DREAMWEAVER

Dreamweaver Nedir?
Genel Bilgi
Çizim Araçları
Frameler (Çerçeveler)
Link Verme
Temel Öğeler

EĞLENCE

Oyun Arşivi
Resim Arşivi
Video Arşivi
Karikatür Arşivi
Umut-Fan
Sıkça Sorulanlar

TEKNOLOJİ

Tekno Haber
Tekno Bilgi