Insert Icon with drop down menu in tool bar ( Punbb)
Page 1 of 1
Insert Icon with drop down menu in tool bar ( Punbb)
Technical Details
Forum version : PunBB
Position : Founder
Concerned browser(s) : Mozilla Firefox
Screenshot of problem : https://i.servimg.com/u/f38/16/68/87/84/tool10.png
Who the problem concerns : All members
When the problem appeared : Display problem: the disappearance of the images posted on the forum
Forum link : http://proveprovate.forumattivo.it/
Description of problem
Hello everyone,I have a problem I can not solve it. I added two icons in the Toolbar: sends a message to the last one and contains a Drop Down Menu. Unfortunately when I insert the second, the one with the Drop Down Menu, all images posted on the forum by users disappear. How can I do? I attach the codes I used.
JAVA SCRIPT
Last post - on all pages
- Code:
(function() {
window.fmtabs = {
add: function (name) {
$('#fa_right').prepend('<div class="toolbar_name">' + name + '</div>');
},
list: function (name, html) {
$('#fa_right').prepend('<div id="toolbar_list_name_' + name + '" class="toolbar_list_name">' + name + '</div><div id="toolbar_list_' + name.replace(/\s/g, '_') + '" class="toolbar_list">' + html + '</div>');
$('#toolbar_list_name_' + name.replace(/\s/g, '_')).click(function() {
if (this.className == "toolbar_list_name") this.className += " active";
else this.className = "toolbar_list_name";
this.nextSibling.style.left = this.offsetLeft + 'px';
this.nextSibling.style.top = this.offsetHeight + 'px';
$(this.nextSibling).slideToggle();
});
}
};
})();
$(window).load(function() {
fmtabs.add('<a href="/search?search_id=newposts"><img src="http://i38.servimg.com/u/f38/18/91/14/63/2hnew12.jpg"></a>');
});
Quick Navigation with drop down menu - on all pages
- Code:
(function() {
window.fmtabs = {
add: function (name) {
$('#fa_right').prepend('<div class="toolbar_name">' + name + '</div>');
},
list: function (name, html) {
$('#fa_right').prepend('<div id="toolbar_list_name_' + name + '" class="toolbar_list_name">' + name + '</div><div id="toolbar_list_' + name.replace(/\s/g, '_') + '" class="toolbar_list">' + html + '</div>');
$('#toolbar_list_name_' + name.replace(/\s/g, '_')).click(function() {
if (this.className == "toolbar_list_name") this.className += " active";
else this.className = "toolbar_list_name";
this.nextSibling.style.left = this.offsetLeft + 'px';
this.nextSibling.style.top = this.offsetHeight + 'px';
$(this.nextSibling).slideToggle();
});
}
};
})();
$(window).load(function() {
fmtabs.list('For', '<a href="/c7-il-ponte-di-cristallo-"><b>Il Ponte di Cristallo</b></a> Forum off topic <br /><a href="/c1-tra-i-mondi-"><b>Tra i Mondi</b></a> Forum Sentimenti<br /><a href="/c4-terre-emerse-"><b>Terre Emerse</b> </a> Forum Tematici<br /><a href="/c5-orizzonti-"><b >Orizzonti</a></b> Forum Cultura<br/><a href="/f7-la-selva-oscura-"><b>La Selva Oscura</b></a> Flame Area<br /><a href="/f57-babel-s-land-"><b >Babel s Land</b></a> International Forum<br /> <a href="/c8-oltre-le-nebbie-"><b>Oltre le Nebbie</b></a> Bannatoio e Archivio');
document.getElementById("http://i38.servimg.com/u/f38/18/91/14/63/1home10.png").innerHTML = "Testo";
});
CSS
- Code:
#fa_right .toolbar_list_name, #fa_right .toolbar_name {
display: inline-block;
line-height: 30px;
background: url(http://i38.servimg.com/u/f38/18/91/14/63/1home12.png) no-repeat;
padding: 2px 6px;
background-position: center;
color: transparent;
}
#fa_right .toolbar_list_name.active {
color: #;
border-left: 0px solid #000;
border-right: 0px soli #000;
}
#fa_right .toolbar_list {
display: none;
position: absolute;
list-style-type: none;
margin: 0px;
padding: 0px 10px;
background-color: #FFFFFF;
min-width: 200px;
width: auto;
border: 1px solid #333333;
line-height: 30px;
border-top: 0px solid #FFFFFF;
z-index: 999;
color: #000000 !important;
}
#fa_right .toolbar_list :link, #fa_right .toolbar_list :visited {
color: #00569C !important;
}
Similar topics
» Image with drop down menu in tool bar
» Insert new Pm Icon ( Punbb)
» Drop-down Menu v2 (Ange :D)
» Notification tool bar won't drop down
» ipb drop down menu
» Insert new Pm Icon ( Punbb)
» Drop-down Menu v2 (Ange :D)
» Notification tool bar won't drop down
» ipb drop down menu
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum