![Μενού πλοήγησης (πολύ όμορφο εφέ) [Για όλα] G5cJvhM](https://2img.net/h/i.imgur.com/G5cJvhM.png)
Φόρουμ![Μενού πλοήγησης (πολύ όμορφο εφέ) [Για όλα] Df411](https://i.servimg.com/u/f41/14/31/03/27/df411.gif){kind=small}
![Μενού πλοήγησης (πολύ όμορφο εφέ) [Για όλα] Dg21010](https://2img.net/h/r12.imgfast.net/users/1211/25/36/03/album/dg21010.gif){kind=small}
![Μενού πλοήγησης (πολύ όμορφο εφέ) [Για όλα] Fg11110](https://2img.net/h/r12.imgfast.net/users/1211/25/36/03/album/fg11110.gif){kind=small}
1![Μενού πλοήγησης (πολύ όμορφο εφέ) [Για όλα] Empty](https://2img.net/i/empty.gif)
Μενού πλοήγησης (πολύ όμορφο εφέ) [Για όλα] 2/3/2012, 14:01
Gamatos
![Μενού πλοήγησης (πολύ όμορφο εφέ) [Για όλα] Fw3MC](https://i.imgur.com/Fw3MC.png)
Post : 2920
Ηλικία : 32
Ζωντανό παράδειγμα: http://dokimastikoparea.forumgreek.com/
Εικόνα: https://i.imgur.com/MRX9I.png
Για PHPBB3
CSS:
Για PHPBB2/INVISION
CSS:
Για PUNBB
CSS:
Εικόνα: https://i.imgur.com/MRX9I.png
Για PHPBB3
Πίνακας διαχείρισης  Λειτουργικές Μονάδες HTML & Javascript | Javascript codes management Create a new javascript |
- Κώδικας:
var CopyrightNotice = 'UFN(tm) - Ultimate Forumotion Navbar for phpBB3 boards. Copyright 2011 by Dion Designs. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified script. Distribution is not allowed without written consent from Dion Designs.';
$(function() {
$('body').prepend('<div id="ddmenu"><div id="ddposhack"><div id="ddwrap"><div id="ddnavtoggle" onclick="$(\'#ddnavlinks\').slideToggle()">Navbar Menu</div></div></div></div>');
var x=document.createElement('div');
x.style.display='none';
x.id='ddnavlinks';
var y=$('#page-header .navbar li > a').get();
var z=y.length-1;
for (i=z; i>=0; i--) {
var mtitle=y[i].childNodes[0].title;
var linktext=mtitle;
var link=y[i].getAttribute('href');
if (mtitle=='Home') {
linktext='Forum';
mtitle='Go to Forum/Index page';
}
else if (mtitle=='Portal') {
linktext='Home';
mtitle='Go to Portal/Home page';
}
else if (link.indexOf('privmsg')!=-1) {
var newpm=mtitle.split(' ');
if (newpm[2]=='no') {linktext='Inbox';}
else {
linktext='Inbox ['+newpm[2]+' New]';
document.getElementById('ddnavtoggle').className='newpm';
}
}
else if (link.indexOf('login?logout')!=-1) {
linktext='Log Out';
}
else if (mtitle=='Profile') {
linktext='UCP';
mtitle='Go to your User Control Panel';
}
else if (mtitle=='Gallery') {
mtitle='Go to Picture Gallery';
}
else if (mtitle=='FAQ') {
mtitle='Frequently Asked Questions';
}
else if (mtitle=='Memberlist') {
linktext='Member List';
mtitle='View the board member list';
}
y[i].title=mtitle;
y[i].innerHTML=linktext;
if (i==z) {x.appendChild(y[i]);}
else {x.insertBefore(y[i],x.firstChild);}
}
$(x).append($('#page-header .navbar li > a'));
$(x).find('img').remove();
$(x).append($('#search_menu'));
$('#ddwrap').append(x);
$('#page-header .navbar').remove();
});
CSS:
- Κώδικας:
#wrap, #ddposhack {width: 90%; min-width: 990px; margin:0px auto;}
#wrap {padding: 30px 0px 0px;}
#ddposhack {position: relative;}
#ddmenu {position:fixed;top:0px;right:0px; width: 100%;}
#ddwrap {position:absolute;top:0;right:0;padding:0 6px;background:#cadceb;font-family:Tahoma;font-size:12px;text-align:center;white-space:nowrap;border-radius:0 0 6px 6px;z-index:20000}
#ddnavtoggle {cursor:pointer;height:24px;line-height:22px;font-size:14px;font-weight:bold;}
#ddnavtoggle.newpm {color:#a00;}
#ddnavlinks {padding-bottom:6px;}
#ddnavlinks a {display:block;padding:0 15px;height:20px;line-height:20px;background:#fff;}
#ddnavlinks a:hover{background:#0076b1;color:#fff;text-decoration:none;}
#search_menu {top:0px!important;left:auto!important;right:210px!important;background: #e1ebf2;}
Για PHPBB2/INVISION
| Πίνακας διαχείρισης Λειτουργικές Μονάδες HTML & Javascript | Javascript codes management Create a new javascript |
- Κώδικας:
var CopyrightNotice = 'UFN(tm) - Ultimate Forumotion Navbar for forumotion IPB2/Invision boards. Copyright 2011 by Dion Designs. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified script. Distribution is not allowed without written consent from Dion Designs.';
$(function() {
$('body').prepend('<div id="ddmenu"><div id="ddposhack"><div id="ddwrap"><div id="ddnavtoggle" onclick="$(\'#ddnavlinks\').slideToggle()">Navbar Menu</div></div></div></div>');
var x=document.createElement('div');
x.style.display='none';
x.id='ddnavlinks';
var y=$('#submenu li > a').get();
var z=y.length-1;
for (i=z; i>=0; i--) {
var mtitle=y[i].childNodes[0].title;
var linktext=mtitle;
var link=y[i].getAttribute('href');
if (mtitle=='Home') {
linktext='Forum';
mtitle='Go to Forum/Index page';
}
else if (mtitle=='Portal') {
linktext='Home';
mtitle='Go to Portal/Home page';
}
else if (link.indexOf('privmsg')!=-1) {
var newpm=mtitle.split(' ');
if (newpm[2]=='no') {linktext='Inbox';}
else {
linktext='Inbox ['+newpm[2]+' New]';
document.getElementById('ddnavtoggle').className='newpm';
}
}
else if (link.indexOf('login?logout')!=-1) {
linktext='Log Out';
}
else if (mtitle=='Profile') {
linktext='UCP';
mtitle='Go to your User Control Panel';
}
else if (mtitle=='Gallery') {
mtitle='Go to Picture Gallery';
}
else if (mtitle=='FAQ') {
mtitle='Frequently Asked Questions';
}
else if (mtitle=='Memberlist') {
linktext='Member List';
mtitle='View the board member list';
}
y[i].title=mtitle;
y[i].innerHTML=linktext;
if (i==z) {x.appendChild(y[i]);}
else {x.insertBefore(y[i],x.firstChild);}
}
$(x).append($('#search_menu'));
$('#ddwrap').append(x);
$('#submenu').remove();
});
CSS:
- Κώδικας:
#ipbwrapper, #ddposhack {width: 90%; min-width: 990px; margin:0px auto;}
#ipbwrapper {padding: 30px 0px 0px;}
#ddposhack {position: relative;}
#ddmenu {position:fixed;top:0px;right:0px; width: 100%;}
#ddwrap {position:absolute;top:0;right:0;padding:0 6px;background:#ced7e5;font-family:Tahoma;font-size:12px;text-align:center;white-space:nowrap;border-radius:0 0 6px 6px;z-index:20000}
#ddnavtoggle {cursor:pointer;height:24px;line-height:22px;font-size:14px;font-weight:bold;}
#ddnavtoggle.newpm {color:#a00;}
#ddnavlinks {padding-bottom:6px;}
#ddnavlinks a {display:block;padding:0 15px;height:20px;line-height:20px;background:#fff;}
#ddnavlinks a:hover{background:#303b4a;color:#fff;text-decoration:none;}
#search_menu {top:0px!important;left:auto!important;right:210px!important;background:#e4e6e9;}
Για PUNBB
| Πίνακας διαχείρισης Λειτουργικές Μονάδες HTML & Javascript | Javascript codes management Create a new javascript |
- Κώδικας:
var CopyrightNotice = 'UFN(tm) - Ultimate Forumotion Navbar for forumotion PunBB boards. Copyright 2011 by Dion Designs. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified script. Distribution is not allowed without written consent from Dion Designs.';
$(function() {
$('body').prepend('<div id="ddmenu"><div id="ddposhack"><div id="ddwrap"><div id="ddnavtoggle" onclick="$(\'#ddnavlinks\').slideToggle()">Navbar Menu</div></div></div></div>');
var x=document.createElement('div');
x.style.display='none';
x.id='ddnavlinks';
var y=$('#pun-navlinks li > a').get();
var z=y.length-1;
for (i=z; i>=0; i--) {
var mtitle=y[i].childNodes[0].title;
var linktext=mtitle;
var link=y[i].getAttribute('href');
if (mtitle=='Home') {
linktext='Forum';
mtitle='Go to Forum/Index page';
}
else if (mtitle=='Portal') {
linktext='Home';
mtitle='Go to Portal/Home page';
}
else if (link.indexOf('privmsg')!=-1) {
var newpm=mtitle.split(' ');
if (newpm[2]=='no') {linktext='Inbox';}
else {
linktext='Inbox ['+newpm[2]+' New]';
document.getElementById('ddnavtoggle').className='newpm';
}
}
else if (link.indexOf('login?logout')!=-1) {
linktext='Log Out';
}
else if (mtitle=='Profile') {
linktext='UCP';
mtitle='Go to your User Control Panel';
}
else if (mtitle=='Gallery') {
mtitle='Go to Picture Gallery';
}
else if (mtitle=='FAQ') {
mtitle='Frequently Asked Questions';
}
else if (mtitle=='Memberlist') {
linktext='Member List';
mtitle='View the board member list';
}
y[i].title=mtitle;
y[i].innerHTML=linktext;
if (i==z) {x.appendChild(y[i]);}
else {x.insertBefore(y[i],x.firstChild);}
}
$(x).append($('#search_menu'));
$('#ddwrap').append(x);
$('#pun-navlinks').remove();
});
CSS:
- Κώδικας:
.pun, #ddposhack {width: 90%; min-width: 990px; margin:0px auto;}
.pun {padding: 30px 0px 0px;}
#ddposhack {position: relative;}
#ddmenu {position:fixed;top:0px;right:0px; width: 100%;}
#ddwrap {position:absolute;top:0;right:0;padding:0 6px;background:#ccc;font-family:Tahoma;font-size:12px;text-align:center;white-space:nowrap;border-radius:0 0 6px 6px;z-index:20000}
#ddnavtoggle {cursor:pointer;height:24px;line-height:22px;font-size:14px;font-weight:bold;}
#ddnavtoggle.newpm {color:#a00;}
#ddnavlinks {padding-bottom:6px;}
#ddnavlinks a {display:block;padding:0 15px;height:20px;line-height:20px;background:#fff;}
#ddnavlinks a:hover{background:#1f537b;color:#fff;text-decoration:none;}
#search_menu {top:0px!important;left:auto!important;right:210px!important;background: #f4f4f4;}
