Text Navigation Bar hover phpbb3
3 posters
Page 1 of 1
Text Navigation Bar hover phpbb3
I found this thread while searching. Can I do this in phpbb3 forum too?
http://www.simplebits.com/bits/minitabs.html
https://help.forumotion.com/t95279-navigation-bar-css
http://www.simplebits.com/bits/minitabs.html
https://help.forumotion.com/t95279-navigation-bar-css
Re: Text Navigation Bar hover phpbb3
Nera, provided the code for PunBB there. Can you provide your forum URL?
Edit: For Phpbb3,
Edit: For Phpbb3,
- Code:
a.mainmenu {
border-bottom: 3px solid #ff0000 !important;
opacity: 0.3 !important;
text-decoration: none !important;
font-weight: bold !important;
}
a.mainmenu:hover {
color: #ff0000;
opacity: 1 !important;
}
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Text Navigation Bar hover phpbb3
Thanks, but all text navbars got underlined.
Is it possible to make it just like this?
http://www.simplebits.com/bits/minitabs.html
My forum: http://animeph.4umer.com/forum
Is it possible to make it just like this?
http://www.simplebits.com/bits/minitabs.html
My forum: http://animeph.4umer.com/forum
Re: Text Navigation Bar hover phpbb3
Just change the color codes to whatever you want.
For that specific thing, the font color is this
669966
For that specific thing, the font color is this
669966
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Text Navigation Bar hover phpbb3
Try this one:
- Code:
a.mainmenu {
opacity: 0.3 !important;
text-decoration: none !important;
font-weight: bold !important;
}
a.mainmenu:hover {
border-bottom: 3px solid #ff0000 !important;
color: #ff0000;
opacity: 1 !important;
}
Re: Text Navigation Bar hover phpbb3
Wao, fast replies.
@Sanket I changed it. Thank you!
@SGSS It works!
But is it possible that for example, when I'm on forum tab, the underline stays there.
@Sanket I changed it. Thank you!
@SGSS It works!
But is it possible that for example, when I'm on forum tab, the underline stays there.
Re: Text Navigation Bar hover phpbb3
With the code I provided, the underline should stay there.
Edit: Oh you mean after clicking on a certain link?
Edit: Oh you mean after clicking on a certain link?
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Text Navigation Bar hover phpbb3
Yes but all of them got underlined in your code sir. I just want only the selected navbar has underline.
Re: Text Navigation Bar hover phpbb3
It is possible with JavaScript. Add to JavaScript codes management:
Add to Generalities:
Add to CSS Stylesheet:
For users that use portal or a HTML page as starting page, this code will need some little modifications.
- Code:
$(document).ready(function(){
if(document.URL.indexOf('groups') != -1){
$('a.mainmenu[href="/groups"]').addClass('active-menu');
}
if(document.URL.indexOf('portal') != -1){
$('a.mainmenu[href="/portal"]').addClass('active-menu');
}
if(document.URL.indexOf('faq') != -1){
$('a.mainmenu[href="/faq"]').addClass('active-menu');
}
if(document.URL.indexOf('calendar') != -1){
$('a.mainmenu[href="/calendar"]').addClass('active-menu');
}
if(document.URL.indexOf('search') != -1){
$('a.mainmenu[href="/search"]').addClass('active-menu');
}
if(document.URL.indexOf('memberlist') != -1){
$('a.mainmenu[href="/memberlist"]').addClass('active-menu');
}
if(document.URL.indexOf('groups') != -1){
$('a.mainmenu[href="/groups"]').addClass('active-menu');
}
if(document.URL.indexOf('profile?mode=editprofile') != -1){
$('a.mainmenu[href="/profile?mode=editprofile"]').addClass('active-menu');
}
if(document.URL.indexOf('privmsg?folder=inbox') != -1){
$('a.mainmenu[href="/privmsg?folder=inbox"]').addClass('active-menu');
}
if(document.URL.indexOf('login?logout') != -1){
$('a.mainmenu[href^="/login?logout"]').addClass('active-menu');
}
if(document.URL.indexOf('login') != -1){
$('a.mainmenu[href="/login"]').addClass('active-menu');
}
if(document.URL.indexOf('register') != -1){
$('a.mainmenu[href="/register"]').addClass('active-menu');
}
});
});
Add to Generalities:
- Code:
<script>
jQuery(document).ready(function(){
jQuery('a.mainmenu[href="/"]').addClass('active-menu');
});</script>
Add to CSS Stylesheet:
- Code:
.active-menu{
border-bottom: 3px solid #ff0000 !important;
}
For users that use portal or a HTML page as starting page, this code will need some little modifications.
Re: Text Navigation Bar hover phpbb3
Yes I did sir. But my avacweb popup chat is gone so I removed it again.
Similar topics
» Navigation bar hover
» how to remove navigation text bars in phpbb3
» Blue arrow hover : navigation hover bar
» Hover Navigation Bar Help
» Hover Navigation
» how to remove navigation text bars in phpbb3
» Blue arrow hover : navigation hover bar
» Hover Navigation Bar Help
» Hover Navigation
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum